/* Minification failed. Returning unminified contents.
(7293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112217,35): run-time error CSS1046: Expect comma, found '0'
(112217,39): run-time error CSS1046: Expect comma, found '/'
(112225,41): run-time error CSS1046: Expect comma, found '251'
(112225,49): run-time error CSS1046: Expect comma, found '/'
(112230,29): run-time error CSS1046: Expect comma, found '251'
(112230,36): run-time error CSS1046: Expect comma, found ')'
(112231,41): run-time error CSS1046: Expect comma, found '251'
(112231,49): run-time error CSS1046: Expect comma, found '/'
(112231,75): run-time error CSS1046: Expect comma, found '0'
(112231,79): run-time error CSS1046: Expect comma, found '/'
(114876,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2019 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;
    -ms-text-size-adjust: 100%;
    -webkit-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: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        -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-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

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

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

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

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

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

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

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

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100% !important
    }

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

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

    .navbar {
        display: none
    }

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

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    a:focus {
        outline: 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 {
    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;
    display: inline-block;
    max-width: 100%;
    height: auto
}

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

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

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

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

[role=button] {
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

p {
    margin: 0 0 10px
}

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

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

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

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

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

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

.text-success {
    color: #3c763d
}

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

.text-info {
    color: #31708f
}

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

.text-warning {
    color: #8a6d3b
}

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

.text-danger {
    color: #a94442
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

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

abbr[data-original-title], abbr[title] {
    cursor: help
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .row-no-gutters [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

table {
    background-color: transparent
}

    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
    }

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

th {
    text-align: left
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    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
    }

input[type=file] {
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

textarea.form-control {
    height: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-feedback {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        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);
        opacity: .65;
        -webkit-box-shadow: none;
        box-shadow: none
    }

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;
        background-image: none;
        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.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;
        background-image: none;
        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.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;
        background-image: none;
        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.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;
        background-image: none;
        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.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;
        background-image: none;
        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.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;
        background-image: none;
        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.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

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

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

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

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

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

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

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

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

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

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

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

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

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

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

.open > a {
    outline: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left
    }

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

    .btn-group-vertical > .btn-group > .btn {
        float: none
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        display: table-cell;
        float: none;
        width: 1%
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto
        }

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group[class*=col-] {
        float: none;
        padding-right: 0;
        padding-left: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

        .input-group .form-control:focus {
            z-index: 3
        }

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

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

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

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

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

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

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell
}

    .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn > .btn {
        position: relative
    }

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

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

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px
    }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .nav > li {
        position: relative;
        display: block
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

        .nav > li.disabled > a {
            color: #777
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent
            }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #eee;
        border-color: #337ab7
    }

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

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

        .nav-tabs.nav-justified > li {
            float: none
        }

            .nav-tabs.nav-justified > li > a {
                margin-bottom: 5px;
                text-align: center
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto
        }

@media (min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

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

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

    .nav-pills > li > a {
        border-radius: 4px
    }

    .nav-pills > li + li {
        margin-left: 2px
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #337ab7
    }

.nav-stacked > li {
    float: none
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0
    }

.nav-justified {
    width: 100%
}

    .nav-justified > li {
        float: none
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

@media (min-width:768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

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

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border: 1px solid #ddd
    }

@media (min-width:768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    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);
    -webkit-overflow-scrolling: touch
}

    .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-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

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

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

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

    .navbar-brand > img {
        display: block
    }

@media (min-width:768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

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

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px
        }

            .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none
            }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-right: -15px;
    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);
    margin-top: 8px;
    margin-bottom: 8px
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

    .navbar-default .navbar-brand {
        color: #777
    }

        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent
        }

    .navbar-default .navbar-text {
        color: #777
    }

    .navbar-default .navbar-nav > li > a {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-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-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-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-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-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-link {
    color: #9d9d9d
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-inverse .btn-link {
    color: #9d9d9d
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

    .breadcrumb > li {
        display: inline-block
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0"
        }

    .breadcrumb > .active {
        color: #777
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd
        }

            .pagination > li > 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 > 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 > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:focus, .pager li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #5e5e5e
    }

.label-primary {
    background-color: #337ab7
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #286090
    }

.label-success {
    background-color: #5cb85c
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #449d44
    }

.label-info {
    background-color: #5bc0de
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #31b0d5
    }

.label-warning {
    background-color: #f0ad4e
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f
    }

.label-danger {
    background-color: #d9534f
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #c9302c
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs > .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

    .list-group-item > .badge + .badge {
        margin-right: 5px
    }

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

    .jumbotron .h1, .jumbotron h1 {
        color: inherit
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5
    }

.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

    .thumbnail a > img, .thumbnail > img {
        margin-right: auto;
        margin-left: auto
    }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

    .media-object.img-thumbnail {
        max-width: none
    }

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

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

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

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

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-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

    a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

    a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

    a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

    a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

    .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
        color: inherit
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
        padding-right: 15px;
        padding-left: 15px
    }

    .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px
            }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px
            }

    .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px
            }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px
            }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd
    }

    .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0
    }

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

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

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

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

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

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd
    }

.panel-primary {
    border-color: #337ab7
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15)
    }

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.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-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out
    }

    .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;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }

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

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 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
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    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;
    font-size: 12px;
    filter: alpha(opacity=0);
    opacity: 0
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.top-left .tooltip-arrow {
        right: 5px;
        bottom: 0;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.top-right .tooltip-arrow {
        bottom: 0;
        left: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #000
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #000
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

    .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.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-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    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;
    font-size: 14px;
    background-color: #fff;
    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)
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

    .popover > .arrow {
        border-width: 11px
    }

        .popover > .arrow, .popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid
        }

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

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

.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: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-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 {
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
            left: 0
        }

        .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
            left: 0
        }

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                left: 0
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0
    }

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control:focus, .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        filter: alpha(opacity=90);
        opacity: .9
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1
    }

        .carousel-control .icon-prev:before {
            content: "\2039"
        }

        .carousel-control .icon-next:before {
            content: "\203a"
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000\9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

    .carousel-caption .btn {
        text-shadow: none
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}
/*# sourceMappingURL=bootstrap.min.css.map */

/*!
 * ui-grid - v4.8.3 - 2019-10-21
 * Copyright (c) 2019 ; License: MIT 
 */.ui-grid{border:1px solid #d4d4d4;box-sizing:content-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ui-grid-vertical-bar{position:absolute;right:0;width:0}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-scrollbar-placeholder{background-color:transparent}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#d4d4d4}.ui-grid-clearfix:before,.ui-grid-clearfix:after{content:"";display:table}.ui-grid-clearfix:after{clear:both}.ui-grid-invisible{visibility:hidden}.ui-grid-contents-wrapper{position:relative;height:100%;width:100%}.ui-grid-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.ui-grid-icon-button{background-color:transparent;border:none;padding:0}.clickable{cursor:pointer}.ui-grid-top-panel-background{background-color:#f3f3f3}.ui-grid-header{border-bottom:1px solid #d4d4d4;box-sizing:border-box}.ui-grid-top-panel{position:relative;overflow:hidden;font-weight:bold;background-color:#f3f3f3;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-header-viewport{overflow:hidden}.ui-grid-header-canvas:before,.ui-grid-header-canvas:after{content:"";display:-ms-flexbox;display:flex;line-height:0}.ui-grid-header-canvas:after{clear:both}.ui-grid-header-cell-wrapper{position:relative;display:-ms-flexbox;display:flex;box-sizing:border-box;height:100%;width:100%}.ui-grid-header-cell-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui-grid-header-cell{position:relative;box-sizing:border-box;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-grid-header-cell:last-child{border-right:0}.ui-grid-header-cell .sortable{cursor:pointer}.ui-grid-header-cell .ui-grid-sort-priority-number{margin-left:-8px}.ui-grid-header-cell>div{-ms-flex-basis:100%;flex-basis:100%}.ui-grid-header .ui-grid-vertical-bar{top:0;bottom:0}.ui-grid-column-menu-button{position:absolute;right:1px;top:0}.ui-grid-column-menu-button .ui-grid-icon-angle-down{vertical-align:sub}.ui-grid-header-cell-last-col .ui-grid-cell-contents,.ui-grid-header-cell-last-col .ui-grid-filter-container,.ui-grid-header-cell-last-col .ui-grid-column-menu-button,.ui-grid-header-cell-last-col+.ui-grid-column-resizer.right{margin-right:13px}.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,.ui-grid-render-container-right .ui-grid-header-cell-last-col+.ui-grid-column-resizer.right{margin-right:28px}.ui-grid-column-menu{position:absolute}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .04s linear;-moz-transition:all .04s linear;-o-transition:all .04s linear;transition:all .04s linear;display:block !important}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .04s linear;-moz-transition:all .04s linear;-o-transition:all .04s linear;transition:all .04s linear;display:block !important}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-filter-container{padding:4px 10px;position:relative}.ui-grid-filter-container .ui-grid-filter-button{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:10px;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover{opacity:1}.ui-grid-filter-container .ui-grid-filter-button-select{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:0px;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover{opacity:1}input[type="text"].ui-grid-filter-input{box-sizing:border-box;padding:0 18px 0 0;margin:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}select.ui-grid-filter-select{padding:0;margin:0;border:0;width:90%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}select.ui-grid-filter-select:hover{border:1px solid #d4d4d4}.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select{width:100%}.ui-grid-render-container{position:inherit;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-render-container:focus{outline:none}.ui-grid-viewport{min-height:20px;position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ui-grid-viewport:focus{outline:none !important}.ui-grid-canvas{position:relative;padding-top:1px}.ui-grid-row{clear:both}.ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-row:last-child .ui-grid-cell{border-bottom-color:#d4d4d4;border-bottom-style:solid}.ui-grid-row:hover>[ui-grid-row]>.ui-grid-cell:hover .ui-grid-cell,.ui-grid-row:nth-child(odd):hover .ui-grid-cell,.ui-grid-row:nth-child(even):hover .ui-grid-cell{background-color:#d5eaee}.ui-grid-no-row-overlay{position:absolute;top:0;bottom:0;left:0;right:0;margin:10%;background-color:#f3f3f3;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d4d4d4;font-size:2em;text-align:center}.ui-grid-no-row-overlay>*{position:absolute;display:table;margin:auto 0;width:100%;top:0;bottom:0;left:0;right:0;opacity:.66}.ui-grid-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-cell:last-child{border-right:0}.ui-grid-cell-contents{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:100%}.ui-grid-cell-contents-hidden{visibility:hidden;width:0;height:0;display:none}.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell{background-color:#F0F0EE;border-bottom:solid 1px #d4d4d4}.ui-grid-cell-empty{display:inline-block;width:10px;height:10px}.ui-grid-footer-info{padding:5px 10px}.ui-grid-footer-panel-background{background-color:#f3f3f3}.ui-grid-footer-panel{position:relative;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;overflow:hidden;font-weight:bold;background-color:#f3f3f3;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-grid-footer{float:left;width:100%}.ui-grid-footer-viewport,.ui-grid-footer-canvas{height:100%}.ui-grid-footer-viewport{overflow:hidden}.ui-grid-footer-canvas{position:relative}.ui-grid-footer-canvas:before,.ui-grid-footer-canvas:after{content:"";display:table;line-height:0}.ui-grid-footer-canvas:after{clear:both}.ui-grid-footer-cell-wrapper{position:relative;display:table;box-sizing:border-box;height:100%}.ui-grid-footer-cell-row{display:table-row}.ui-grid-footer-cell{overflow:hidden;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box;display:table-cell}.ui-grid-footer-cell:last-child{border-right:0}.ui-grid-menu-button{z-index:2;position:absolute;right:0;top:0;background:#f3f3f3;border:0;border-left:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;cursor:pointer;height:32px;font-weight:normal}.ui-grid-menu-button .ui-grid-icon-container{margin-top:5px;margin-left:2px}.ui-grid-menu-button .ui-grid-menu{right:0}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid{overflow:scroll}.ui-grid-menu{overflow:hidden;max-width:320px;z-index:2;position:absolute;right:100%;padding:0 10px 20px 10px;cursor:pointer;box-sizing:border-box}.ui-grid-menu-item{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-grid-menu .ui-grid-menu-inner{background:#fff;border:1px solid #d4d4d4;position:relative;white-space:nowrap;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-grid-menu .ui-grid-menu-inner ul{margin:0;padding:0;list-style-type:none}.ui-grid-menu .ui-grid-menu-inner ul li{padding:0}.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item{color:#000;min-width:100%;padding:8px;text-align:left;background:transparent;border:none;cursor:default}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item{cursor:pointer}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus{background-color:#b3c4c7}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active{background-color:#9cb2b6}.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child)>.ui-grid-menu-item{border-bottom:1px solid #d4d4d4}.ui-grid-sortarrow{right:5px;position:absolute;width:20px;top:0;bottom:0;background-position:center}.ui-grid-sortarrow.down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@font-face{font-family:'ui-grid';src:url('fonts/ui-grid.eot');src:url('fonts/ui-grid.eot') format('embedded-opentype'),url('fonts/ui-grid.woff') format('woff'),url('fonts/ui-grid.ttf') format('truetype'),url('fonts/ui-grid.svg?#ui-grid') format('svg');font-weight:normal;font-style:normal}[class^="ui-grid-icon"]:before,[class*=" ui-grid-icon"]:before{font-family:"ui-grid";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.ui-grid-icon-blank::before{width:1em;content:' '}.ui-grid-icon-plus-squared:before{content:'\c350'}.ui-grid-icon-minus-squared:before{content:'\c351'}.ui-grid-icon-search:before{content:'\c352'}.ui-grid-icon-cancel:before{content:'\c353'}.ui-grid-icon-info-circled:before{content:'\c354'}.ui-grid-icon-lock:before{content:'\c355'}.ui-grid-icon-lock-open:before{content:'\c356'}.ui-grid-icon-pencil:before{content:'\c357'}.ui-grid-icon-down-dir:before{content:'\c358'}.ui-grid-icon-up-dir:before{content:'\c359'}.ui-grid-icon-left-dir:before{content:'\c35a'}.ui-grid-icon-right-dir:before{content:'\c35b'}.ui-grid-icon-left-open:before{content:'\c35c'}.ui-grid-icon-right-open:before{content:'\c35d'}.ui-grid-icon-angle-down:before{content:'\c35e'}.ui-grid-icon-filter:before{content:'\c35f'}.ui-grid-icon-sort-alt-up:before{content:'\c360'}.ui-grid-icon-sort-alt-down:before{content:'\c361'}.ui-grid-icon-ok:before{content:'\c362'}.ui-grid-icon-menu:before{content:'\c363'}.ui-grid-icon-indent-left:before{content:'\e800'}.ui-grid-icon-indent-right:before{content:'\e801'}.ui-grid-icon-spin5:before{content:'\ea61'}.ui-grid[dir=rtl] .ui-grid-header-cell,.ui-grid[dir=rtl] .ui-grid-footer-cell,.ui-grid[dir=rtl] .ui-grid-cell{float:right !important}.ui-grid[dir=rtl] .ui-grid-column-menu-button{position:absolute;left:1px;top:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-cell:first-child,.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child{border-right:0}.ui-grid[dir=rtl] .ui-grid-cell:last-child,.ui-grid[dir=rtl] .ui-grid-header-cell:last-child{border-right:1px solid #d4d4d4;border-left:0}.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar{width:0}.ui-grid[dir=rtl] .ui-grid-menu-button{z-index:2;position:absolute;left:0;right:auto;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;min-height:27px;font-weight:normal}.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu{left:0;right:auto}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button{right:initial;left:0}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{right:initial;left:10px}.ui-grid-animate-spin{-moz-animation:ui-grid-spin 2s infinite linear;-o-animation:ui-grid-spin 2s infinite linear;-webkit-animation:ui-grid-spin 2s infinite linear;animation:ui-grid-spin 2s infinite linear;display:inline-block}@-moz-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.ui-grid-cell-focus{outline:0;background-color:#b3c4c7}.ui-grid-focuser{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}.ui-grid-focuser:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-offscreen{display:block;position:absolute;left:-10000px;top:-10000px;clip:rect(0, 0, 0, 0)}.ui-grid-cell input{border-radius:inherit;padding:0;width:100%;color:inherit;height:auto;font:inherit;outline:none}.ui-grid-cell input:focus{color:inherit;outline:none}.ui-grid-cell input[type="checkbox"]{margin:9px 0 0 6px;width:auto}.ui-grid-cell input.ng-invalid{border:1px solid #fc8f8f}.ui-grid-cell input.ng-valid{border:1px solid #d4d4d4}.ui-grid-viewport .ui-grid-empty-base-layer-container{position:absolute;overflow:hidden;pointer-events:none;z-index:-1}.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:none}.ui-grid-expandable-buttons-cell i{pointer-events:all}.scrollFiller{float:left;border:1px solid #d4d4d4}.ui-grid-tree-header-row{font-weight:bold !important}.movingColumn{position:absolute;top:0;border:1px solid #d4d4d4;box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.movingColumn .ui-grid-icon-angle-down{display:none}.ui-grid-pager-panel{display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;bottom:0;width:100%;padding-top:3px;padding-bottom:3px;box-sizing:content-box}.ui-grid-pager-container{float:left}.ui-grid-pager-control{padding:5px 0;display:flex;flex-flow:row nowrap;align-items:center;margin-right:10px;margin-left:10px;min-width:135px;float:left}.ui-grid-pager-control button,.ui-grid-pager-control span,.ui-grid-pager-control input{margin-right:4px}.ui-grid-pager-control button{height:25px;min-width:26px;display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background:#f3f3f3;border:1px solid #ccc;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#eee}.ui-grid-pager-control button:hover{border-color:#adadad;text-decoration:none}.ui-grid-pager-control button:focus{border-color:#8c8c8c;text-decoration:none;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-pager-control button:active{border-color:#adadad;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ui-grid-pager-control button:active:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-pager-control button:active:hover,.ui-grid-pager-control button:active:focus{background-color:#c8c8c8;border-color:#8c8c8c}.ui-grid-pager-control button:hover,.ui-grid-pager-control button:focus,.ui-grid-pager-control button:active{color:#eee;background:#dadada}.ui-grid-pager-control button[disabled]{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.ui-grid-pager-control button[disabled]:hover,.ui-grid-pager-control button[disabled]:focus{background-color:#f3f3f3;border-color:#ccc}.ui-grid-pager-control input{display:inline;height:26px;width:50px;vertical-align:top;color:#555555;background:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,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;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.ui-grid-pager-control input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-pager-control input[disabled],.ui-grid-pager-control input[readonly],.ui-grid-pager-control input::-moz-placeholder{opacity:1}.ui-grid-pager-control input::-moz-placeholder,.ui-grid-pager-control input:-ms-input-placeholder,.ui-grid-pager-control input::-webkit-input-placeholder{color:#999}.ui-grid-pager-control input::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-control input[disabled],.ui-grid-pager-control input[readonly]{background-color:#eeeeee}.ui-grid-pager-control input[disabled]{cursor:not-allowed}.ui-grid-pager-control .ui-grid-pager-max-pages-number{vertical-align:bottom}.ui-grid-pager-control .ui-grid-pager-max-pages-number>*{vertical-align:bottom}.ui-grid-pager-control .ui-grid-pager-max-pages-number abbr{border-bottom:none;text-decoration:none}.ui-grid-pager-control .first-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:-3px}.ui-grid-pager-control .first-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-7px}.ui-grid-pager-control .first-triangle{width:0;height:0;border-style:solid;border-width:5px 8.7px 5px 0;border-color:transparent #4d4d4d transparent transparent;margin-left:2px}.ui-grid-pager-control .next-triangle{margin-left:1px}.ui-grid-pager-control .prev-triangle{margin-left:0}.ui-grid-pager-control .last-triangle{width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #4d4d4d;margin-left:-1px}.ui-grid-pager-control .last-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:1px}.ui-grid-pager-control .last-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-11px}.ui-grid-pager-row-count-picker{float:left;padding:5px 10px}.ui-grid-pager-row-count-picker select{color:#555555;background:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,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;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;height:25px;width:67px;display:inline;vertical-align:middle}.ui-grid-pager-row-count-picker select:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-pager-row-count-picker select[disabled],.ui-grid-pager-row-count-picker select[readonly],.ui-grid-pager-row-count-picker select::-moz-placeholder{opacity:1}.ui-grid-pager-row-count-picker select::-moz-placeholder,.ui-grid-pager-row-count-picker select:-ms-input-placeholder,.ui-grid-pager-row-count-picker select::-webkit-input-placeholder{color:#999}.ui-grid-pager-row-count-picker select::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-row-count-picker select[disabled],.ui-grid-pager-row-count-picker select[readonly]{background-color:#eeeeee}.ui-grid-pager-row-count-picker select[disabled]{cursor:not-allowed}.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{margin-top:3px}.ui-grid-pager-count-container{float:right;margin-top:4px;min-width:50px}.ui-grid-pager-count-container .ui-grid-pager-count{margin-right:10px;margin-left:10px;float:right}.ui-grid-pager-count-container .ui-grid-pager-count abbr{border-bottom:none;text-decoration:none}.ui-grid-pinned-container{position:absolute;display:inline;top:0}.ui-grid-pinned-container.ui-grid-pinned-container-left{float:left;left:0}.ui-grid-pinned-container.ui-grid-pinned-container-right{float:right;right:0}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar{left:-1px;width:1px;background-color:#aeaeae}.ui-grid-column-resizer{top:0;bottom:0;width:5px;position:absolute;cursor:col-resize}.ui-grid-column-resizer.left{left:0}.ui-grid-column-resizer.right{right:0}.ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:1px solid #d4d4d4}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:0}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left{border-left:1px solid #d4d4d4}.ui-grid.column-resizing{cursor:col-resize;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-grid.column-resizing .ui-grid-resize-overlay{position:absolute;top:0;height:100%;width:1px;background-color:#aeaeae}.ui-grid-row-saving .ui-grid-cell{color:#848484 !important}.ui-grid-row-dirty .ui-grid-cell{color:#610B38}.ui-grid-row-error .ui-grid-cell{color:#FF0000 !important}.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{background-color:#C9DDE1}.ui-grid-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ui-grid-selection-row-header-buttons{display:flex;align-items:center;height:100%;cursor:pointer}.ui-grid-selection-row-header-buttons::before{opacity:.1}.ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,.ui-grid-selection-row-header-buttons.ui-grid-all-selected::before{opacity:1}.ui-grid-tree-row-header-buttons.ui-grid-tree-header{cursor:pointer;opacity:1}.ui-grid-tree-header-row{font-weight:bold !important}.ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:all}.ui-grid-cell-contents.invalid{border:1px solid #fc8f8f}
@media print {
    .hidden-while-print {
        visibility: hidden !important;
        height: 0px !important;
    }

    table {
        page-break-inside: avoid;
    }

    .zero-print-padding {
        padding: 0px !important;
        margin: 0 !important;
        color: #000 !important;
        background-color: transparent !important;
        border: 0px !important;
    }

    .visible-while-print {
        visibility: visible !important;
    }

    body {
        page-break-before: avoid;
        transform: scale(.75,.75);
        -webkit-transform: scale(.75,.75);
        -moz-transform: scale(.75,.75);
        -ms-transform: scale(.6,.6);
    }

        body.MSIE-Print {
            position: relative;
            top: -180px;
            left: -170px;
            width: 135%
        }

    @page {
        /*size: A4 landscape;*/
        size: letter;
        orphans: 0 !important;
        widows: 0 !important;
        margin: -100px -100px;
    }

    html, body {
        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        /* add your IE10-IE11 css here */
        body {
            position: relative;
            top: -120px;
            left: -120px;
        }
    }
    /*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        
    }*/
}

/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

    a:hover {
        color: #0056b3;
        text-decoration: underline
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([tabindex]):focus,
        a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

    [type=button]:not(:disabled),
    [type=reset]:not(:disabled),
    [type=submit]:not(:disabled),
    button:not(:disabled) {
        cursor: pointer
    }

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

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

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

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

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

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

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

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

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

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

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "\2014\00A0"
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

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

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

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

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

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

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

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col,
    .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.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-md-auto,
.col-sm,
.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-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

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

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

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

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

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

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

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

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

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

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

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

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

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

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

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

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

    .table td,
    .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

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

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

.table-sm td,
.table-sm th {
    padding: .3rem
}

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

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6
    }

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

.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary > td,
.table-primary > th {
    background-color: #b8daff
}

    .table-primary tbody + tbody,
    .table-primary td,
    .table-primary th,
    .table-primary thead th {
        border-color: #7abaff
    }

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #9fcdff
    }

.table-secondary,
.table-secondary > td,
.table-secondary > th {
    background-color: #d6d8db
}

    .table-secondary tbody + tbody,
    .table-secondary td,
    .table-secondary th,
    .table-secondary thead th {
        border-color: #b3b7bb
    }

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf
    }

.table-success,
.table-success > td,
.table-success > th {
    background-color: #c3e6cb
}

    .table-success tbody + tbody,
    .table-success td,
    .table-success th,
    .table-success thead th {
        border-color: #8fd19e
    }

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #b1dfbb
    }

.table-info,
.table-info > td,
.table-info > th {
    background-color: #bee5eb
}

    .table-info tbody + tbody,
    .table-info td,
    .table-info th,
    .table-info thead th {
        border-color: #86cfda
    }

.table-hover .table-info:hover {
    background-color: #abdde5
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #abdde5
    }

.table-warning,
.table-warning > td,
.table-warning > th {
    background-color: #ffeeba
}

    .table-warning tbody + tbody,
    .table-warning td,
    .table-warning th,
    .table-warning thead th {
        border-color: #ffdf7e
    }

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #ffe8a1
    }

.table-danger,
.table-danger > td,
.table-danger > th {
    background-color: #f5c6cb
}

    .table-danger tbody + tbody,
    .table-danger td,
    .table-danger th,
    .table-danger thead th {
        border-color: #ed969e
    }

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #f1b0b7
    }

.table-light,
.table-light > td,
.table-light > th {
    background-color: #fdfdfe
}

    .table-light tbody + tbody,
    .table-light td,
    .table-light th,
    .table-light thead th {
        border-color: #fbfcfc
    }

.table-hover .table-light:hover {
    background-color: #ececf6
}

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

.table-dark,
.table-dark > td,
.table-dark > th {
    background-color: #c6c8ca
}

    .table-dark tbody + tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #95999c
    }

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

.table-active,
.table-active > td,
.table-active > th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, .075)
    }

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #454d55
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, .05)
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, .075)
    }

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

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

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

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

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

    .table-responsive > .table-bordered {
        border: 0
    }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-lg,
    .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col,
    .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-valid:focus,
    .was-validated .form-control:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
    }

    .form-control.is-valid ~ .valid-feedback,
    .form-control.is-valid ~ .valid-tooltip,
    .was-validated .form-control:valid ~ .valid-feedback,
    .was-validated .form-control:valid ~ .valid-tooltip {
        display: block
    }

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

    .custom-select.is-valid:focus,
    .was-validated .custom-select:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
    }

    .custom-select.is-valid ~ .valid-feedback,
    .custom-select.is-valid ~ .valid-tooltip,
    .was-validated .custom-select:valid ~ .valid-feedback,
    .was-validated .custom-select:valid ~ .valid-tooltip {
        display: block
    }

.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip,
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip {
    display: block
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745
}

.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745
}

    .custom-control-input.is-valid ~ .custom-control-label::before,
    .was-validated .custom-control-input:valid ~ .custom-control-label::before {
        border-color: #28a745
    }

.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip,
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip,
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-invalid:focus,
    .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
    }

    .form-control.is-invalid ~ .invalid-feedback,
    .form-control.is-invalid ~ .invalid-tooltip,
    .was-validated .form-control:invalid ~ .invalid-feedback,
    .was-validated .form-control:invalid ~ .invalid-tooltip {
        display: block
    }

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

    .custom-select.is-invalid:focus,
    .was-validated .custom-select:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
    }

    .custom-select.is-invalid ~ .invalid-feedback,
    .custom-select.is-invalid ~ .invalid-tooltip,
    .was-validated .custom-select:invalid ~ .invalid-feedback,
    .was-validated .custom-select:invalid ~ .invalid-tooltip {
        display: block
    }

.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip,
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip {
    display: block
}

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545
}

    .custom-control-input.is-invalid ~ .custom-control-label::before,
    .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
        border-color: #dc3545
    }

.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip,
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip,
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc
    }

    .btn-primary.focus,
    .btn-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus,
        .btn-primary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary.focus,
    .btn-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .btn-secondary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
    }

    .btn-success.focus,
    .btn-success:focus {
        box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
    }

    .btn-success.disabled,
    .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success:not(:disabled):not(.disabled).active,
    .btn-success:not(:disabled):not(.disabled):active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

        .btn-success:not(:disabled):not(.disabled).active:focus,
        .btn-success:not(:disabled):not(.disabled):active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
    }

    .btn-info.focus,
    .btn-info:focus {
        box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
    }

    .btn-info.disabled,
    .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled).active,
    .btn-info:not(:disabled):not(.disabled):active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
    }

        .btn-info:not(:disabled):not(.disabled).active:focus,
        .btn-info:not(:disabled):not(.disabled):active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning.focus,
    .btn-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:not(:disabled):not(.disabled).active,
    .btn-warning:not(:disabled):not(.disabled):active,
    .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

        .btn-warning:not(:disabled):not(.disabled).active:focus,
        .btn-warning:not(:disabled):not(.disabled):active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
        }

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-danger.focus,
    .btn-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger:not(:disabled):not(.disabled).active,
    .btn-danger:not(:disabled):not(.disabled):active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus,
        .btn-danger:not(:disabled):not(.disabled):active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light.focus,
    .btn-light:focus {
        box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
    }

    .btn-light.disabled,
    .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled).active,
    .btn-light:not(:disabled):not(.disabled):active,
    .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

        .btn-light:not(:disabled):not(.disabled).active:focus,
        .btn-light:not(:disabled):not(.disabled):active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark.focus,
    .btn-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
    }

    .btn-dark.disabled,
    .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled).active,
    .btn-dark:not(:disabled):not(.disabled):active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus,
        .btn-dark:not(:disabled):not(.disabled):active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
        }

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primary.focus,
    .btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
    }

    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

        .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
        }

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary.focus,
    .btn-outline-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
    }

    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
        }

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success.focus,
    .btn-outline-success:focus {
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
    }

    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled).active,
    .btn-outline-success:not(:disabled):not(.disabled):active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

        .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .btn-outline-success:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
        }

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info.focus,
    .btn-outline-info:focus {
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
    }

    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled).active,
    .btn-outline-info:not(:disabled):not(.disabled):active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

        .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .btn-outline-info:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
        }

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning.focus,
    .btn-outline-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
    }

    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active,
    .btn-outline-warning:not(:disabled):not(.disabled):active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
        }

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger.focus,
    .btn-outline-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
    }

    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active,
    .btn-outline-danger:not(:disabled):not(.disabled):active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
        }

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light.focus,
    .btn-outline-light:focus {
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
    }

    .btn-outline-light.disabled,
    .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled).active,
    .btn-outline-light:not(:disabled):not(.disabled):active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

        .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .btn-outline-light:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
        }

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark.focus,
    .btn-outline-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
    }

    .btn-outline-dark.disabled,
    .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active,
    .btn-outline-dark:not(:disabled):not(.disabled):active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

        .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
        .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
        }

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline
    }

    .btn-link.focus,
    .btn-link:focus {
        text-decoration: underline;
        box-shadow: none
    }

    .btn-link.disabled,
    .btn-link:disabled {
        color: #6c757d;
        pointer-events: none
    }

.btn-group-lg > .btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm > .btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}



.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .dropdown-toggle:empty::after {
        margin-left: 0
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group-vertical > .btn,
    .btn-group > .btn {
        position: relative;
        flex: 1 1 auto
    }

        .btn-group-vertical > .btn:hover,
        .btn-group > .btn:hover {
            z-index: 1
        }

        .btn-group-vertical > .btn.active,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn:focus,
        .btn-group > .btn.active,
        .btn-group > .btn:active,
        .btn-group > .btn:focus {
            z-index: 1
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
    margin-left: -1px
}

.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after,
    .dropright .dropdown-toggle-split::after,
    .dropup .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical > .btn,
    .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn-group:not(:first-child),
        .btn-group-vertical > .btn:not(:first-child) {
            margin-top: -1px
        }

        .btn-group-vertical > .btn-group:not(:last-child) > .btn,
        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical > .btn-group:not(:first-child) > .btn,
        .btn-group-vertical > .btn:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

    .btn-group-toggle > .btn input[type=checkbox],
    .btn-group-toggle > .btn input[type=radio],
    .btn-group-toggle > .btn-group > .btn input[type=checkbox],
    .btn-group-toggle > .btn-group > .btn input[type=radio] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .custom-file,
    .input-group > .custom-select,
    .input-group > .form-control,
    .input-group > .form-control-plaintext {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

        .input-group > .custom-file + .custom-file,
        .input-group > .custom-file + .custom-select,
        .input-group > .custom-file + .form-control,
        .input-group > .custom-select + .custom-file,
        .input-group > .custom-select + .custom-select,
        .input-group > .custom-select + .form-control,
        .input-group > .form-control + .custom-file,
        .input-group > .form-control + .custom-select,
        .input-group > .form-control + .form-control,
        .input-group > .form-control-plaintext + .custom-file,
        .input-group > .form-control-plaintext + .custom-select,
        .input-group > .form-control-plaintext + .form-control {
            margin-left: -1px
        }

        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
        .input-group > .custom-select:focus,
        .input-group > .form-control:focus {
            z-index: 3
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4
        }

        .input-group > .custom-select:not(:last-child),
        .input-group > .form-control:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .custom-select:not(:first-child),
        .input-group > .form-control:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label,
        .input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

.input-group-append,
.input-group-prepend {
    display: flex
}

    .input-group-append .btn,
    .input-group-prepend .btn {
        position: relative;
        z-index: 2
    }

        .input-group-append .btn:focus,
        .input-group-prepend .btn:focus {
            z-index: 3
        }

        .input-group-append .btn + .btn,
        .input-group-append .btn + .input-group-text,
        .input-group-append .input-group-text + .btn,
        .input-group-append .input-group-text + .input-group-text,
        .input-group-prepend .btn + .btn,
        .input-group-prepend .btn + .input-group-text,
        .input-group-prepend .input-group-text + .btn,
        .input-group-prepend .input-group-text + .input-group-text {
            margin-left: -1px
        }

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .input-group-text input[type=checkbox],
    .input-group-text input[type=radio] {
        margin-top: 0
    }

.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #80bdff
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff;
        border-color: #b3d7ff
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

    .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 1px
    }

    .custom-control-label::after {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: no-repeat 50%/50% 50%
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: .5rem
    }

    .custom-switch .custom-control-label::after {
        top: calc(.25rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: .5rem;
        transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff
        }

    .custom-select[multiple],
    .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        display: none
    }

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .custom-file-input:disabled ~ .custom-file-label {
        background-color: #e9ecef
    }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse"
    }

    .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse)
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + .75rem);
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 .25rem .25rem 0
    }

.custom-range {
    width: 100%;
    height: calc(1rem + .4rem);
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-range:focus {
        outline: 0
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
        }

    .custom-range::-moz-focus-outer {
        border: 0
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        appearance: none
    }

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

    .nav-link:focus,
    .nav-link:hover {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

    .nav-tabs .nav-item {
        margin-bottom: -1px
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .nav-tabs .nav-link:focus,
        .nav-tabs .nav-link:hover {
            border-color: #e9ecef #e9ecef #dee2e6
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills .nav-link {
    border-radius: .25rem
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff
    }

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar > .container,
    .navbar > .container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration: none
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: none
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width:575.98px) {

    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }
}

@media (max-width:767.98px) {

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }
}

@media (max-width:991.98px) {

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media (max-width:1199.98px) {

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

    .navbar-light .navbar-brand:focus,
    .navbar-light .navbar-brand:hover {
        color: rgba(0, 0, 0, .9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, .7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, .3)
    }

    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0, 0, 0, .9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, .9)
    }

        .navbar-light .navbar-text a:focus,
        .navbar-light .navbar-text a:hover {
            color: rgba(0, 0, 0, .9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:focus,
    .navbar-dark .navbar-brand:hover {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, .75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, .25)
    }

    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:focus,
        .navbar-dark .navbar-text a:hover {
            color: #fff
        }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column
}

    .card-deck .card {
        margin-bottom: 15px
    }

@media (min-width:576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
}

.card-group {
    display: flex;
    flex-direction: column
}

    .card-group > .card {
        margin-bottom: 15px
    }

@media (min-width:576px) {
    .card-group {
        flex-flow: row wrap
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-header,
                .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-footer,
                .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-header,
                .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-footer,
                .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.accordion > .card {
    overflow: hidden
}

    .accordion > .card:not(:first-of-type) .card-header:first-child {
        border-radius: 0
    }

    .accordion > .card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 0;
        border-radius: 0
    }

    .accordion > .card:first-of-type {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .accordion > .card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .accordion > .card .card-header {
        margin-bottom: -1px
    }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #6c757d;
        content: "/"
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none
    }

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

    .alert-primary hr {
        border-top-color: #9fcdff
    }

    .alert-primary .alert-link {
        color: #002752
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

    .alert-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-secondary .alert-link {
        color: #202326
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

    .alert-success hr {
        border-top-color: #b1dfbb
    }

    .alert-success .alert-link {
        color: #0b2e13
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

    .alert-info hr {
        border-top-color: #abdde5
    }

    .alert-info .alert-link {
        color: #062c33
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

    .alert-warning hr {
        border-top-color: #ffe8a1
    }

    .alert-warning .alert-link {
        color: #533f03
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

    .alert-danger hr {
        border-top-color: #f1b0b7
    }

    .alert-danger .alert-link {
        color: #491217
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

    .alert-light hr {
        border-top-color: #ececf6
    }

    .alert-light .alert-link {
        color: #686868
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

    .alert-dark hr {
        border-top-color: #b9bbbe
    }

    .alert-dark .alert-link {
        color: #040505
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    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);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .list-group-item-action:focus,
    .list-group-item-action:hover {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef
    }

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

    .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .list-group-item.disabled,
    .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

.list-group-horizontal {
    flex-direction: row
}

    .list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

        .list-group-horizontal .list-group-item:first-child {
            border-top-left-radius: .25rem;
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal .list-group-item:last-child {
            margin-right: 0;
            border-top-right-radius: .25rem;
            border-bottom-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

        .list-group-horizontal-sm .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .list-group-horizontal-sm .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-sm .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

        .list-group-horizontal-md .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .list-group-horizontal-md .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-md .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

        .list-group-horizontal-lg .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .list-group-horizontal-lg .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-lg .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

        .list-group-horizontal-xl .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

            .list-group-horizontal-xl .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-xl .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

    .list-group-flush .list-group-item:last-child {
        margin-bottom: -1px
    }

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

    .list-group-item-primary.list-group-item-action:focus,
    .list-group-item-primary.list-group-item-action:hover {
        color: #004085;
        background-color: #9fcdff
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:focus,
    .list-group-item-secondary.list-group-item-action:hover {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

    .list-group-item-success.list-group-item-action:focus,
    .list-group-item-success.list-group-item-action:hover {
        color: #155724;
        background-color: #b1dfbb
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        color: #0c5460;
        background-color: #abdde5
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

    .list-group-item-warning.list-group-item-action:focus,
    .list-group-item-warning.list-group-item-action:hover {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

    .list-group-item-danger.list-group-item-action:focus,
    .list-group-item-danger.list-group-item-action:hover {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

    .list-group-item-light.list-group-item-action:focus,
    .list-group-item-light.list-group-item-action:hover {
        color: #818182;
        background-color: #ececf6
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:focus,
    .list-group-item-dark.list-group-item-action:hover {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

    .close:hover {
        color: #000;
        text-decoration: none
    }

    .close:not(:disabled):not(.disabled):focus,
    .close:not(:disabled):not(.disabled):hover {
        opacity: .75
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a.close.disabled {
    pointer-events: none
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

    .toast:not(:last-child) {
        margin-bottom: .75rem
    }

    .toast.showing {
        opacity: 1
    }

    .toast.show {
        display: block;
        opacity: 1
    }

    .toast.hide {
        display: none
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}



@media (prefers-reduced-motion:reduce) {
}

.modal.show .modal-dialog {
    transform: none
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-footer,
    .modal-dialog-scrollable .modal-header {
        flex-shrink: 0
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none
        }

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}



    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 25px 15px 15px
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem)
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem)
        }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

/*Custom media queries*/
@media (min-width:1024px) { /* Created custom view port for showing bigger popup on screen 1024 < screen < 1200 */
    .modal-xl.modal-dialog { /* only for modal*/
        max-width: 950px
    }
}

@media (min-width: 1200px) {
    .modal-xl.modal-dialog { /* only for modal*/
        max-width: 1140px
    }
}

@media screen and (min-width: 1400px) {
    .modal-xl.modal-dialog { /* only for modal*/
        max-width: 1370px;
    }
}

@media screen and (min-width: 1600px) {
    .modal-xl.modal-dialog { /* only for modal*/
        max-width: 1570px;
    }
}

@media screen and (min-width: 1900px) {
    .modal-xl.modal-dialog { /* only for modal*/
        max-width: 1870px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=top] .arrow,
    .bs-tooltip-top .arrow {
        bottom: 0
    }

        .bs-tooltip-auto[x-placement^=top] .arrow::before,
        .bs-tooltip-top .arrow::before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #000
        }

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=right] .arrow,
    .bs-tooltip-right .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=right] .arrow::before,
        .bs-tooltip-right .arrow::before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=bottom] .arrow,
    .bs-tooltip-bottom .arrow {
        top: 0
    }

        .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
        .bs-tooltip-bottom .arrow::before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=left] .arrow,
    .bs-tooltip-left .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=left] .arrow::before,
        .bs-tooltip-left .arrow::before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

        .popover .arrow::after,
        .popover .arrow::before {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

    .bs-popover-auto[x-placement^=top] > .arrow,
    .bs-popover-top > .arrow {
        bottom: calc((.5rem + 1px) * -1)
    }

        .bs-popover-auto[x-placement^=top] > .arrow::before,
        .bs-popover-top > .arrow::before {
            bottom: 0;
            border-width: .5rem .5rem 0;
            border-top-color: rgba(0, 0, 0, .25)
        }

        .bs-popover-auto[x-placement^=top] > .arrow::after,
        .bs-popover-top > .arrow::after {
            bottom: 1px;
            border-width: .5rem .5rem 0;
            border-top-color: #fff
        }

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

    .bs-popover-auto[x-placement^=right] > .arrow,
    .bs-popover-right > .arrow {
        left: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-auto[x-placement^=right] > .arrow::before,
        .bs-popover-right > .arrow::before {
            left: 0;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: rgba(0, 0, 0, .25)
        }

        .bs-popover-auto[x-placement^=right] > .arrow::after,
        .bs-popover-right > .arrow::after {
            left: 1px;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: #fff
        }

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

    .bs-popover-auto[x-placement^=bottom] > .arrow,
    .bs-popover-bottom > .arrow {
        top: calc((.5rem + 1px) * -1)
    }

        .bs-popover-auto[x-placement^=bottom] > .arrow::before,
        .bs-popover-bottom > .arrow::before {
            top: 0;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: rgba(0, 0, 0, .25)
        }

        .bs-popover-auto[x-placement^=bottom] > .arrow::after,
        .bs-popover-bottom > .arrow::after {
            top: 1px;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: #fff
        }

    .bs-popover-auto[x-placement^=bottom] .popover-header::before,
    .bs-popover-bottom .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

    .bs-popover-auto[x-placement^=left] > .arrow,
    .bs-popover-left > .arrow {
        right: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-auto[x-placement^=left] > .arrow::before,
        .bs-popover-left > .arrow::before {
            right: 0;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: rgba(0, 0, 0, .25)
        }

        .bs-popover-auto[x-placement^=left] > .arrow::after,
        .bs-popover-left > .arrow::after {
            right: 1px;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: #fff
        }

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        touch-action: pan-y
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

    .active.carousel-item-right,
    .carousel-item-next:not(.carousel-item-left) {
        transform: translateX(100%)
    }

    .active.carousel-item-left,
    .carousel-item-prev:not(.carousel-item-right) {
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right,
    .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity
}

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .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-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " ("attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td,
        .table th {
            background-color: #fff !important
        }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

        .table-dark tbody + tbody,
        .table-dark td,
        .table-dark th,
        .table-dark thead th {
            border-color: #dee2e6
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/* You can add global styles to this file, and also import other style files */
html {
    font-family: open sans, sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active,
    a:hover {
        outline-width: 0
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: open sans, sans-serif;
    font-size: 72%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button,
    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

@media print {

    *,
    ::after,
    ::before,
    blockquote::first-letter,
    blockquote::first-line,
    div::first-letter,
    div::first-line,
    li::first-letter,
    li::first-line,
    p::first-letter,
    p::first-line {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " ("attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td,
        .table th {
            background-color: #fff !important
        }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
}

html {
    box-sizing: border-box
}

*,
::after,
::before {
    box-sizing: inherit
}

@-ms-viewport {
    width: device-width
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    cursor: help
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

a {
    color: #0275d8;
    text-decoration: none
}

    a:focus,
    a:hover {
        color: #78b4f6b0;
        text-decoration: underline
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([tabindex]):focus,
        a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

table {
    border-collapse: collapse;
    background-color: transparent
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #636c72;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
select,
textarea {
    line-height: inherit
}

    input[type=checkbox]:disabled,
    input[type=radio]:disabled {
        cursor: not-allowed
    }

    input[type=date],
    input[type=time],
    input[type=datetime-local],
    input[type=month] {
        -webkit-appearance: listbox
    }

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

input[type=search] {
    -webkit-appearance: none
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 20px;
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.1
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.1
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.1
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: 5px
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eceeef
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #636c72
}

    .blockquote-footer::before {
        content: "\2014 \00A0"
    }

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #eceeef;
    border-left: 0
}

    .blockquote-reverse .blockquote-footer::before {
        content: ""
    }

    .blockquote-reverse .blockquote-footer::after {
        content: "\00A0 \2014"
    }

.img-fluid {
    width: 90px;
    height: auto
}

.img-fluid1 {
    width: 75px;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    transition: all .2s ease-in-out;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #636c72
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem
}

a > code {
    padding: 0;
    color: inherit;
    background-color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #fff;
    background-color: #292b2c;
    border-radius: .2rem
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #292b2c
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        background-color: transparent;
        border-radius: 0
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 576px) {
    .container {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
        max-width: 100%
    }
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 768px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 1200px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col,
    .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.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,
.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-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .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,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .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,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .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,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .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,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.333333%
}

.pull-2 {
    right: 16.666667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.333333%
}

.pull-5 {
    right: 41.666667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.333333%
}

.pull-8 {
    right: 66.666667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.333333%
}

.pull-11 {
    right: 91.666667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.333333%
}

.push-2 {
    left: 16.666667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.333333%
}

.push-5 {
    left: 41.666667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.333333%
}

.push-8 {
    left: 66.666667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.333333%
}

.push-11 {
    left: 91.666667%
}

.push-12 {
    left: 100%
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.333333%
    }

    .pull-sm-2 {
        right: 16.666667%
    }

    .pull-sm-3 {
        right: 25%
    }

    .pull-sm-4 {
        right: 33.333333%
    }

    .pull-sm-5 {
        right: 41.666667%
    }

    .pull-sm-6 {
        right: 50%
    }

    .pull-sm-7 {
        right: 58.333333%
    }

    .pull-sm-8 {
        right: 66.666667%
    }

    .pull-sm-9 {
        right: 75%
    }

    .pull-sm-10 {
        right: 83.333333%
    }

    .pull-sm-11 {
        right: 91.666667%
    }

    .pull-sm-12 {
        right: 100%
    }

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.333333%
    }

    .push-sm-2 {
        left: 16.666667%
    }

    .push-sm-3 {
        left: 25%
    }

    .push-sm-4 {
        left: 33.333333%
    }

    .push-sm-5 {
        left: 41.666667%
    }

    .push-sm-6 {
        left: 50%
    }

    .push-sm-7 {
        left: 58.333333%
    }

    .push-sm-8 {
        left: 66.666667%
    }

    .push-sm-9 {
        left: 75%
    }

    .push-sm-10 {
        left: 83.333333%
    }

    .push-sm-11 {
        left: 91.666667%
    }

    .push-sm-12 {
        left: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.566667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 24.9%
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 49.9%
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.566667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.333333%
    }

    .pull-md-2 {
        right: 16.666667%
    }

    .pull-md-3 {
        right: 25%
    }

    .pull-md-4 {
        right: 33.333333%
    }

    .pull-md-5 {
        right: 41.666667%
    }

    .pull-md-6 {
        right: 50%
    }

    .pull-md-7 {
        right: 58.333333%
    }

    .pull-md-8 {
        right: 66.666667%
    }

    .pull-md-9 {
        right: 75%
    }

    .pull-md-10 {
        right: 83.333333%
    }

    .pull-md-11 {
        right: 91.666667%
    }

    .pull-md-12 {
        right: 100%
    }

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.333333%
    }

    .push-md-2 {
        left: 16.666667%
    }

    .push-md-3 {
        left: 25%
    }

    .push-md-4 {
        left: 33.333333%
    }

    .push-md-5 {
        left: 41.666667%
    }

    .push-md-6 {
        left: 50%
    }

    .push-md-7 {
        left: 58.333333%
    }

    .push-md-8 {
        left: 66.666667%
    }

    .push-md-9 {
        left: 75%
    }

    .push-md-10 {
        left: 83.333333%
    }

    .push-md-11 {
        left: 91.666667%
    }

    .push-md-12 {
        left: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.333333%
    }

    .pull-lg-2 {
        right: 16.666667%
    }

    .pull-lg-3 {
        right: 25%
    }

    .pull-lg-4 {
        right: 33.333333%
    }

    .pull-lg-5 {
        right: 41.666667%
    }

    .pull-lg-6 {
        right: 50%
    }

    .pull-lg-7 {
        right: 58.333333%
    }

    .pull-lg-8 {
        right: 66.666667%
    }

    .pull-lg-9 {
        right: 75%
    }

    .pull-lg-10 {
        right: 83.333333%
    }

    .pull-lg-11 {
        right: 91.666667%
    }

    .pull-lg-12 {
        right: 100%
    }

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.333333%
    }

    .push-lg-2 {
        left: 16.666667%
    }

    .push-lg-3 {
        left: 25%
    }

    .push-lg-4 {
        left: 33.333333%
    }

    .push-lg-5 {
        left: 41.666667%
    }

    .push-lg-6 {
        left: 50%
    }

    .push-lg-7 {
        left: 58.333333%
    }

    .push-lg-8 {
        left: 66.666667%
    }

    .push-lg-9 {
        left: 75%
    }

    .push-lg-10 {
        left: 83.333333%
    }

    .push-lg-11 {
        left: 91.666667%
    }

    .push-lg-12 {
        left: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.333333%
    }

    .pull-xl-2 {
        right: 16.666667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 33.333333%
    }

    .pull-xl-5 {
        right: 41.666667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.333333%
    }

    .pull-xl-8 {
        right: 66.666667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.333333%
    }

    .pull-xl-11 {
        right: 91.666667%
    }

    .pull-xl-12 {
        right: 100%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.333333%
    }

    .push-xl-2 {
        left: 16.666667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.333333%
    }

    .push-xl-5 {
        left: 41.666667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.333333%
    }

    .push-xl-8 {
        left: 66.666667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.333333%
    }

    .push-xl-11 {
        left: 91.666667%
    }

    .push-xl-12 {
        left: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem
}

    .table td,
    .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #eceeef
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #eceeef
    }

    .table tbody + tbody {
        border-top: 2px solid #eceeef
    }

    .table .table {
        background-color: #fff
    }

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #eceeef
}

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #eceeef
    }

    .table-bordered thead td,
    .table-bordered thead th {
        border-bottom-width: 2px
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-active,
.table-active > td,
.table-active > th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, .075)
    }

.table-success,
.table-success > td,
.table-success > th {
    background-color: #dff0d8
}

.table-hover .table-success:hover {
    background-color: #d0e9c6
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #d0e9c6
    }

.table-info,
.table-info > td,
.table-info > th {
    background-color: #d9edf7
}

.table-hover .table-info:hover {
    background-color: #c4e3f3
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #c4e3f3
    }

.table-warning,
.table-warning > td,
.table-warning > th {
    background-color: #fcf8e3
}

.table-hover .table-warning:hover {
    background-color: #faf2cc
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #faf2cc
    }

.table-danger,
.table-danger > td,
.table-danger > th {
    background-color: #f2dede
}

.table-hover .table-danger:hover {
    background-color: #ebcccc
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #ebcccc
    }

.thead-inverse th {
    color: #fff;
    background-color: #292b2c
}

.thead-default th {
    color: #464a4c;
    background-color: #eceeef
}

.table-inverse {
    color: #fff;
    background-color: #292b2c
}

    .table-inverse td,
    .table-inverse th,
    .table-inverse thead th {
        border-color: #fff
    }

    .table-inverse.table-bordered {
        border: 0
    }

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .table-responsive.table-bordered {
        border: 0
    }

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    /* border: 1px solid #464a4c;*/
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control:focus {
        color: #464a4c;
        background-color: #fff;
        border-color: #5cb3fd;
        outline: 0
    }

    .form-control::-webkit-input-placeholder {
        color: #636c72;
        opacity: 1
    }

    .form-control::-moz-placeholder {
        color: #636c72;
        opacity: 1
    }

    .form-control::-ms-input-placeholder {
        color: #636c72;
        opacity: 1
    }

    .form-control::placeholder {
        color: #636c72;
        opacity: 1
    }

    .form-control:disabled,
    .form-control[readonly] {
        background-color: #eee;
        opacity: 1
    }

    .form-control:disabled {
        cursor: default;
    }

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #464a4c;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block
}

.col-form-label {
    padding-top: calc(.5rem - 1px * 2);
    padding-bottom: calc(.5rem - 1px * 2);
    margin-bottom: 0
}

.col-form-label-lg {
    padding-top: calc(.75rem - 1px * 2);
    padding-bottom: calc(.75rem - 1px * 2);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem - 1px * 2);
    padding-bottom: calc(.25rem - 1px * 2);
    font-size: .875rem
}

.col-form-legend {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    font-size: 1rem
}

.form-control-static {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-static.form-control-lg,
    .form-control-static.form-control-sm,
    .input-group-lg > .form-control-static.form-control,
    .input-group-lg > .form-control-static.input-group-addon,
    .input-group-lg > .input-group-btn > .form-control-static.btn,
    .input-group-sm > .form-control-static.form-control,
    .input-group-sm > .form-control-static.input-group-addon,
    .input-group-sm > .input-group-btn > .form-control-static.btn {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]),
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
    height: 1.8125rem
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]),
.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
    height: 3.166667rem
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: .5rem
}

    .form-check.disabled .form-check-label {
        color: #636c72;
        cursor: not-allowed
    }

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    cursor: pointer
}

.form-check-input {
    position: absolute;
    margin-top: .25rem;
    margin-left: -1.25rem
}

    .form-check-input:only-child {
        position: static
    }

.form-check-inline {
    display: inline-block
}

    .form-check-inline .form-check-label {
        vertical-align: middle
    }

    .form-check-inline + .form-check-inline {
        margin-left: .75rem
    }

.form-control-feedback {
    margin-top: .25rem
}

.form-control-danger,
.form-control-success,
.form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    background-size: 1.125rem 1.125rem
}

.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
    color: #5cb85c
}

.has-success .form-control {
    border-color: #5cb85c
}

.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea
}

.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
    color: #f0ad4e
}

.has-warning .form-control {
    border-color: #f0ad4e
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #fff
}

.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}

.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
    color: #d9534f
}

.has-danger .form-control {
    border-color: #d9534f
}

.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .form-inline .form-check-label {
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: .25rem;
        vertical-align: text-bottom
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: all .2s ease-in-out
}

    .btn:focus,
    .btn:hover {
        text-decoration: none
    }

    .btn.focus,
    .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 2px rgba(2, 117, 216, .25)
    }

    .btn.disabled,
    .btn:disabled {
        cursor: not-allowed;
        opacity: .65
    }

    .btn.active,
    .btn:active {
        background-image: none
    }

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #9d833e;
    border-color: #9d833e
}

    .btn-primary:hover {
        color: #fff;
        background-color: #DEC585;
        border-color: #DEC585
    }

    .btn-primary.focus,
    .btn-primary:focus {
        box-shadow: 0 0 0 2px #DEC585;
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        background-color: #DEC585;
        border-color: #DEC585
    }

    .btn-primary.active,
    .btn-primary:active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #9d833e;
        background-image: none;
        border-color: #9d833e
    }

.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc
}

    .btn-secondary:hover {
        color: #292b2c;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    .btn-secondary.focus,
    .btn-secondary:focus {
        box-shadow: 0 0 0 2px rgba(204, 204, 204, .5)
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-secondary.active,
    .btn-secondary:active,
    .show > .btn-secondary.dropdown-toggle {
        color: #292b2c;
        background-color: #e6e6e6;
        background-image: none;
        border-color: #adadad
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #2aabd2
    }

    .btn-info.focus,
    .btn-info:focus {
        box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
    }

    .btn-info.disabled,
    .btn-info:disabled {
        background-color: #5bc0de;
        border-color: #5bc0de
    }

    .btn-info.active,
    .btn-info:active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
        background-image: none;
        border-color: #2aabd2
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #419641
    }

    .btn-success.focus,
    .btn-success:focus {
        box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
    }

    .btn-success.disabled,
    .btn-success:disabled {
        background-color: #5cb85c;
        border-color: #5cb85c
    }

    .btn-success.active,
    .btn-success:active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        background-image: none;
        border-color: #419641
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #eb9316
    }

    .btn-warning.focus,
    .btn-warning:focus {
        box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        background-color: #f0ad4e;
        border-color: #f0ad4e
    }

    .btn-warning.active,
    .btn-warning:active,
    .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ec971f;
        background-image: none;
        border-color: #eb9316
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #c12e2a
    }

    .btn-danger.focus,
    .btn-danger:focus {
        box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        background-color: #d9534f;
        border-color: #d9534f
    }

    .btn-danger.active,
    .btn-danger:active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        background-image: none;
        border-color: #c12e2a
    }

.btn-outline-primary {
    color: #0275d8;
    background-image: none;
    background-color: transparent;
    border-color: #0275d8
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #0275d8;
        border-color: #0275d8
    }

    .btn-outline-primary.focus,
    .btn-outline-primary:focus {
        box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
    }

    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: #0275d8;
        background-color: transparent
    }

    .btn-outline-primary.active,
    .btn-outline-primary:active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #0275d8;
        border-color: #0275d8
    }

.btn-outline-secondary {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #ccc;
        border-color: #ccc
    }

    .btn-outline-secondary.focus,
    .btn-outline-secondary:focus {
        box-shadow: 0 0 0 2px rgba(204, 204, 204, .5)
    }

    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        color: #ccc;
        background-color: transparent
    }

    .btn-outline-secondary.active,
    .btn-outline-secondary:active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #ccc;
        border-color: #ccc
    }

.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #5bc0de;
        border-color: #5bc0de
    }

    .btn-outline-info.focus,
    .btn-outline-info:focus {
        box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
    }

    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        color: #5bc0de;
        background-color: transparent
    }

    .btn-outline-info.active,
    .btn-outline-info:active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #5bc0de;
        border-color: #5bc0de
    }

.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #5cb85c;
        border-color: #5cb85c
    }

    .btn-outline-success.focus,
    .btn-outline-success:focus {
        box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
    }

    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        color: #5cb85c;
        background-color: transparent
    }

    .btn-outline-success.active,
    .btn-outline-success:active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #5cb85c;
        border-color: #5cb85c
    }

.btn-outline-warning {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #f0ad4e
    }

    .btn-outline-warning.focus,
    .btn-outline-warning:focus {
        box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
    }

    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        color: #f0ad4e;
        background-color: transparent
    }

    .btn-outline-warning.active,
    .btn-outline-warning:active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #f0ad4e
    }

.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #d9534f;
        border-color: #d9534f
    }

    .btn-outline-danger.focus,
    .btn-outline-danger:focus {
        box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
    }

    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
        color: #d9534f;
        background-color: transparent
    }

    .btn-outline-danger.active,
    .btn-outline-danger:active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #d9534f;
        border-color: #d9534f
    }

.btn-link {
    font-weight: 400;
    color: #0275d8;
    border-radius: 0
}

    .btn-link,
    .btn-link.active,
    .btn-link:active,
    .btn-link:disabled {
        background-color: transparent
    }

        .btn-link,
        .btn-link:active,
        .btn-link:focus {
            border-color: transparent
        }

            .btn-link:hover {
                border-color: transparent
            }

            .btn-link:focus,
            .btn-link:hover {
                color: #014c8c;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link:disabled {
                color: #636c72
            }

                .btn-link:disabled:focus,
                .btn-link:disabled:hover {
                    text-decoration: none
                }

.btn-group-lg > .btn,
.btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-group-sm > .btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

    .fade.show {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.show {
        display: block
    }

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #292b2c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-divider {
    height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: #eceeef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #1d1e1f;
        text-decoration: none;
        background-color: #f7f7f9
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #9d833e
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: #636c72;
        cursor: not-allowed;
        background-color: transparent
    }

.show > .dropdown-menu {
    display: block
}

.show > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #636c72;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    vertical-align: 0
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent;
    vertical-align: 0
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group-vertical > .btn,
    .btn-group > .btn {
        position: relative;
        flex: 0 1 auto
    }

        .btn-group-vertical > .btn:hover,
        .btn-group > .btn:hover {
            z-index: 2
        }

        .btn-group-vertical > .btn.active,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn:focus,
        .btn-group > .btn.active,
        .btn-group > .btn:active,
        .btn-group > .btn:focus {
            z-index: 2
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group,
    .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-left: -1px
    }

.btn-toolbar {
    display: flex;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

    .btn + .dropdown-toggle-split::after {
        margin-left: 0
    }

.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem
}

.btn-group-vertical {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical .btn,
    .btn-group-vertical .btn-group {
        width: 100%
    }

    .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-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

[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: flex;
    width: 100%
}

    .input-group .form-control {
        position: relative;
        z-index: 2;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

        .input-group .form-control:active,
        .input-group .form-control:focus,
        .input-group .form-control:hover {
            z-index: 3
        }

    .input-group .form-control,
    .input-group-addon,
    .input-group-btn {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

        .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 {
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

    .input-group-addon.form-control-sm,
    .input-group-sm > .input-group-addon,
    .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: .25rem .5rem;
        font-size: .875rem;
        border-radius: .2rem
    }

    .input-group-addon.form-control-lg,
    .input-group-lg > .input-group-addon,
    .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: .75rem 1.5rem;
        font-size: 1.25rem;
        border-radius: .3rem
    }

    .input-group-addon input[type=checkbox],
    .input-group-addon input[type=radio] {
        margin-top: 0
    }

    .input-group .form-control:not(:last-child),
    .input-group-addon:not(:last-child),
    .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn,
    .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:not(:last-child) > .btn,
    .input-group-btn:not(:last-child) > .btn-group > .btn,
    .input-group-btn:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .input-group-addon:not(:last-child) {
        border-right: 0
    }

    .input-group .form-control:not(:first-child),
    .input-group-addon:not(:first-child),
    .input-group-btn:not(:first-child) > .btn,
    .input-group-btn:not(:first-child) > .btn-group > .btn,
    .input-group-btn:not(:first-child) > .dropdown-toggle,
    .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn,
    .input-group-btn:not(:last-child) > .btn:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn > .btn {
        position: relative;
        flex: 1 1 0%
    }

        .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: 3
        }

    .input-group-btn:not(:last-child) > .btn,
    .input-group-btn:not(:last-child) > .btn-group {
        margin-right: -1px
    }

    .input-group-btn:not(:first-child) > .btn,
    .input-group-btn:not(:first-child) > .btn-group {
        z-index: 2;
        margin-left: -1px
    }

        .input-group-btn:not(:first-child) > .btn-group:active,
        .input-group-btn:not(:first-child) > .btn-group:focus,
        .input-group-btn:not(:first-child) > .btn-group:hover,
        .input-group-btn:not(:first-child) > .btn:active,
        .input-group-btn:not(:first-child) > .btn:focus,
        .input-group-btn:not(:first-child) > .btn:hover {
            z-index: 3
        }

.custom-control {
    position: relative;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
    cursor: pointer
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-indicator {
        color: #fff;
        background-color: #0275d8
    }

    .custom-control-input:focus ~ .custom-control-indicator {
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8
    }

    .custom-control-input:active ~ .custom-control-indicator {
        color: #fff;
        background-color: #8fcafe
    }

    .custom-control-input:disabled ~ .custom-control-indicator {
        cursor: not-allowed;
        background-color: #eceeef
    }

    .custom-control-input:disabled ~ .custom-control-description {
        color: #636c72;
        cursor: not-allowed
    }

.custom-control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-indicator {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #0275d8;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-indicator {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-controls-stacked {
    display: flex;
    flex-direction: column
}

    .custom-controls-stacked .custom-control {
        margin-bottom: .25rem
    }

        .custom-controls-stacked .custom-control + .custom-control {
            margin-left: 0
        }

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none
}

    .custom-select:focus {
        border-color: #5cb3fd;
        outline: 0
    }

        .custom-select:focus::-ms-value {
            color: #464a4c;
            background-color: #fff
        }

    .custom-select:disabled {
        color: #636c72;
        cursor: not-allowed;
        background-color: #eceeef
    }

    .custom-select::-ms-expand {
        opacity: 0
    }

.custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
    cursor: pointer
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

    .custom-file-control:lang(en)::after {
        content: "Choose file..."
    }

    .custom-file-control::before {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        z-index: 6;
        display: block;
        height: 2.5rem;
        padding: .5rem 1rem;
        line-height: 1.5;
        color: #464a4c;
        background-color: #eceeef;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 0 .25rem .25rem 0
    }

    .custom-file-control:lang(en)::before {
        content: "Browse"
    }

.nav {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5em 1em
}

    .nav-link:focus,
    .nav-link:hover {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #636c72;
        cursor: not-allowed
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs .nav-item {
        margin-bottom: 0px
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-right-radius: .25rem;
        border-top-left-radius: .25rem
    }

        .nav-tabs .nav-link:focus,
        .nav-tabs .nav-link:hover {
            border-color: #eceeef #eceeef #ddd
        }

        .nav-tabs .nav-link.disabled {
            color: #636c72;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            color: #464a4c;
            background-color: #fff;
            border-color: #ddd #ddd #fff
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

.nav-pills .nav-link {
    border-radius: .25rem
}

    .nav-pills .nav-item.show .nav-link,
    .nav-pills .nav-link.active {
        color: #fff;
        cursor: default;
        background-color: #0275d8
    }

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex: 1 1 100%;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: .5rem 1rem
}

.navbar-brand {
    display: inline-block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration: none
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

.navbar-text {
    display: inline-block;
    padding-top: .425rem;
    padding-bottom: .425rem
}

.navbar-toggler {
    align-self: flex-start;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: none
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

.navbar-toggler-left {
    position: absolute;
    left: 1rem
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem
}

@media (max-width: 575px) {
    .navbar-toggleable .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-toggleable {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

        .navbar-toggleable .navbar-nav {
            flex-direction: row
        }

            .navbar-toggleable .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-toggleable > .container {
            display: flex;
            flex-wrap: nowrap;
            align-items: center
        }

        .navbar-toggleable .navbar-collapse {
            display: flex !important;
            width: 100%
        }

        .navbar-toggleable .navbar-toggler {
            display: none
        }
}

@media (max-width: 767px) {
    .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-sm > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-toggleable-sm {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

        .navbar-toggleable-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-toggleable-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-toggleable-sm > .container {
            display: flex;
            flex-wrap: nowrap;
            align-items: center
        }

        .navbar-toggleable-sm .navbar-collapse {
            display: flex !important;
            width: 100%
        }

        .navbar-toggleable-sm .navbar-toggler {
            display: none
        }
}

@media (max-width: 991px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-md > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-toggleable-md {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

        .navbar-toggleable-md .navbar-nav {
            flex-direction: row
        }

            .navbar-toggleable-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-toggleable-md > .container {
            display: flex;
            flex-wrap: nowrap;
            align-items: center
        }

        .navbar-toggleable-md .navbar-collapse {
            display: flex !important;
            width: 100%
        }

        .navbar-toggleable-md .navbar-toggler {
            display: none
        }
}

@media (max-width: 1199px) {
    .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-lg > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-toggleable-lg {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

        .navbar-toggleable-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-toggleable-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-toggleable-lg > .container {
            display: flex;
            flex-wrap: nowrap;
            align-items: center
        }

        .navbar-toggleable-lg .navbar-collapse {
            display: flex !important;
            width: 100%
        }

        .navbar-toggleable-lg .navbar-toggler {
            display: none
        }
}

.navbar-toggleable-xl {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

    .navbar-toggleable-xl .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-xl > .container {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-toggleable-xl .navbar-nav {
        flex-direction: row
    }

        .navbar-toggleable-xl .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-toggleable-xl > .container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable-xl .navbar-collapse {
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-xl .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .9)
}

    .navbar-light .navbar-brand:focus,
    .navbar-light .navbar-brand:hover,
    .navbar-light .navbar-toggler:focus,
    .navbar-light .navbar-toggler:hover {
        color: rgba(0, 0, 0, .9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, .7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, .3)
    }

    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.open,
    .navbar-light .navbar-nav .open > .nav-link {
        color: rgba(0, 0, 0, .9)
    }

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
    color: #fff
}

    .navbar-inverse .navbar-brand:focus,
    .navbar-inverse .navbar-brand:hover,
    .navbar-inverse .navbar-toggler:focus,
    .navbar-inverse .navbar-toggler:hover {
        color: #fff
    }

.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

    .navbar-inverse .navbar-nav .nav-link:focus,
    .navbar-inverse .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, .75)
    }

    .navbar-inverse .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, .25)
    }

    .navbar-inverse .navbar-nav .active > .nav-link,
    .navbar-inverse .navbar-nav .nav-link.active,
    .navbar-inverse .navbar-nav .nav-link.open,
    .navbar-inverse .navbar-nav .open > .nav-link {
        color: #fff
    }

.navbar-inverse .navbar-toggler {
    border-color: rgba(255, 255, 255, .1)
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-inverse .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card-block {
    flex: 1 1 auto;
    padding: 1.25rem;
    margin-top: 15px;
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #f7f7f9;
    border-top: 1px solid rgba(0, 0, 0, .125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-primary {
    background-color: #0275d8;
    border-color: #0275d8
}

    .card-primary .card-footer,
    .card-primary .card-header {
        background-color: transparent
    }

.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c
}

    .card-success .card-footer,
    .card-success .card-header {
        background-color: transparent
    }

.card-info {
    background-color: #5bc0de;
    border-color: #5bc0de
}

    .card-info .card-footer,
    .card-info .card-header {
        background-color: transparent
    }

.card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

    .card-warning .card-footer,
    .card-warning .card-header {
        background-color: transparent
    }

.card-danger {
    background-color: #d9534f;
    border-color: #d9534f
}

    .card-danger .card-footer,
    .card-danger .card-header {
        background-color: transparent
    }

.card-outline-primary {
    background-color: transparent;
    border-color: #0275d8
}

.card-outline-secondary {
    background-color: transparent;
    border-color: #ccc
}

.card-outline-info {
    background-color: transparent;
    border-color: #5bc0de
}

.card-outline-success {
    background-color: transparent;
    border-color: #5cb85c
}

.card-outline-warning {
    background-color: transparent;
    border-color: #f0ad4e
}

.card-outline-danger {
    background-color: transparent;
    border-color: #d9534f
}

.card-inverse {
    color: rgba(255, 255, 255, .65)
}

    .card-inverse .card-footer,
    .card-inverse .card-header {
        background-color: transparent;
        border-color: rgba(255, 255, 255, .2)
    }

    .card-inverse .card-blockquote,
    .card-inverse .card-footer,
    .card-inverse .card-header,
    .card-inverse .card-title {
        color: #fff
    }

        .card-inverse .card-blockquote .blockquote-footer,
        .card-inverse .card-link,
        .card-inverse .card-subtitle,
        .card-inverse .card-text {
            color: rgba(255, 255, 255, .65)
        }

            .card-inverse .card-link:focus,
            .card-inverse .card-link:hover {
                color: #fff
            }

.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0
}

.card-img {
    border-radius: calc(.25rem - 1px)
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img-top {
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column
        }

            .card-deck .card:not(:first-child) {
                margin-left: 15px
            }

            .card-deck .card:not(:last-child) {
                margin-right: 15px
            }
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

        .card-group .card {
            flex: 1 0 0%
        }

            .card-group .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group .card:first-child {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0
            }

                .card-group .card:first-child .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group .card:first-child .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group .card:last-child {
                border-bottom-left-radius: 0;
                border-top-left-radius: 0
            }

                .card-group .card:last-child .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group .card:last-child .card-img-bottom {
                    border-bottom-left-radius: 0
                }

            .card-group .card:not(:first-child):not(:last-child) {
                border-radius: 0
            }

                .card-group .card:not(:first-child):not(:last-child) .card-img-bottom,
                .card-group .card:not(:first-child):not(:last-child) .card-img-top {
                    border-radius: 0
                }
}

@media (min-width: 576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
            margin-bottom: .75rem
        }
}

.breadcrumb {
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #eceeef;
    border-radius: .25rem
}

    .breadcrumb::after {
        display: block;
        content: "";
        clear: both
    }

.breadcrumb-item {
    float: left
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        padding-left: .5rem;
        color: #636c72;
        content: "/"
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none
    }

    .breadcrumb-item.active {
        color: #636c72
    }

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.page-item.disabled .page-link {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0275d8;
    background-color: #fff;
    border: 1px solid #ddd
}

    .page-link:focus,
    .page-link:hover {
        color: #014c8c;
        text-decoration: none;
        background-color: #eceeef;
        border-color: #ddd
    }

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: .3rem;
    border-top-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: .3rem;
    border-top-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-default {
    background-color: #636c72
}

    .badge-default[href]:focus,
    .badge-default[href]:hover {
        background-color: #4b5257
    }

.badge-primary {
    background-color: #0275d8
}

    .badge-primary[href]:focus,
    .badge-primary[href]:hover {
        background-color: #025aa5
    }

.badge-success {
    background-color: #5cb85c
}

    .badge-success[href]:focus,
    .badge-success[href]:hover {
        background-color: #449d44
    }

.badge-info {
    background-color: #5bc0de
}

    .badge-info[href]:focus,
    .badge-info[href]:hover {
        background-color: #31b0d5
    }

.badge-warning {
    background-color: #f0ad4e
}

    .badge-warning[href]:focus,
    .badge-warning[href]:hover {
        background-color: #ec971f
    }

.badge-danger {
    background-color: #d9534f
}

    .badge-danger[href]:focus,
    .badge-danger[href]:hover {
        background-color: #c9302c
    }

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #eceeef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-hr {
    border-top-color: #d0d5d8
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible .close {
    position: relative;
    top: -.75rem;
    right: -1.25rem;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}

    .alert-success hr {
        border-top-color: #c1e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}

    .alert-info hr {
        border-top-color: #a6d5ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}

    .alert-warning hr {
        border-top-color: #f7ecb5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}

    .alert-danger hr {
        border-top-color: #e4b9b9
    }

    .alert-danger .alert-link {
        color: #843534
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    background-color: #eceeef;
    border-radius: .25rem
}

.progress-bar {
    height: 1rem;
    color: #fff;
    background-color: #0275d8
}

.progress-bar-striped {
    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);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1 0%
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #464a4c;
    text-align: inherit
}

    .list-group-item-action .list-group-item-heading {
        color: #292b2c
    }

    .list-group-item-action:focus,
    .list-group-item-action:hover {
        color: #464a4c;
        text-decoration: none;
        background-color: #f7f7f9
    }

    .list-group-item-action:active {
        color: #292b2c;
        background-color: #eceeef
    }

.list-group-item {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

    .list-group-item:first-child {
        border-top-right-radius: .25rem;
        border-top-left-radius: .25rem
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .list-group-item:focus,
    .list-group-item:hover {
        text-decoration: none
    }

    .list-group-item.disabled,
    .list-group-item:disabled {
        color: #636c72;
        cursor: not-allowed;
        background-color: #fff
    }

        .list-group-item.disabled .list-group-item-heading,
        .list-group-item:disabled .list-group-item-heading {
            color: inherit
        }

        .list-group-item.disabled .list-group-item-text,
        .list-group-item:disabled .list-group-item-text {
            color: #636c72
        }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #0275d8;
        border-color: #0275d8
    }

        .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 {
            color: inherit
        }

        .list-group-item.active .list-group-item-text {
            color: #daeeff
        }

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.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,
    button.list-group-item-success.active {
        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,
    button.list-group-item-info.active {
        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,
    button.list-group-item-warning.active {
        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,
    button.list-group-item-danger.active {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .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-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .75
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}



    .modal.show .modal-dialog {
        transform: translate(0, 0)
    }

.modal-open .modal {
    overflow-x: auto;
    overflow-y: auto
}

/* .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
} */
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
    width: 100%;
    /* overflow-x:auto; */
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}



    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef
}

.modal-title {
    margin-bottom: 0;
    line-height: 0.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 25px 15px 15px
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #eceeef
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none
        }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem)
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem)
        }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px
    }
}

/*Custom media queries*/
@media (min-width:1024px) { /* Created custom view port for showing bigger popup on screen 1024 < screen < 1200 */
    .modal-xl.modal-dialog { /* only for modal*/
        max-width: 950px
    }
}

@media (min-width: 1200px) {
    .modal-xl.modal-dialog { /* only for modal*/
        max-width: 1140px
    }
}

@media screen and (min-width: 1400px) {
    .modal-xl.modal-dialog { /* only for modal*/
        max-width: 1370px;
    }
}

@media screen and (min-width: 1600px) {
    .modal-xl.modal-dialog { /* only for modal*/
        max-width: 1570px;
    }
}

@media screen and (min-width: 1900px) {
    .modal-xl.modal-dialog { /* only for modal*/
        max-width: 1870px;
    }
}



.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip.bs-tether-element-attached-bottom,
    .tooltip.tooltip-top {
        padding: 5px 0;
        margin-top: -3px
    }

        .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,
        .tooltip.tooltip-top .tooltip-inner::before {
            bottom: 0;
            left: 50%;
            margin-left: -5px;
            content: "";
            border-width: 5px 5px 0;
            border-top-color: #000
        }

    .tooltip.bs-tether-element-attached-left,
    .tooltip.tooltip-right {
        padding: 0 5px;
        margin-left: 3px
    }

        .tooltip.bs-tether-element-attached-left .tooltip-inner::before,
        .tooltip.tooltip-right .tooltip-inner::before {
            top: 50%;
            left: 0;
            margin-top: -5px;
            content: "";
            border-width: 5px 5px 5px 0;
            border-right-color: #000
        }

    .tooltip.bs-tether-element-attached-top,
    .tooltip.tooltip-bottom {
        padding: 5px 0;
        margin-top: 3px
    }

        .tooltip.bs-tether-element-attached-top .tooltip-inner::before,
        .tooltip.tooltip-bottom .tooltip-inner::before {
            top: 0;
            left: 50%;
            margin-left: -5px;
            content: "";
            border-width: 0 5px 5px;
            border-bottom-color: #000
        }

    .tooltip.bs-tether-element-attached-right,
    .tooltip.tooltip-left {
        padding: 0 5px;
        margin-left: -3px
    }

        .tooltip.bs-tether-element-attached-right .tooltip-inner::before,
        .tooltip.tooltip-left .tooltip-inner::before {
            top: 50%;
            right: 0;
            margin-top: -5px;
            content: "";
            border-width: 5px 0 5px 5px;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

    .tooltip-inner::before {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

    .popover.bs-tether-element-attached-bottom,
    .popover.popover-top {
        margin-top: -10px
    }

        .popover.bs-tether-element-attached-bottom::after,
        .popover.bs-tether-element-attached-bottom::before,
        .popover.popover-top::after,
        .popover.popover-top::before {
            left: 50%;
            border-bottom-width: 0
        }

        .popover.bs-tether-element-attached-bottom::before,
        .popover.popover-top::before {
            bottom: -11px;
            margin-left: -11px;
            border-top-color: rgba(0, 0, 0, .25)
        }

        .popover.bs-tether-element-attached-bottom::after,
        .popover.popover-top::after {
            bottom: -10px;
            margin-left: -10px;
            border-top-color: #fff
        }

    .popover.bs-tether-element-attached-left,
    .popover.popover-right {
        margin-left: 10px
    }

        .popover.bs-tether-element-attached-left::after,
        .popover.bs-tether-element-attached-left::before,
        .popover.popover-right::after,
        .popover.popover-right::before {
            top: 50%;
            border-left-width: 0
        }

        .popover.bs-tether-element-attached-left::before,
        .popover.popover-right::before {
            left: -11px;
            margin-top: -11px;
            border-right-color: rgba(0, 0, 0, .25)
        }

        .popover.bs-tether-element-attached-left::after,
        .popover.popover-right::after {
            left: -10px;
            margin-top: -10px;
            border-right-color: #fff
        }

    .popover.bs-tether-element-attached-top,
    .popover.popover-bottom {
        margin-top: 10px
    }

        .popover.bs-tether-element-attached-top::after,
        .popover.bs-tether-element-attached-top::before,
        .popover.popover-bottom::after,
        .popover.popover-bottom::before {
            left: 50%;
            border-top-width: 0
        }

        .popover.bs-tether-element-attached-top::before,
        .popover.popover-bottom::before {
            top: -11px;
            margin-left: -11px;
            border-bottom-color: rgba(0, 0, 0, .25)
        }

        .popover.bs-tether-element-attached-top::after,
        .popover.popover-bottom::after {
            top: -10px;
            margin-left: -10px;
            border-bottom-color: #f7f7f7
        }

        .popover.bs-tether-element-attached-top .popover-title::before,
        .popover.popover-bottom .popover-title::before {
            position: absolute;
            top: 0;
            left: 50%;
            display: block;
            width: 20px;
            margin-left: -10px;
            content: "";
            border-bottom: 1px solid #f7f7f7
        }

    .popover.bs-tether-element-attached-right,
    .popover.popover-left {
        margin-left: -10px
    }

        .popover.bs-tether-element-attached-right::after,
        .popover.bs-tether-element-attached-right::before,
        .popover.popover-left::after,
        .popover.popover-left::before {
            top: 50%;
            border-right-width: 0
        }

        .popover.bs-tether-element-attached-right::before,
        .popover.popover-left::before {
            right: -11px;
            margin-top: -11px;
            border-left-color: rgba(0, 0, 0, .25)
        }

        .popover.bs-tether-element-attached-right::after,
        .popover.popover-left::after {
            right: -10px;
            margin-top: -10px;
            border-left-color: #fff
        }

.popover-title {
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-right-radius: calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px)
}

    .popover-title:empty {
        display: none
    }

.popover-content {
    padding: 9px 14px
}

.popover::after,
.popover::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover::before {
    content: "";
    border-width: 11px
}

.popover::after {
    content: "";
    border-width: 10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    width: 100%
}

@media (-webkit-transform-3d) {
    .carousel-item {
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        perspective: 1000px
    }
}

@supports (transform:translate3d(0, 0, 0)) {
    .carousel-item {
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        perspective: 1000px
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: flex
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

@media (-webkit-transform-3d) {

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0)
    }

    .active.carousel-item-right,
    .carousel-item-next {
        transform: translate3d(100%, 0, 0)
    }

    .active.carousel-item-left,
    .carousel-item-prev {
        transform: translate3d(-100%, 0, 0)
    }
}

@supports (transform:translate3d(0, 0, 0)) {

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0)
    }

    .active.carousel-item-right,
    .carousel-item-next {
        transform: translate3d(100%, 0, 0)
    }

    .active.carousel-item-left,
    .carousel-item-prev {
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

    .carousel-control-next:focus,
    .carousel-control-next:hover,
    .carousel-control-prev:focus,
    .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        position: relative;
        flex: 1 0 auto;
        max-width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(255, 255, 255, .5)
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

    .carousel-indicators .active {
        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
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-faded {
    background-color: #f7f7f7
}

.bg-primary {
    background-color: #0275d8 !important
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #9d833e !important
}

.bg-success {
    background-color: #5cb85c !important
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #449d44 !important
}

.bg-info {
    background-color: #5bc0de !important
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #31b0d5 !important
}

.bg-warning {
    background-color: #f0ad4e !important
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #ec971f !important
}

.bg-danger {
    background-color: #d9534f !important
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #c9302c !important
}

.bg-inverse {
    background-color: #292b2c !important
}

a.bg-inverse:focus,
a.bg-inverse:hover {
    background-color: #101112 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-top {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.rounded-right {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-bottom {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-left {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.rounded-circle {
    border-radius: 50%
}

.rounded-0 {
    border-radius: 0
}

.clearfix::after {
    display: block;
    content: "";
    clear: both
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

.flex-first {
    order: -1
}

.flex-last {
    order: 1
}

.flex-unordered {
    order: 0
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-first {
        order: -1
    }

    .flex-sm-last {
        order: 1
    }

    .flex-sm-unordered {
        order: 0
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-first {
        order: -1
    }

    .flex-md-last {
        order: 1
    }

    .flex-md-unordered {
        order: 0
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-first {
        order: -1
    }

    .flex-lg-last {
        order: 1
    }

    .flex-lg-unordered {
        order: 0
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-first {
        order: -1
    }

    .flex-xl-last {
        order: 1
    }

    .flex-xl-unordered {
        order: 0
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030
}

.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
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: .25rem .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.m-2 {
    margin: .5rem .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.m-3 {
    margin: 1rem 1rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mr-3 {
    margin-right: 1rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.ml-3 {
    margin-left: 1rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-4 {
    margin: 1.5rem 1.5rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mr-4 {
    margin-right: 1.5rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.ml-4 {
    margin-left: 1.5rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-5 {
    margin: 3rem 3rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mr-5 {
    margin-right: 3rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.ml-5 {
    margin-left: 3rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: .25rem .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.p-2 {
    padding: .5rem .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.p-3 {
    padding: 1rem 1rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pr-3 {
    padding-right: 1rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pl-3 {
    padding-left: 1rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-4 {
    padding: 1.5rem 1.5rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pr-4 {
    padding-right: 1.5rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pl-4 {
    padding-left: 1.5rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-5 {
    padding: 3rem 3rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pr-5 {
    padding-right: 3rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pl-5 {
    padding-left: 3rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 0 !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0 {
        margin-left: 0 !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-sm-1 {
        margin: .25rem .25rem !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1 {
        margin-left: .25rem !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem .5rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2 {
        margin-left: .5rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem 1rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3 {
        margin-left: 1rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4 {
        margin-left: 1.5rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem 3rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5 {
        margin-left: 3rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-sm-0 {
        padding: 0 0 !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0 {
        padding-left: 0 !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-sm-1 {
        padding: .25rem .25rem !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1 {
        padding-left: .25rem !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem .5rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2 {
        padding-left: .5rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem 1rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3 {
        padding-left: 1rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4 {
        padding-left: 1.5rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem 3rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5 {
        padding-left: 3rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto {
        margin-left: auto !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 0 !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0 {
        margin-left: 0 !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-md-1 {
        margin: .25rem .25rem !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1 {
        margin-left: .25rem !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-md-2 {
        margin: .5rem .5rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2 {
        margin-left: .5rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-md-3 {
        margin: 1rem 1rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3 {
        margin-left: 1rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4 {
        margin-left: 1.5rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem 3rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5 {
        margin-left: 3rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-md-0 {
        padding: 0 0 !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0 {
        padding-left: 0 !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-md-1 {
        padding: .25rem .25rem !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1 {
        padding-left: .25rem !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-md-2 {
        padding: .5rem .5rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2 {
        padding-left: .5rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-md-3 {
        padding: 1rem 1rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3 {
        padding-left: 1rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4 {
        padding-left: 1.5rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem 3rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5 {
        padding-left: 3rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto {
        margin-left: auto !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 0 !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0 {
        margin-left: 0 !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-lg-1 {
        margin: .25rem .25rem !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1 {
        margin-left: .25rem !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem .5rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2 {
        margin-left: .5rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem 1rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3 {
        margin-left: 1rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem 3rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5 {
        margin-left: 3rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-lg-0 {
        padding: 0 0 !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0 {
        padding-left: 0 !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-lg-1 {
        padding: .25rem .25rem !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1 {
        padding-left: .25rem !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem .5rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2 {
        padding-left: .5rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem 1rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3 {
        padding-left: 1rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4 {
        padding-left: 1.5rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem 3rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5 {
        padding-left: 3rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto {
        margin-left: auto !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 0 !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0 {
        margin-left: 0 !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl-1 {
        margin: .25rem .25rem !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1 {
        margin-left: .25rem !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem .5rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2 {
        margin-left: .5rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem 1rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3 {
        margin-left: 1rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4 {
        margin-left: 1.5rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem 3rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5 {
        margin-left: 3rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xl-0 {
        padding: 0 0 !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0 {
        padding-left: 0 !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl-1 {
        padding: .25rem .25rem !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1 {
        padding-left: .25rem !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem .5rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2 {
        padding-left: .5rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem 1rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3 {
        padding-left: 1rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4 {
        padding-left: 1.5rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem 3rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5 {
        padding-left: 3rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto {
        margin-left: auto !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

.text-white {
    color: #fff !important
}

.text-muted {
    color: #636c72 !important
}

a.text-muted:focus,
a.text-muted:hover {
    color: #4b5257 !important
}

.text-primary {
    color: #9d833e !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #DEC585 !important
}

.text-success {
    color: #5cb85c !important
}

a.text-success:focus,
a.text-success:hover {
    color: #449d44 !important
}

.text-info {
    color: #5bc0de !important
}

a.text-info:focus,
a.text-info:hover {
    color: #31b0d5 !important
}

.text-warning {
    color: #f0ad4e !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ec971f !important
}

.text-danger {
    color: #d9534f !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #c9302c !important
}

.text-gray-dark {
    color: #292b2c !important
}

a.text-gray-dark:focus,
a.text-gray-dark:hover {
    color: #101112 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

.hidden-xl-down {
    display: none !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
    }
}

body {
    background-color: #f5f5f5;
    font-size: 13px;
    overflow-x: hidden;
    font-family: open sans, sans-serif;
    /* background-image: url(../images/BG-login.jpg) !important; */
    background: repeat;
}

.custom-row-height {
    padding-top: 10px;
}

.sideBottom {
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: -1;
}

ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

* a {
    font-size: 12px
}

    * a:hover,
    * a:focus {
        text-decoration: none
    }

p {
    font-size: 13px
}

.media-left {
    padding-right: 20px
}

.main-body .page-wrapper {
    padding: 1.8rem;
    margin-left: 240px;
    transition: all ease-in .3s
}

    .main-body .page-wrapper .page-header {
        margin-bottom: 0px
    }

    .main-body .page-wrapper .page-header-title {
        display: inline-block
    }

        .main-body .page-wrapper .page-header-title h4 {
            display: inline-block;
            margin-bottom: 0;
            font-weight: 600;
            color: #9d833e;
            font-size: 16px
        }

        .main-body .page-wrapper .page-header-title span {
            font-size: 13px;
            color: #9f9f9f;
            display: block;
            margin-top: 5px
        }

    .main-body .page-wrapper .page-header-breadcrumb {
        float: right
    }

.card {
    border-radius: 2px;
    border-top: 4px solid #9d833e;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .05);
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-bottom: 30px;
}

    .card .reminder-banner {
        position: fixed; /* Keeps it visible when scrolling */
        top: 0; /* Sticks to the top */
        left: 0;
        width: 100%;
        background-color: #fff3f3; /* Light red background */
        border-bottom: 2px solid #ffcccc;
        padding: 12px;
        text-align: center;
        font-weight: bold;
        font-family: Arial, sans-serif;
        color: #c00000; /* Dark red text */
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        z-index: 9999;
    }

    .card .card-footer {
        background-color: #fff
    }

    .card .card-header {
        background-color: transparent;
        padding: 15px 20px
    }

        .card .card-header .card-header-left {
            display: inline-block
        }

        .card .card-header .card-header-right {
            border-radius: 0 0 0 5px;
            right: 0;
            top: 0;
            background: #f6f7f7;
            display: inline-block;
            float: right;
            padding: 7px 0;
            position: absolute
        }

            .card .card-header .card-header-right i {
                margin: 0 20px;
                cursor: pointer
            }

    /* .card .card-header span {
  color: #9d833e;
  display: block;
  font-size: 13px;
  margin-top: 5px
} */
    .card h5 {
        margin-bottom: 0;
        color: #757575;
        font-size: 16px;
        font-weight: 600;
        /* text-transform: uppercase; */
        display: inline-block;
        margin-right: 10px
    }

    .card .card-block table tr {
        padding-bottom: 20px
    }

    .card .card-block .sub-title {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px
    }

    .card .card-block code {
        background-color: #eee
    }

    .card .card-block .dropdown-menu {
        top: 38px
    }

    .card .card-block p {
        line-height: 25px
    }

    .card .card-block a.dropdown-item {
        margin-bottom: 0;
        font-size: 14px;
        transition: .25s
    }

        .card .card-block a.dropdown-item .active,
        .card .card-block a.dropdown-item:active {
            background-color: #9D833E
        }

    .card .card-block.remove-label i {
        margin: 0;
        padding: 0
    }

    .card .card-block.button-list span.badge {
        margin-left: 5px
    }

    .card .card-block .dropdown-menu {
        background-color: #fff;
        padding: 0
    }

        .card .card-block .dropdown-menu .dropdown-divider {
            background-color: #ddd;
            margin: 3px 0
        }

        .card .card-block .dropdown-menu > a {
            padding: 10px 16px;
            line-height: 1.429
        }

        .card .card-block .dropdown-menu > li > a:hover,
        .card .card-block .dropdown-menu > li > a:focus {
            background-color: rgba(202, 206, 209, .5)
        }

        .card .card-block .dropdown-menu > li:first-child > a:first-child {
            border-top-right-radius: 4px;
            border-top-left-radius: 4px
        }

    .card .card-block .badge-box {
        border: 1px solid #ccc;
        padding: 10px;
        margin: 12px 0
    }

    .card .inner-card-block {
        border: 1px solid #ddd
    }

.card-header-text {
    margin-bottom: 0;
    font-size: 1rem;
    color: rgba(51, 51, 51, .85);
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle
}

.icofont-rounded-down {
    -webkit-transition: all ease-in .3s;
    display: inline-block;
    transition: all ease-in .3s
}

.icon-up {
    transform: rotate(180deg)
}

.rotate-refresh {
    -webkit-animation: mymove .8s infinite linear;
    animation: mymove .8s infinite linear;
    display: inline-block
}

@-webkit-keyframes mymove {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes mymove {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.breadcrumb-title a {
    color: #9d833e;
}

.breadcrumb-title li:last-child a {
    color: #9d833e;
}

.breadcrumb-item a {
    color: #9d833e;
}

.sub-title {
    border-bottom: 1px solid rgba(204, 204, 204, .35);
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #2c3e50
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    margin: 20px 0;
    margin-top: 0
}

.typography small {
    margin-left: 10px;
    font-weight: 600;
    color: #777
}

.card-block.list-tag ul li {
    display: block;
    float: none;
    margin-bottom: 5px
}

.card-block.list-tag ol li {
    margin-bottom: 5px
}

.inline-order-list {
    margin-top: 50px
}

    .inline-order-list h4,
    .inline-order-list p {
        margin-bottom: 0
    }

.card-block ul li.list-inline-item {
    display: inline-block;
    float: left
}

.modal {
    z-index: 99999999999
}

.bd-example .modal {
    display: block;
    position: inherit;
    background-color: #2c3e50;
    margin-bottom: 20px
}

.card .overflow-container h5 {
    margin-bottom: 5px
}

.button-page .card-block a.nav-link {
    margin-bottom: 0
}

.sweet-alert button.confirm {
    background-color: #1abc9c !important
}

.sweet-alert .sa-input-error {
    top: 23px
}

.location-selector {
    width: 100%;
    height: 250px;
    background-color: #fff;
    border: 2px dashed #e5e9ec;
    position: relative;
    margin-bottom: 20px
}

    .location-selector .bit {
        background-color: #e5e9ec;
        cursor: pointer;
        position: absolute
    }

        .location-selector .bit:hover {
            background-color: #ddd
        }

        .location-selector .bit.top,
        .location-selector .bit.bottom {
            height: 25%;
            width: 40%;
            margin: 0 30%
        }

        .location-selector .bit.top {
            top: 0
        }

        .location-selector .bit.bottom {
            bottom: 0
        }

        .location-selector .bit.right,
        .location-selector .bit.left {
            height: 20%;
            width: 20%;
            margin-left: 0;
            margin-right: 0
        }

        .location-selector .bit.right {
            right: 0
        }

        .location-selector .bit.left {
            left: 0
        }

button.close {
    margin-top: 7px;
    margin-bottom: 0
}

.mytooltip {
    display: inline;
    position: relative;
    z-index: 9999
}

    .mytooltip .tooltip-item {
        background: rgba(0, 0, 0, .1);
        cursor: pointer;
        display: inline-block;
        font-weight: 500;
        padding: 0 10px
    }

    .mytooltip .tooltip-content {
        position: absolute;
        z-index: 9999;
        width: 360px;
        left: 50%;
        margin: 0 0 20px -180px;
        bottom: 100%;
        text-align: left;
        font-size: 14px;
        line-height: 30px;
        box-shadow: -5px -5px 15px rgba(48, 54, 61, .2);
        background: #2b2b2b;
        opacity: 0;
        cursor: default;
        pointer-events: none
    }

        .mytooltip .tooltip-content::after {
            content: '';
            top: 100%;
            left: 50%;
            border: solid transparent;
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: #2a3035 transparent transparent;
            border-width: 10px;
            margin-left: -10px
        }

        .mytooltip .tooltip-content img {
            position: relative;
            height: 140px;
            display: block;
            float: left;
            margin-right: 1em
        }

    .mytooltip .tooltip-item::after {
        content: '';
        position: absolute;
        width: 360px;
        height: 20px;
        bottom: 100%;
        left: 50%;
        pointer-events: none;
        transform: translateX(-50%)
    }

    .mytooltip:hover .tooltip-item::after {
        pointer-events: auto
    }

    .mytooltip:hover .tooltip-content {
        pointer-events: auto;
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)
    }

    .mytooltip:hover .tooltip-content2 {
        opacity: 1;
        font-size: 18px
    }

        .mytooltip:hover .tooltip-content2 i {
            opacity: 1;
            font-size: 18px
        }

    .mytooltip:hover .tooltip-content2 {
        opacity: 1;
        font-size: 18px;
        pointer-events: auto;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

        .mytooltip:hover .tooltip-content2 i {
            opacity: 1;
            font-size: 18px;
            pointer-events: auto;
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
        }

    .mytooltip:hover .tooltip-item2 {
        color: #fff;
        transform: translate3d(0, -0.9em, 0)
    }

    .mytooltip:hover .tooltip-text3 {
        transition-delay: 0s;
        transform: scale3d(1, 1, 1)
    }

    .mytooltip:hover .tooltip-content3 {
        opacity: 1;
        pointer-events: auto;
        transform: scale3d(1, 1, 1)
    }

    .mytooltip:hover .tooltip-content4 {
        pointer-events: auto;
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    .mytooltip:hover .tooltip-text2 {
        pointer-events: auto;
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    .mytooltip:hover .tooltip-inner2 {
        transition-delay: .3s;
        transform: translate3d(0, 0, 0)
    }

    .mytooltip:hover .tooltip-content5 {
        opacity: 1;
        pointer-events: auto;
        transition-delay: 0s
    }

    .mytooltip .tooltip-text {
        font-size: 14px;
        line-height: 24px;
        display: block;
        padding: 1.31em 1.21em 1.21em 0;
        color: #fff
    }

    .mytooltip .tooltip-item2 {
        color: #1abc9c;
        cursor: pointer;
        z-index: 100;
        position: relative;
        display: inline-block;
        font-weight: 700;
        font-size: 14px;
        transition: background-color .3s, color .3s, transform .3s
    }

.tooltip.tooltip-effect-2:hover .tooltip-content {
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg)
}

.tooltip-effect-5 .tooltip-text {
    padding: 1.4em
}

.tooltip-effect-1 .tooltip-content {
    transform: translate3d(0, -10px, 0);
    transition: opacity .3s, transform .3s;
    color: #fff
}

.tooltip-effect-2 .tooltip-content {
    transform-origin: 50% calc(110%);
    transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
    transition: opacity .2s, transform .2s
}

.tooltip-effect-3 .tooltip-content {
    transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
    transition: opacity .3s, transform .3s
}

.tooltip-effect-4 .tooltip-content {
    transform-origin: 50% 100%;
    transform: scale3d(.7, .3, 1);
    transition: opacity .2s, transform .2s
}

.tooltip-effect-5 .tooltip-content {
    width: 180px;
    margin-left: -90px;
    transform-origin: 50% calc(106%);
    transform: rotate3d(0, 0, 1, 15deg);
    transition: opacity .2s, transform .2s;
    transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39)
}

.tooltip-effect-6 .tooltip-content2 {
    transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
    transform-origin: 50% 100%;
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-6 .tooltip-content2 i {
        transform: scale3d(0, 0, 1);
        transition: opacity .3s, transform .3s
    }

.tooltip-effect-7 .tooltip-content2 {
    transform: translate3d(0, 10px, 0);
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-7 .tooltip-content2 i {
        transform: translate3d(0, 15px, 0);
        transition: opacity .3s, transform .3s
    }

.tooltip-effect-8 .tooltip-content2 {
    transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);
    transform-origin: 50% 100%;
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-8 .tooltip-content2 i {
        transform: scale3d(0, 0, 1);
        transition: opacity .3s, transform .3s
    }

.tooltip-effect-9 .tooltip-content2 {
    transform: translate3d(0, -20px, 0);
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-9 .tooltip-content2 i {
        transform: translate3d(0, 20px, 0);
        transition: opacity .3s, transform .3s
    }

.tooltip-effect-6:hover .tooltip-content2 i {
    transform: rotate3d(1, 1, 1, 0)
}

.tooltip-content2 {
    position: absolute;
    z-index: 9999;
    width: 80px;
    height: 80px;
    padding-top: 25px;
    left: 50%;
    margin-left: -40px;
    bottom: 100%;
    border-radius: 50%;
    text-align: center;
    background: #1abc9c;
    color: #fff;
    opacity: 0;
    margin-bottom: 20px;
    cursor: default;
    pointer-events: none
}

    .tooltip-content2 i {
        opacity: 0
    }

    .tooltip-content2::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin: -7px 0 0 -15px;
        width: 30px;
        height: 20px;
        background: url(/images/tooltip/tooltip1.svg) center center no-repeat;
        background-size: 100%
    }

.tooltip-content3 {
    position: absolute;
    background: url(/images/tooltip/shape1.svg) center bottom no-repeat;
    background-size: 100% 100%;
    z-index: 9999;
    width: 200px;
    bottom: 100%;
    left: 50%;
    margin-left: -100px;
    padding: 50px 30px;
    text-align: center;
    color: #fff;
    opacity: 0;
    cursor: default;
    font-size: 14;
    line-height: 27px;
    pointer-events: none;
    transform: scale3d(.1, .2, 1);
    transform-origin: 50% 120%;
    transition: opacity .4s, transform .4s;
    transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1)
}

    .tooltip-content3::after {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        left: 50%;
        margin-left: -8px;
        top: 100%;
        background: #00aeef;
        transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg)
    }

.tooltip-content4 {
    position: absolute;
    z-index: 99;
    width: 360px;
    left: 50%;
    margin-left: -180px;
    bottom: -5px;
    text-align: left;
    background: #1abc9c;
    opacity: 0;
    font-size: 14px;
    line-height: 27px;
    padding: 1.5em;
    color: #fff;
    border-bottom: 55px solid #34495e;
    cursor: default;
    pointer-events: none;
    border-radius: 5px;
    transform: translate3d(0, -0.5em, 0);
    transition: opacity .3s, transform .3s
}

    .tooltip-content4 a {
        color: #2b2b2b
    }

    .tooltip-content4 .tooltip-text2 {
        opacity: 0;
        transform: translate3d(0, 1.5em, 0);
        transition: opacity .3s, transform .3s
    }

.tooltip-content5 {
    position: absolute;
    z-index: 9999;
    width: 300px;
    left: 50%;
    bottom: 100%;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    font-weight: 400;
    color: #fff;
    background: 0 0;
    opacity: 0;
    margin: 0 0 20px -150px;
    cursor: default;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    transition: opacity .3s .3s
}

    .tooltip-content5 span {
        display: block
    }

    .tooltip-content5::after {
        content: '';
        bottom: -20px;
        left: 50%;
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: #1abc9c transparent transparent;
        border-width: 10px;
        margin-left: -10px
    }

    .tooltip-content5 .tooltip-text3 {
        border-bottom: 10px solid #1abc9c;
        overflow: hidden;
        transform: scale3d(0, 1, 1);
        transition: transform .3s .3s
    }

    .tooltip-content5 .tooltip-inner2 {
        background: #2b2b2b;
        padding: 40px;
        transform: translate3d(0, 100%, 0);
        webkit-transition: -webkit-transform .3s;
        transition: transform .3s
    }

a.mytooltip {
    font-weight: 700;
    color: #1abc9c;
    z-index: 9
}

.tooltip-link a {
    margin-left: 10px;
    color: #1abc9c
}

.tooltip-icon button i {
    margin-right: 0
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #1abc9c
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1abc9c
}

.animation-image img {
    margin: 10px auto 20px;
    cursor: pointer
}

.card-block.tree-view ul {
    display: inherit
}

    .card-block.tree-view ul li {
        display: inherit;
        float: none
    }

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
    /* background: url(../pages/treeview/throbber.gif) center center no-repeat */
}

.jFiler-theme-default .jFiler-input-button {
    background-color: #1abc9c;
    background-image: none;
    color: #fff
}

.jFiler-theme-default .jFiler-input {
    width: 100%
}

.jFiler-input-dragDrop {
    width: 100%;
    background-color: #fafafa
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info {
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 6px 10px;
    z-index: 9;
    opacity: 0;
    transition: all .12s
}

.jFiler-input-choose-btn {
    border: 1px solid #9D833E;
    padding: 10px 25px;
    background: #9D833E;
    color: #fff !important
}

    .jFiler-input-choose-btn:hover {
        background: #fff;
        border: 1px solid #9D833E;
        color: #fff !important
    }

.card .jFiler-item-assets ul li {
    margin-right: 0
}

.img-container,
.img-preview {
    background-color: #f7f7f7;
    width: 100%;
    text-align: center
}

.img-container {
    min-height: 200px;
    max-height: 516px;
    margin-bottom: 20px
}

@media(min-width: 768px) {
    .img-container {
        min-height: 516px
    }
}

.img-container > img {
    max-width: 100%
}

.docs-preview {
    margin-right: -15px
}

.img-preview {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden
}

    .img-preview > img {
        max-width: 100%
    }

.preview-lg {
    width: 100% !important
}

.preview-md {
    width: 139px;
    height: 78px
}

.preview-sm {
    width: 69px;
    height: 39px
}

.preview-xs {
    width: 35px;
    height: 20px;
    margin-right: 0
}

.docs-data > .input-group {
    margin-bottom: 10px
}

    .docs-data > .input-group > label {
        min-width: 80px
    }

    .docs-data > .input-group > span {
        min-width: 50px
    }

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
    margin-right: 5px
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
    margin-bottom: 10px
}

.docs-tooltip {
    display: block;
    margin: -6px -12px;
    padding: 6px 12px
}

    .docs-tooltip > .icon {
        margin: 0 -3px;
        vertical-align: top
    }

.tooltip-inner {
    white-space: normal
}

.btn-upload .tooltip-inner {
    white-space: nowrap
}

@media(max-width: 400px) {
    .btn-group-crop {
        margin-right: -15px !important
    }

        .btn-group-crop > .btn {
            padding-left: 5px;
            padding-right: 5px
        }

        .btn-group-crop .docs-tooltip {
            margin-left: -5px;
            margin-right: -5px;
            padding-left: 5px;
            padding-right: 5px
        }
}

.docs-options .dropdown-menu {
    width: 100%
}

    .docs-options .dropdown-menu > li {
        padding: 3px 20px;
        font-size: 14px
    }

        .docs-options .dropdown-menu > li:hover {
            background-color: #f7f7f7
        }

        .docs-options .dropdown-menu > li > label {
            display: block
        }

.docs-cropped .modal-body {
    text-align: center
}

    .docs-cropped .modal-body > img,
    .docs-cropped .modal-body > canvas {
        max-width: 100%
    }

.card-block .docs-options .dropdown-menu {
    top: inherit
}

label.btn-upload {
    height: 40px
}

.accordion-msg {
    display: block;
    color: #757575;
    padding: 14px 20px;
    border-top: 1px solid #ddd;
    font-weight: 600;
    cursor: pointer
}

    .accordion-msg:hover,
    .accordion-msg:focus {
        text-decoration: none;
        outline: none
    }

.faq-accordion .accordion-desc {
    padding: 20px
}

.accordion-desc {
    color: #222;
    padding: 0 20px 20px
}

#color-accordion .accordion-desc {
    margin-top: 14px
}

.ui-accordion-header-icon {
    float: right;
    font-size: 20px
}

.accordion-title {
    margin-bottom: 0
}

.accordion-block {
    padding: 0
}

    .accordion-block p {
        margin-bottom: 0
    }

.color-accordion-block a:hover,
.color-accordion-block a:focus {
    color: #fff
}

a.bg-default:focus,
a.bg-default:hover {
    background-color: #d9dcde !important;
    color: #fff
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #DEC585 !important;
    color: #fff
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #54d98c !important;
    color: #fff
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #5faee3 !important;
    color: #fff
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #f4d03f !important;
    color: #fff
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #ed7669 !important;
    color: #fff
}

.tab-list p {
    padding: 10px
}

.tab-with-img i {
    position: absolute;
    padding: 5px
}

.tab-icon {
    margin-bottom: 30px
}

    .tab-icon i {
        padding-right: 10px
    }

.tab-below {
    border-top: 1px solid #ddd;
    border-bottom: none
}

    .tab-below.nav-tabs .nav-link.active {
        border-color: transparent #ddd #ddd #ddd
    }

    .tab-below .nav-item,
    .tab-below .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .tab-below a,
    .tab-below .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .tab-below a,
    .tab-below .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .tab-below a,
    .tab-below .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .tab-below a {
        margin-top: -2px
    }

    .tab-below.nav-tabs .nav-link {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

.card-header ~ .tab-icon .tab-with-img .sub-title i {
    right: 10px
}

.tab-with-img .nav-link {
    position: relative
}

.tabs-left,
.tabs-right {
    min-width: 120px;
    vertical-align: top;
    width: 150px
}

.tabs-left,
.tabs-right,
.tabs-left-content,
.tabs-right-content {
    display: table-cell
}

.nav-tabs.tabs-left .slide {
    height: 35px;
    width: 4px;
    bottom: 15px
}

.nav-tabs.tabs-right .slide {
    height: 35px;
    width: 4px;
    bottom: 15px;
    right: 0
}

.product-edit .md-tabs .nav-item a,
.product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a,
.main-menu .main-menu-content .nav-item .tree-1 .product-edit .md-tabs a a,
.product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a,
.main-menu .main-menu-content .nav-item .tree-2 .product-edit .md-tabs a a,
.product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a,
.main-menu .main-menu-content .nav-item .tree-3 .product-edit .md-tabs a a,
.product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a,
.main-menu .main-menu-content .nav-item .tree-4 .product-edit .md-tabs a a {
    padding: 0 0 20px !important
}

.md-tabs.tabs-left .nav-item,
.md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .md-tabs.tabs-left a,
.md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .md-tabs.tabs-left a,
.md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .md-tabs.tabs-left a,
.md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .md-tabs.tabs-left a,
.tabs-left .nav-item,
.tabs-left .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .tabs-left a,
.tabs-left .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .tabs-left a,
.tabs-left .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .tabs-left a,
.tabs-left .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .tabs-left a,
.md-tabs.tabs-right .nav-item,
.md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .md-tabs.tabs-right a,
.md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .md-tabs.tabs-right a,
.md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .md-tabs.tabs-right a,
.md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .md-tabs.tabs-right a,
.tabs-right .nav-item,
.tabs-right .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .tabs-right a,
.tabs-right .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .tabs-right a,
.tabs-right .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .tabs-right a,
.tabs-right .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .tabs-right a {
    width: 100%;
    position: relative
}

.md-tabs {
    position: relative
}

    .md-tabs .nav-item + .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a + .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a + .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a + .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a + .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .nav-item + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-1 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-2 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-2 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-2 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-3 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-3 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-3 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-4 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a + a {
        margin: 0
    }

    .md-tabs .nav-link {
        border: none;
        color: #1b8bf9
    }

    .md-tabs .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a {
        background-color: #fff;
        width: calc(100%/4);
        text-align: center
    }

    .md-tabs .nav-link:focus,
    .md-tabs .nav-link:hover {
        border: none
    }

    .md-tabs .nav-item .nav-link.active ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a .nav-link.active ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a .nav-link.active ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a .nav-link.active ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a .nav-link.active ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a .nav-link.active ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a .nav-link.active ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a .nav-link.active ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a .nav-link.active ~ .slide {
        opacity: 1;
        transition: all .3s ease-out
    }

    .md-tabs .nav-item .nav-link ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a .nav-link ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a .nav-link ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a .nav-link ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a .nav-link ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a .nav-link ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a .nav-link ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a .nav-link ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a .nav-link ~ .slide {
        opacity: 0;
        transition: all .3s ease-out
    }

    .md-tabs .nav-item.open .nav-link,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link,
    .md-tabs .nav-item.open .nav-link:focus,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link:focus,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link:focus,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link:focus,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link:focus,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link:focus,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link:focus,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link:focus,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link:focus,
    .md-tabs .nav-item.open .nav-link:hover,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link:hover,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link:hover,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link:hover,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link:hover,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link:hover,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link:hover,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link:hover,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link:hover,
    .md-tabs .nav-link.active,
    .md-tabs .nav-link.active:focus,
    .md-tabs .nav-link.active:hover {
        color: #9D833E;
        border: none;
        background-color: transparent;
        border-radius: 0
    }

    .md-tabs .nav-item:first-child,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a:first-child,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a:first-child,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a:first-child,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a:first-child,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a:first-child,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a:first-child,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a:first-child,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a:first-child {
        border-bottom: 1px solid #ddd
    }

    .md-tabs .nav-item a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a a {
        padding: 20px 0 !important;
        color: #9D833E;
        font-size: 14px;
    }

.nav-tabs .slide {
    background: #9D833E;
    width: calc(100%/4);
    height: 4px;
    position: absolute;
    transition: left .3s ease-out;
    bottom: 0
}

    .nav-tabs .slide .nav-item.show .nav-link,
    .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-1 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-1 .nav-tabs .slide a.show .nav-link,
    .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-2 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-2 .nav-tabs .slide a.show .nav-link,
    .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-3 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-3 .nav-tabs .slide a.show .nav-link,
    .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-4 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-4 .nav-tabs .slide a.show .nav-link,
    .nav-tabs .slide .nav-link {
        color: #9D833E
    }

.img-tabs img {
    width: 100px;
    margin: 0 auto
}

.img-tabs a {
    opacity: .5;
    transition: all ease-in-out .3s
}

    .img-tabs a span i {
        height: 25px;
        width: 25px;
        border-radius: 100%;
        bottom: 10px;
        right: 70px
    }

    .img-tabs a img {
        border: 3px solid
    }

    .img-tabs a.active {
        opacity: 1;
        transition: all ease-in-out .3s
    }

.img-tabs .nav-item:first-child,
.img-tabs .main-menu .main-menu-content .nav-item .tree-1 a:first-child,
.main-menu .main-menu-content .nav-item .tree-1 .img-tabs a:first-child,
.img-tabs .main-menu .main-menu-content .nav-item .tree-2 a:first-child,
.main-menu .main-menu-content .nav-item .tree-2 .img-tabs a:first-child,
.img-tabs .main-menu .main-menu-content .nav-item .tree-3 a:first-child,
.main-menu .main-menu-content .nav-item .tree-3 .img-tabs a:first-child,
.img-tabs .main-menu .main-menu-content .nav-item .tree-4 a:first-child,
.main-menu .main-menu-content .nav-item .tree-4 .img-tabs a:first-child {
    border-bottom: none
}

#pc-left-panel-menu {
    margin-bottom: 20px
}

.h-active a {
    color: #1b8bf9 !important;
    font-weight: 600
}

.img-circle {
    border-radius: 50%
}

.b-none {
    border: none !important
}

.table.table-xl td,
.table.table-xl th {
    padding: 1.25rem 2rem
}

.table.table-lg td,
.table.table-lg th {
    padding: .9rem 2rem
}

.table.table-de td,
.table.table-de th {
    padding: .75rem 2rem
}

.table.table-sm td,
.table.table-sm th {
    padding: .6rem 2rem
}

.table.table-xs td,
.table.table-xs th {
    padding: .4rem 2rem
}

.table-columned > tbody > tr > td:first-child,
.table-columned > tbody > tr > th:first-child {
    border-left: 0
}

.table-columned > tfoot > tr > td:first-child,
.table-columned > tfoot > tr > th:first-child {
    border-left: 0
}

.table-columned > tbody > tr > td,
.table-columned > tbody > tr > th {
    border: 0;
    border-left: 1px solid #ddd
}

.table-columned > tfoot > tr > td,
.table-columned > tfoot > tr > th {
    border: 0;
    border-left: 1px solid #ddd
}

.table-border-style {
    padding: 0
}

    .table-border-style .table {
        margin-bottom: 0
    }

.table > thead > tr > th {
    border-bottom-color: #ccc
}

.table-borderless tbody tr th,
.table-borderless tbody tr td {
    border: 0
}

.table-bordered > thead > tr.border-solid > td,
.table-bordered > thead > tr.border-solid > th {
    border-bottom-width: 2px
}

.table-bordered > thead > tr.border-solid:first-child > td,
.table-bordered > thead > tr.border-solid:first-child th {
    border-bottom-width: 2px
}

.table-bordered > thead > tr.border-double > td,
.table-bordered > thead > tr.border-double > th {
    border-bottom-width: 3px;
    border-bottom-style: double
}

.table-bordered > thead > tr.border-double:first-child > td,
.table-bordered > thead > tr.border-double:first-child th {
    border-bottom-width: 3px;
    border-bottom-style: double
}

.user-img img,
.rounded-card img {
    margin: 0 auto;
    display: block;
    width: 100%
}

.user-img img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.user-about ul li {
    border-top: 1px solid rgba(204, 204, 204, .28);
    padding: 10px 0 10px 10px;
    text-align: left
}

    .user-about ul li a {
        font-size: 16px;
        color: #666
    }

    .user-about ul li.active a {
        color: #fff
    }

    .user-about ul li.active {
        font-weight: 600;
        background: #1b8bf9
    }

h5,
.card-title {
    margin: 0
}

.card-header.followers a {
    font-weight: 500;
    color: rgba(51, 51, 51, .85)
}

.user-profile {
    padding: 20px 0
}

.follow-btn button:first-child,
.user-about i {
    margin-right: 10px
}

.btn-inline i {
    color: #fff
}

.btn-inline .fb-btn {
    background-color: #3b5998
}

.btn-inline .twitter-btn {
    background-color: #55acee
}

.btn-inline .pinterest-btn {
    background-color: #cb2027
}

.btn-inline .linkedin-btn {
    background-color: #007bb5
}

.btn-inline .dribbble-btn {
    background-color: #ea4c89
}

.user-post {
    font-style: italic
}

.connection-list img,
.list-inline,
.list-inline li,
.earn-heading,
.service-header,
.contact-user img,
.contact-user h4 {
    display: inline-block
}

.connection-list img {
    width: 55px;
    height: 55px;
    margin: 5px
}

.border-post {
    border: 1px solid #ccc
}

.earn-sub-header {
    font-size: 15px;
    color: #ccc
}

.btn-inline {
    margin-top: 20px
}

.order-summary .progress {
    margin-bottom: 32px
}

.services .service-btn::after {
    top: 20px;
    right: 15px
}

.services-list {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .11);
    top: 46px;
    right: 0
}

    .services-list i,
    .contact-menu i,
    .fa-cog {
        margin-right: 10px
    }

.review-star i,
.contact-details table .fa-star,
.contact-details table .fa-star-o {
    color: #9D833E
}

    .review-star i:last-child {
        color: #ccc
    }

.card-block.user-info {
    position: absolute;
    width: 100%;
    bottom: 10px
}

.profile-bg-img {
    width: 100%
}

.user-title {
    position: relative;
    bottom: 20px
}

    .user-title h2 {
        color: #fff;
        text-shadow: 1px 1px 4px #373a3c;
        font-size: 20px
    }

.profile-image img {
    border: 4px solid #fff
}

.user-info .media-body,
.user-info .media-left {
    display: table-cell;
    vertical-align: middle
}

.cover-btn {
    bottom: 38px;
    right: 35px;
    position: absolute
}

.cover-profile .profile-bg-img {
    margin-bottom: 25px
}

.contact-user h4 {
    font-size: 20px;
    padding-left: 10px
}

.groups-contact span {
    float: right
}

    .groups-contact span h4 {
        font-size: 18px;
        margin-bottom: 20px
    }

.contact-menu {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .11);
    top: 15%;
    right: 10%
}

    .contact-menu .dropdown-item {
        padding: 8px 20px
    }

.tab-header {
    margin-bottom: 20px
}

.card.user-card {
    border-top: none;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .05), 0 -2px 1px -2px rgba(0, 0, 0, .04), 0 0 0 -1px rgba(0, 0, 0, .05);
    transition: all 150ms linear;
    margin-bottom: 0
}

    .card.user-card:hover {
        box-shadow: 0 0 25px -5px #9e9c9e
    }

.card-header-img ~ .btn-group i {
    margin-right: 0
}

.card.business-info {
    border-top: none;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .05), 0 -2px 1px -2px rgba(0, 0, 0, .04), 0 0 0 -1px rgba(0, 0, 0, .05);
    transition: all 150ms linear
}

    .card.business-info:hover {
        box-shadow: 0 0 25px -5px #9e9c9e
    }

.top-cap-text {
    padding: 20px
}

    .top-cap-text p {
        padding: 10px 0
    }

.user-content {
    text-align: center;
    margin-top: 20px
}

    .user-content h4 {
        font-size: 16px;
        font-weight: 600
    }

    .user-content h5 {
        font-size: 14px
    }

.img-overlay {
    bottom: 0;
    color: #fff;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    transition: all .4s ease-in-out;
    position: absolute;
    transform: scale(0);
    margin: 0 auto
}

    .img-overlay span {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%)
    }

    .img-overlay i {
        margin-right: 0
    }

.img-hover-main {
    padding: 0 40px
}

.img-hover {
    position: relative;
    width: 80%;
    margin: 0 auto
}

    .img-hover:hover .img-overlay {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 50%;
        transform: scale(1);
        margin: 0 auto;
        background-color: rgba(0, 0, 0, .7);
        z-index: 2;
        transition: all .4s ease-in-out
    }

.card-header-img img {
    margin: 0 auto;
    display: block
}

.card-header-img h4 {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.card-header-img h5,
.card-header-img h6 {
    margin-top: 15px;
    font-size: 15px;
    color: #222;
    font-weight: 500;
    text-align: center
}

.simple-cards .btn-group {
    margin: 20px auto 0
}

    .simple-cards .btn-group button {
        margin: 0
    }

.simple-cards .user-card {
    padding: 20px 0;
    text-align: center
}

.card-icon {
    display: block;
    margin-bottom: 5px
}

.btn-outline-primary {
    border-color: #9D833E;
    font-weight: 500;
    padding: 10px 16px;
    font-size: 15px
}

    .btn-outline-primary:hover {
        background-color: #DEC585;
        border-color: #DEC585
    }

.simple-cards p {
    margin: 20px;
    font-size: 15px
}

.user-profile #edit-info-btn,
.user-profile #edit-btn {
    margin-bottom: 0
}

.card-block ul.list-contacts,
.card-block.groups-contact ul {
    display: block;
    float: none
}

    .card-block ul.list-contacts li,
    .card-block.groups-contact ul li {
        display: block;
        float: none
    }

ul.list-contacts .list-group-item a {
    color: #292b2c
}

ul.list-contacts .list-group-item.active a {
    color: #fff
}

.card-block.groups-contact {
    margin-bottom: 0
}

.card-block .connection-list {
    margin-bottom: 20px
}

.card-block .pagination li {
    margin-right: 0 !important
}

.table button {
    margin-bottom: 0
}

#crm-contact .img-circle,
img.comment-img {
    width: 40px;
    height: 40px
}

.page-link {
    color: #9D833E
}

.page-item.active .page-link {
    background-color: #9D833E;
    border-color: #9D833E
}

#main {
    margin-bottom: 20px
}

.offline-box iframe {
    width: 100%;
    border: 1px solid #ddd
}

.blog-page {
    border-top: none;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .05), 0 -2px 1px -2px rgba(0, 0, 0, .04), 0 0 0 -1px rgba(0, 0, 0, .05)
}

    .blog-page .blog-box {
        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
        overflow: hidden
    }

        .blog-page .blog-box h5 {
            border-bottom: 1px solid #ccc;
            color: #9D833E;
            margin-top: 0;
            padding-bottom: 10px;
            margin-bottom: 15px;
            font-size: 18px;
            display: block
        }

        .blog-page .blog-box .option-font {
            background-color: #9D833E;
            border-radius: 50%;
            bottom: 320px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            line-height: 35px;
            text-align: center;
            width: 35px
        }

        .blog-page .blog-box .blog-detail {
            padding: 10px
        }

    .blog-page .blog-img {
        transition: all .3s ease-in-out;
        overflow: hidden;
        margin-bottom: -20px
    }

        .blog-page .blog-img:hover {
            opacity: .8;
            transition: all .3s ease-in-out
        }

        .blog-page .blog-img .sharing {
            position: relative;
            bottom: 50px;
            left: 15px
        }

        .blog-page .blog-img .share {
            background-color: rgba(0, 0, 0, .5);
            border-radius: 5px;
            bottom: 3px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            left: 50px;
            padding: 3px 5px;
            position: absolute
        }

            .blog-page .blog-img .share::before {
                border-bottom: 6px solid transparent;
                border-left: 6px solid transparent;
                border-right: 6px solid rgba(0, 0, 0, .5);
                border-top: 6px solid rgba(0, 0, 0, .5);
                bottom: 8px;
                content: "";
                height: 42%;
                left: -6px;
                position: absolute;
                transform: rotate(-135deg);
                width: 12px
            }

            .blog-page .blog-img .share i {
                color: #fff;
                font-size: 15px;
                border-right: 1px solid #fff;
                padding: 0 5px
            }

                .blog-page .blog-img .share i:last-child {
                    border: none
                }

                .blog-page .blog-img .share i a {
                    padding: 0 5px;
                    color: #fff
                }

.author {
    display: inline-block;
    float: right
}

    .author a {
        font-size: 13px
    }

.blog_post_img h5 {
    display: block
}

.blog-date {
    font-size: 18px;
    padding-bottom: 10px;
    display: block
}

    .blog-date i {
        margin-left: 5px;
        font-size: 14px;
        color: #9D833E
    }

    .blog-date .icon-calendar {
        font-size: 16px;
        margin-top: 5px
    }

.day {
    color: #bbb;
    padding-left: 10px;
    font-size: 14px
}

.btn-blog a {
    color: #fff !important
}

.blog-single h4 {
    margin-top: 20px;
    color: #9D833E;
    font-weight: 400
}

.blog-single p {
    margin: 20px 0
}

    .blog-single p:last-child {
        color: #777
    }

.blog-single .qutoe-text {
    font-size: 15px;
    color: #9D833E;
    border-left: 3px solid #9D833E;
    padding-left: 25px;
    font-weight: 400
}

.blog-single img:first-child {
    width: 100%
}

.blog-article .articles img {
    width: 100%
}

.blog-big-user h6,
.blog-big-user p {
    color: #757575
}

.blog-s-reply h6 {
    color: #9D833E
}

.shares-like li:first-child,
.shares-like li i {
    color: #777
}

.blog-tag li {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #ccc;
    margin-right: 15px
}

    .blog-tag li a,
    .blog-tag li i {
        color: #777
    }

    .blog-tag li:first-child {
        border: none;
        padding: 5px 0
    }

    .blog-tag li i {
        font-size: 20px;
        vertical-align: middle
    }

.shares-like li {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px
}

    .shares-like li:first-child {
        font-size: 17px
    }

    .shares-like li i {
        color: #fff
    }

.shares-like .btn-facebook,
.shares-like .btn-twitter,
.shares-like .btn-google-plus,
.shares-like .btn-linkedin,
.shares-like .btn-pinterest {
    color: #fff;
    padding: 10px 15px;
    display: inline-block
}

.btn-facebook i,
.btn-twitter i,
.btn-linkedin i,
.btn-dribbble i,
.btn-google-plus i,
.btn-instagram i,
.btn-pinterest i,
.btn-dropbox i,
.btn-flickr i,
.btn-tumblr i,
.btn-skype i,
.btn-youtube i,
.btn-github i {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 3px 0 0 3px;
    margin: -7px 0 -7px -13px
}

.blog-article .articles h6 {
    padding-top: 20px;
    font-weight: 400
}

.blog-article .articles a {
    font-weight: 400;
    font-size: 15px;
    color: #9D833E;
    margin: 20px 0;
    display: block
}

.blog-s-reply h6 span {
    font-size: 12px;
    color: #777;
    margin-left: 5px
}

.blog-u-comment span {
    font-size: 14px
}

.blog-u-comment .blog-reply a,
.blog-u-comment .blog-edit a {
    margin-right: 10px;
    font-size: 12px
}

.system_font_color {
    font-size: 18px;
    color: #9D833E
}

    .system_font_color a {
        color: #9D833E;
        margin-left: 5px
    }

.port_detail_next_search h5 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    display: block;
    font-weight: light
}

.port_detail_next_search a {
    color: #333;
    transition: all .3s 0s
}

    .port_detail_next_search a i {
        float: right;
        margin-top: 6px
    }

.blog_detail_social_icon span {
    font-size: 18px;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 10px;
    transition: all .5s ease;
    display: inline-block;
    margin-bottom: 10px
}

    .blog_detail_social_icon span:hover {
        background-color: #9D833E;
        color: #fff
    }

.latest_blog h5 a {
    color: #333;
    font-weight: 600
}

.gallery-page .card-block {
    margin-bottom: -20px
}

.thumbnail {
    margin-bottom: 20px
}

    .thumbnail .thumb {
        position: relative;
        display: block
    }

.card.gallery-desc {
    box-shadow: 0 0 1px 2px rgba(128, 128, 128, .16)
}

.masonry-media {
    overflow: hidden;
    transition: all .5s
}

    .masonry-media img:hover {
        transform: scale(1.1);
        overflow: hidden;
        transition: all .5s
    }

.masonry-image .masonry-media {
    margin-bottom: 20px
}

figure.effect-goliath {
    background: #9D833E
}

.ct-series-a .ct-line {
    stroke: #1ce3bb
}

.ct-series-b .ct-line {
    stroke: rgba(255, 157, 136, .62)
}

.ct-series-c .ct-line {
    stroke: rgba(79, 84, 103, .45)
}

.ct-series-d .ct-line {
    stroke: rgba(129, 142, 219, .61)
}

.ct-series-a .ct-point,
.ct-series-b .ct-point,
.ct-series-c .ct-point,
.ct-series-d .ct-point {
    stroke: rgba(52, 54, 70, .47);
    stroke-width: 8px;
    stroke-linecap: round
}

.ct-series-a .ct-slice-donut {
    stroke: #01c0c8
}

.ct-series-b .ct-slice-donut {
    stroke: #83d6de
}

.ct-series-c .ct-slice-donut {
    stroke: #9D833E
}

.ct-series-d .ct-slice-donut {
    stroke: #4f5467
}

.task-list select {
    width: 92%
}

    .task-list select .task-list img {
        margin-right: 5px;
        display: inline-block
    }

.task-list input {
    width: 92%
}

.task-list-table img {
    width: 40px
}

    .task-list-table img i {
        color: #333;
        margin-right: 5px
    }

.task-page td:last-child {
    position: relative
}

.task-page a {
    cursor: pointer
}

.task-page tr td:last-child i {
    margin-right: 10px
}

.thumb-img {
    position: relative;
    display: block
}

    .thumb-img:hover .caption-hover {
        background-color: rgba(0, 0, 0, .7);
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
        position: absolute;
        width: 100%;
        height: 100%
    }

.caption-hover {
    top: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .15s ease-in-out
}

    .caption-hover > span {
        top: 38%;
        width: 100%;
        position: absolute;
        text-align: center
    }

.media .b-2-primary {
    border: 2px solid #9D833E
}

.thumb-block {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    padding: 3px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    transition: border .2s ease-in-out
}

    .thumb-block a {
        font-size: 12px
    }

    .thumb-block i {
        margin-right: 0
    }

.comment-block i {
    margin-right: 0
}

.dropdown-item {
    color: #666;
    padding: 6px 20px
}

    .dropdown-item.active,
    .dropdown-item:active {
        background-color: #9D833E
    }

.task-detail-right .counter {
    text-align: center;
    color: #777
}

.task-details .table.table-xs td,
.task-details .table.table-xs th {
    padding: 1rem .3rem
}

.assign-user .media-left img {
    margin-bottom: 0
}

.photo-table img {
    display: inline-block;
    width: 40px;
    margin-bottom: 5px
}

.v-middle {
    vertical-align: middle
}

.revision-block .form-group {
    margin-bottom: 0
}

.revision-block i {
    margin-right: 0
}

.task-setting .switchery {
    display: block !important;
    float: right
}

.task-setting .form-group {
    margin-bottom: 0
}

.task-attachment i {
    cursor: pointer
}

.nav-item .active {
    background-color: red
}

.nav-item .inactive {
    background-color: blue
}

.filter-bar .nav,
.filter-bar .nav-item,
.filter-bar .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .filter-bar a,
.filter-bar .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .filter-bar a,
.filter-bar .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .filter-bar a,
.filter-bar .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .filter-bar a {
    display: inline-block
}

.filter-bar > .navbar {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 3px 1px -2px rgba(0, 0, 0, .08), 0 1px 5px 0 rgba(0, 0, 0, .08);
    padding: .5rem 1rem
}

.navbar-nav .nav-item,
.navbar-nav .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .navbar-nav a,
.navbar-nav .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .navbar-nav a,
.navbar-nav .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .navbar-nav a,
.navbar-nav .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .navbar-nav a {
    float: left;
    line-height: 26px
}

.nav-item button i,
.main-menu .main-menu-content .nav-item .tree-1 a button i,
.main-menu .main-menu-content .nav-item .tree-2 a button i,
.main-menu .main-menu-content .nav-item .tree-3 a button i,
.main-menu .main-menu-content .nav-item .tree-4 a button i {
    margin-right: 0
}

.filter-bar .navbar-light .navbar-nav .nav-link {
    font-weight: bold;
    margin-right: 10px
}

.card-footer .task-list-table,
.card-footer .task-list-table a img {
    display: inline-block
}

.task-board {
    margin-top: 10px;
    float: right
}

    .task-board .dropdown {
        display: inline-block
    }

p.task-detail {
    margin-bottom: 5px
}

p.task-due {
    margin-bottom: 0
}

.task-right-header-status,
.task-right-header-users,
.task-right-header-revision {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #ccc
}

.taskboard-right-progress,
.taskboard-right-users,
.taskboard-right-revision {
    margin-top: 10px
}

.task-right h6 {
    font-size: 12px
}

.task-right .icofont {
    margin-top: 5px
}

.taskboard-right-revision .media .media-body .chat-header {
    font-size: 13px
}

.media-left i {
    margin-right: 0
}

.nav-item.nav-grid,
.main-menu .main-menu-content .nav-item .tree-1 a.nav-grid,
.main-menu .main-menu-content .nav-item .tree-2 a.nav-grid,
.main-menu .main-menu-content .nav-item .tree-3 a.nav-grid,
.main-menu .main-menu-content .nav-item .tree-4 a.nav-grid {
    float: right
}

.faq-progress .progress {
    position: relative;
    background-color: #eeeded;
    height: 10px
}

    .faq-progress .progress .faq-text1,
    .faq-progress .progress .faq-text2,
    .faq-progress .progress .faq-text3,
    .faq-progress .progress .faq-text4,
    .faq-progress .progress .faq-text5 {
        font-weight: 600;
        margin-right: -37px
    }

    .faq-progress .progress .faq-bar1,
    .faq-progress .progress .faq-bar2,
    .faq-progress .progress .faq-bar3,
    .faq-progress .progress .faq-bar4,
    .faq-progress .progress .faq-bar5 {
        background: #29aecc;
        height: 10px;
        border-radius: 0;
        position: absolute;
        top: 0%
    }

    .faq-progress .progress .faq-bar1 {
        background-color: #f1c40f
    }

    .faq-progress .progress .faq-text1 {
        color: #2196f3
    }

    .faq-progress .progress .faq-bar2,
    .faq-progress .progress .faq-bar5 {
        background-color: #2ecc71
    }

    .faq-progress .progress .faq-text2,
    .faq-progress .progress .faq-text5 {
        color: #4caf50
    }

    .faq-progress .progress .faq-bar3 {
        background-color: #e74c3c
    }

    .faq-progress .progress .faq-text3 {
        color: #ff5252
    }

    .faq-progress .progress .faq-bar4 {
        background-color: #9D833E
    }

    .faq-progress .progress .faq-text4 {
        color: #f57c00
    }

.card-faq h4 {
    color: #2196f3
}

.faq-progress .progress {
    margin-bottom: 10px
}

.issue-list-progress {
    border-bottom: 1px solid #ccc
}

    .issue-list-progress .progress {
        position: relative;
        background-color: #eeeded;
        height: 9px;
        width: 100%;
        margin: 20px 0;
        overflow: visible
    }

.issue-progress .progress .issue-text1 {
    font-weight: 600;
    position: absolute
}

.issue-progress .progress .issue-bar1 {
    background: #9D833E;
    height: 10px;
    border-radius: 0;
    position: absolute;
    top: 0%
}

.matrics-issue .sub-title {
    padding-top: 20px;
    padding-bottom: 10px;
    display: block
}

.bg-white {
    background-color: #fff !important
}

.matrics-issue div h6 {
    padding-top: 10px;
    color: #777
}

table.matrics-table tr:first-child td {
    border-top: none !important
}

#issue-list-table > thead > tr > th {
    border-bottom: none
}

.prod-img {
    position: relative
}

.prod-item .prod-img .option-hover {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    left: 0
}

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: transform
}

.prod-img .p-new a {
    position: absolute;
    top: 15px;
    right: 0;
    padding: 8px 13px;
    line-height: 1;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 2px 0 0 2px;
    background: #3498db;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600
}

.prod-info a {
    font-size: 18px
}

.prod-info .br-wrapper {
    margin: 0 auto 20px
}

.prod-info .br-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0
}

.prod-info h6 {
    font-size: 18px;
    font-weight: 600
}

.prod-view:hover .option-hover {
    display: inline-block;
    transition: all .2s ease;
    z-index: 1
}

.prod-item .prod-info {
    background: #fff;
    padding: 30px 0 20px
}

.prod-item .br-widget {
    min-height: inherit
}

.prod-img .p-sale {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 40px;
    height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 50%;
    background-color: #ff5252;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 11px 4px
}

.prod-info .br-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0
}

.option-icon i {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 36px;
    margin: 30px 0;
    padding: 17px 5px
}

.product-detail-page {
    border-top: none
}

.product-detail .br-wrapper {
    margin: 10px 0
}

.product-detail .product-detail .btn i {
    margin-right: 0
}

.product-detail .br-widget {
    min-height: 35px;
    margin-top: 0;
    display: block
}

.product-detail .btn-number {
    background-color: #e0e0e0;
    border-color: #d4d4d4;
    border-radius: 0;
    color: #000
}

.product-detail .product-price {
    display: inline-block;
    margin-right: 50px;
    font-size: 24px
}

.product-detail .pro-desc {
    margin-top: 15px;
    margin-bottom: 15px
}

.product-detail hr {
    margin-top: 15px;
    margin-bottom: 15px
}

#small_banner .slick-slide {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

#small_banner img {
    cursor: pointer
}

#small_banner .slick-center {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

#small_banner:hover .slick-prev {
    left: 0;
    transition: all ease-in .3s
}

#small_banner:hover .slick-next {
    right: 0;
    transition: all ease-in .3s
}

.port_details_all_img {
    overflow: hidden
}

.slick-prev {
    left: -45px;
    z-index: 1;
    height: 100%;
    background: rgba(0, 0, 0, .62);
    width: 4%;
    transition: all ease-in .3s
}

    .slick-prev:hover,
    .slick-prev:focus {
        color: transparent;
        outline: none;
        background: rgba(0, 0, 0, .8)
    }

.slick-next {
    right: -45px;
    z-index: 1;
    height: 100%;
    background: rgba(0, 0, 0, .62);
    width: 4%;
    transition: all ease-in .3s
}

    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: rgba(0, 0, 0, .8)
    }

.counter-input .input-group {
    width: 20%
}

.pro-det-tab .tab-content {
    border: 1px solid #ccc;
    border-top: 0;
}

.big_banner .port_big_img {
    margin-bottom: 15px
}

.cd-price .cd-price-month {
    font-size: 64px
}

.product-edit .br-wrapper {
    margin: 10px 0 30px
}

.addcontact .md-content > div ul {
    padding-left: 0
}

.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body p {
    overflow: hidden;
    margin-bottom: 0
}

.panels-wells .panel {
    margin-bottom: 20px
}

    .panels-wells .panel .panel-body {
        padding: 15px
    }

.panel-heading {
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #fafafa;
    border-top: 1px solid #eee;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.search-result .card {
    border-top: none;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15)
}

.seacrh-header {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.search-content img {
    width: 120px
}

.search-content {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc
}

    .search-content:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

.search-result i {
    float: right
}

.search2 .card-block:first-child {
    padding-top: 0
}

.cart-page .wizard > .content > .body {
    width: 100%;
    padding: 0
}

.wizard > .content > .body {
    width: 100%
}

.payment-card {
    border: 1px solid #ccc;
    border-radius: 0;
    margin-bottom: 15px;
    padding: 20px
}

    .payment-card table {
        margin-bottom: 0
    }

.confirmation {
    text-align: center;
    font-size: 80px
}

.confirmation-icon {
    color: #e74c3c
}

.width-100 {
    width: 100%
}

.post-input {
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    resize: none
}

.file-upload-lbl {
    max-width: 15px;
    padding: 5px 0 0
}

.post-new-footer {
    border-top: 1px solid #ccc
}

    .post-new-footer i {
        font-size: 18px;
        margin-right: 15px;
        cursor: pointer
    }

.input-group span {
    cursor: pointer
}

.input-group a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px
}

.msg-send {
    background-color: #f3f3f3
}

    .msg-send:focus {
        background-color: #f3f3f3
    }

.wall-dropdown:after {
    position: absolute;
    top: 20px;
    right: 15px;
    cursor: pointer
}

.wall-img-preview {
    display: inline-block;
    text-align: center
}

    .wall-img-preview .wall-item {
        display: block;
        float: left;
        position: relative;
        overflow: hidden;
        border: 2px solid #fff;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

        .wall-img-preview .wall-item:first-child:nth-last-child(2),
        .wall-img-preview .wall-item:first-child:nth-last-child(2) ~ div {
            width: 50%
        }

        .wall-img-preview .wall-item > img {
            display: none
        }

        .wall-img-preview .wall-item:first-child:nth-last-child(2),
        .wall-img-preview .wall-item:first-child:nth-last-child(2) ~ div {
            width: 50%
        }

        .wall-img-preview .wall-item:first-child:nth-last-child(3),
        .wall-img-preview .wall-item:first-child:nth-last-child(3) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(4),
        .wall-img-preview .wall-item:first-child:nth-last-child(4) ~ div:not(:last-child),
        .wall-img-preview .wall-item:first-child:nth-last-child(5),
        .wall-img-preview .wall-item:first-child:nth-last-child(5) ~ div:not(:nth-last-of-type(-n+2)),
        .wall-img-preview .wall-item:first-child:nth-last-child(6),
        .wall-img-preview .wall-item:first-child:nth-last-child(6) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(7) ~ div:nth-last-of-type(-n+3),
        .wall-img-preview .wall-item:first-child:nth-last-child(9),
        .wall-img-preview .wall-item:first-child:nth-last-child(9) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(10),
        .wall-img-preview .wall-item:first-child:nth-last-child(10) ~ div:not(:last-child),
        .wall-img-preview .wall-item:first-child:nth-last-child(11) ~ div:nth-last-of-type(-n+3) {
            width: 33.333333%
        }

            .wall-img-preview .wall-item:first-child:nth-last-child(5) ~ div:nth-last-of-type(-n+2) {
                width: 50%
            }

        .wall-img-preview .wall-item:first-child:nth-last-child(7),
        .wall-img-preview .wall-item:first-child:nth-last-child(7) ~ div:not(:nth-last-of-type(-n+3)),
        .wall-img-preview .wall-item:first-child:nth-last-child(11),
        .wall-img-preview .wall-item:first-child:nth-last-child(11) ~ div:not(:nth-last-of-type(-n+3)),
        .wall-img-preview .wall-item:first-child:nth-last-child(8),
        .wall-img-preview .wall-item:first-child:nth-last-child(8) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(12),
        .wall-img-preview .wall-item:first-child:nth-last-child(12) ~ div {
            width: 25%
        }

        .wall-img-preview .wall-item:only-child,
        .wall-img-preview .wall-item:first-child:nth-last-child(4) ~ div:nth-child(4),
        .wall-img-preview .wall-item:first-child:nth-last-child(10) ~ div:nth-child(10) {
            width: 100%
        }

.fb-timeliner h2 {
    background: #9D833E;
    color: #fff;
    margin-top: 0;
    padding: 15px;
    font-size: 16px;
    border-radius: 2px;
    -webkit-border-radius: 4px;
    font-weight: 300
}

.fb-timeliner ul {
    margin-left: 15px;
    margin-bottom: 20px
}

    .fb-timeliner ul li {
        margin-bottom: 3px
    }

        .fb-timeliner ul li a {
            color: #999797;
            border-left: 4px solid #d3d7dd;
            padding-left: 10px;
            padding-top: 3px;
            padding-bottom: 3px;
            display: block
        }

            .fb-timeliner ul li a:hover {
                color: #999797;
                border-left: 4px solid #b1b1b1;
                padding-left: 10px
            }

        .fb-timeliner ul li.active a {
            color: #7a7a7a;
            border-left: 4px solid #7a7a7a;
            padding-left: 10px
        }

.dotted-line-theme .no_edit {
    width: 100% !important
}

    .dotted-line-theme .no_edit .i_text {
        font-size: 13px
    }

.dotted-line-theme .no_edit {
    padding: 15px 2px
}

.dotted-line-theme .just_edit input[type=radio] {
    opacity: 0
}

.dotted-line-theme .ibtn_container {
    padding-left: 0;
    margin-top: 2px;
    position: absolute;
    top: 16px;
    z-index: 999
}

    .dotted-line-theme .ibtn_container i {
        color: #fff
    }

#msform #progressbar li.active {
    color: #9D833E
}

    #msform #progressbar li.active:before,
    #progressbar li.active:after {
        background: #9D833E
    }

#msform a {
    color: #9D833E;
    font-weight: 600
}

.invoice-contact {
    display: flex;
    margin-bottom: 30px;
    padding-top: 30px;
    align-items: center
}

.invoice-table {
    border-left: 1px solid #fff;
    padding-left: 20px
}

    .invoice-table td,
    .invoice-table th {
        border-top: none;
        padding: 3px 0
    }

    .invoice-table > tbody > tr:last-child > td,
    .invoice-table > tfoot > tr:last-child > td {
        padding-bottom: 0
    }

.invoice-box h1 {
    font-size: 7rem
}

.invoice-order {
    padding-left: 0
}

    .invoice-order th:first-child {
        padding-left: 0;
        width: 80px
    }

.invoice-detail-table th:first-child {
    width: 450px;
    text-align: left
}

.invoice-detail-table thead th {
    text-align: center
}

.invoice-detail-table td {
    vertical-align: middle;
    text-align: center
}

    .invoice-detail-table td:first-child {
        text-align: left
    }

.invoice-total {
    background: #f3f3f3;
    padding: 30px 0
}

    .invoice-total th,
    .invoice-total td {
        text-align: right
    }

    .invoice-total td {
        padding-left: 30px
    }

.invoive-info {
    display: flex;
    margin-bottom: 30px
}

    .invoive-info h6 {
        margin-bottom: 20px;
        text-transform: uppercase;
        font-weight: 600;
        color: #757575
    }

.invoice-total tbody {
    padding-right: 20px;
    float: right
}

.dropdown-menu {
    left: initial;
    right: 0
}

    .dropdown-menu i {
        margin-right: 5px
    }

.grid-layout span {
    display: block;
    border: 1px solid #ddd;
    padding: 10px
}

.vertical-alignment .row {
    padding: 15px 0;
    min-height: 10rem;
    border: 1px solid #ddd
}

.inte-benifits {
    border: 1px solid #ddd
}

    .inte-benifits ul {
        list-style: square;
        padding-left: 20px
    }

.version .card-block {
    padding: 0
}

.card.version .card-header .card-header-right {
    background-color: #fff;
    top: 8px
}

.version .nav {
    display: block
}

    .version .nav li {
        display: block;
        padding: 10px 20px;
        cursor: pointer
    }

        .version .nav li:hover {
            background-color: #f6f7f7
        }

        .version .nav li a {
            color: #666
        }

        .version .nav li span {
            position: absolute;
            right: 20px
        }

.version .navigation-header a {
    color: #999
}

.support-btn {
    padding: 20px
}

.version .nav li:first-child {
    border-top: 1px solid #ddd;
    color: #666
}

.dd-w,
.sp-container {
    z-index: 99
}

.theme-loader {
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 999999
}

@-webkit-keyframes ball-scale {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

.ball-scale {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 45%;
    width: 100%
}

    .ball-scale > div {
        -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
        animation: ball-scale 1s 0s ease-in-out infinite;
        background-color: #148f77;
        border-radius: 100px;
        display: inline-block;
        height: 60px;
        width: 60px
    }

.color-1 {
    background: #2c3e50
}

.color-2 {
    background: #3498db
}

.color-3 {
    background: #0c7096
}

.color-4 {
    background: #36c7c7
}

.color-5 {
    background: #0f9da5
}

.color-6 {
    background: #fb6868
}

.color-picker {
    position: fixed;
    right: 0;
    top: 150px;
    width: 239px;
    background: #fff;
    z-index: 999999;
    -webkit-transition: all .3s ease
}

    .color-picker a.handle {
        border: 1px solid #2c3e50;
        border-right-color: transperant;
        border-left-color: none;
        position: absolute;
        top: 0;
        right: 239px;
        width: 50px;
        height: 50px;
        text-align: center;
        background: #fff;
        z-index: 9999;
        transition: all ease-in .3s
    }

        .color-picker a.handle:hover {
            background: #4a6076;
            transition: all ease-in .3s
        }

            .color-picker a.handle:hover i {
                color: #fff;
                transition: all ease-in .3s
            }

        .color-picker a.handle i {
            color: #2c3e50;
            font-size: 25px;
            line-height: 50px
        }

    .color-picker .settings-header {
        background: #2c3e50;
        height: 50px;
        padding: 15px 34px 0
    }

        .color-picker .settings-header h3 {
            color: #fff;
            font-size: 16px;
            line-height: 16px;
            margin-bottom: 0;
            padding: 0 0 5px;
            margin-top: 0
        }

    .color-picker .section:last-child {
        border-bottom: 1px solid #2c3e50
    }

    .color-picker .section {
        padding: 20px 14px;
        border-bottom: 1px solid #2c3e50;
        border-left: 1px solid #2c3e50;
        overflow: hidden
    }

        .color-picker .section h3 {
            font-size: 16px;
            text-transform: none;
            color: #3c3c3c;
            line-height: 16px;
            padding: 0;
            margin-bottom: 20px;
            text-align: left
        }

        .color-picker .section i {
            font-size: 16px;
            margin-right: 10px
        }

    .color-picker span {
        font-size: 13px;
        color: #9a9a9a
    }

    .color-picker .colors a {
        display: block;
        border-radius: 10px;
        width: 30px;
        height: 30px;
        margin-left: 0;
        margin-bottom: 10px;
        margin-right: 5px;
        float: left;
        transition: all ease-in .3s
    }

        .color-picker .colors a:hover {
            box-shadow: 0 0 2px 1px rgba(247, 54, 121, .58);
            transition: all ease-in .3s
        }

    .color-picker .skin a {
        display: block;
        width: 70px;
        height: 30px;
        margin-left: 0;
        margin-top: 0;
        margin-right: 5px;
        float: left;
        text-align: center;
        line-height: 30px;
        border: 2px transparent solid
    }

        .color-picker .skin a.actt {
            border: 2px #fff solid
        }

#sessionTimeout-dialog .close {
    display: none
}

.generic-card-body code {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px
}

.generic-image-body li {
    padding: 0 20px;
    display: inline-block
}

.generic-image-body code {
    display: block
}

.generic-image-body img {
    display: block;
    margin: 10px auto 0
}

.p-0 {
    padding: 0
}

.p-5 {
    padding: 5px
}

.p-10 {
    padding: 10px
}

.p-15 {
    padding: 15px
}

.p-20 {
    padding: 20px
}

.p-25 {
    padding: 25px
}

.p-30 {
    padding: 30px
}

.p-35 {
    padding: 35px
}

.p-40 {
    padding: 40px
}

.p-45 {
    padding: 45px
}

.p-50 {
    padding: 50px
}

.p-t-0 {
    padding-top: 0 !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-t-45 {
    padding-top: 45px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.p-b-0 {
    padding-bottom: 0 !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-b-45 {
    padding-bottom: 45px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.p-l-0 {
    padding-left: 0
}

.p-l-5 {
    padding-left: 5px
}

.p-l-10 {
    padding-left: 10px
}

.p-l-15 {
    padding-left: 15px
}

.p-l-20 {
    padding-left: 20px
}

.p-l-25 {
    padding-left: 25px
}

.p-l-30 {
    padding-left: 30px
}

.p-l-35 {
    padding-left: 35px
}

.p-l-40 {
    padding-left: 40px
}

.p-l-45 {
    padding-left: 45px
}

.p-l-50 {
    padding-left: 50px
}

.p-r-0 {
    padding-right: 0
}

.p-r-5 {
    padding-right: 5px
}

.p-r-10 {
    padding-right: 10px
}

.p-r-15 {
    padding-right: 15px
}

.p-r-20 {
    padding-right: 20px
}

.p-r-25 {
    padding-right: 25px
}

.p-r-30 {
    padding-right: 30px
}

.p-r-35 {
    padding-right: 35px
}

.p-r-40 {
    padding-right: 40px
}

.p-r-45 {
    padding-right: 45px
}

.p-r-50 {
    padding-right: 50px
}

.m-0 {
    margin: 0
}

.m-5 {
    margin: 5px
}

.m-10 {
    margin: 10px
}

.m-15 {
    margin: 15px
}

.m-20 {
    margin: 20px
}

.m-25 {
    margin: 25px
}

.m-30 {
    margin: 30px
}

.m-35 {
    margin: 35px
}

.m-40 {
    margin: 40px
}

.m-45 {
    margin: 45px
}

.m-50 {
    margin: 50px
}

.m-t-0 {
    margin-top: 0
}

.m-t-5 {
    margin-top: 5px
}

.m-t-10 {
    margin-top: 10px
}

.m-t-15 {
    margin-top: 15px
}

.m-t-20 {
    margin-top: 20px
}

.m-t-25 {
    margin-top: 25px
}

.m-t-30 {
    margin-top: 30px
}

.m-t-35 {
    margin-top: 35px
}

.m-t-40 {
    margin-top: 40px
}

.m-t-45 {
    margin-top: 45px
}

.m-t-50 {
    margin-top: 50px
}

.m-b-0 {
    margin-bottom: 0
}

.m-b-5 {
    margin-bottom: 5px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-b-20 {
    margin-bottom: 20px
}

.m-b-25 {
    margin-bottom: 25px
}

.m-b-30 {
    margin-bottom: 30px
}

.m-b-35 {
    margin-bottom: 35px
}

.m-b-40 {
    margin-bottom: 40px
}

.m-b-45 {
    margin-bottom: 45px
}

.m-b-50 {
    margin-bottom: 50px
}

.m-l-0 {
    margin-left: 0
}

.m-l-5 {
    margin-left: 5px
}

.m-l-10 {
    margin-left: 10px
}

.m-l-15 {
    margin-left: 15px
}

.m-l-20 {
    margin-left: 20px
}

.m-l-25 {
    margin-left: 25px
}

.m-l-30 {
    margin-left: 30px
}

.m-l-35 {
    margin-left: 35px
}

.m-l-40 {
    margin-left: 40px
}

.m-l-45 {
    margin-left: 45px
}

.m-l-50 {
    margin-left: 50px
}

.m-r-0 {
    margin-right: 0
}

.m-r-5 {
    margin-right: 5px
}

.m-r-10 {
    margin-right: 10px
}

.m-r-15 {
    margin-right: 15px
}

.m-r-20 {
    margin-right: 20px
}

.m-r-25 {
    margin-right: 25px
}

.m-r-30 {
    margin-right: 30px
}

.m-r-35 {
    margin-right: 35px
}

.m-r-40 {
    margin-right: 40px
}

.m-r-45 {
    margin-right: 45px
}

.m-r-50 {
    margin-right: 50px
}

.b-radius-0 {
    border-radius: 0 !important
}

.b-radius-5 {
    border-radius: 5px !important
}

.b-radius-10 {
    border-radius: 10px !important
}

.f-12 {
    font-size: 12px
}

.f-14 {
    font-size: 14px
}

.f-16 {
    font-size: 16px
}

.f-18 {
    font-size: 18px
}

.f-20 {
    font-size: 20px
}

.f-22 {
    font-size: 22px
}

.f-24 {
    font-size: 24px
}

.f-26 {
    font-size: 26px
}

.f-28 {
    font-size: 28px
}

.f-30 {
    font-size: 30px
}

.f-32 {
    font-size: 32px
}

.f-34 {
    font-size: 34px
}

.f-36 {
    font-size: 36px
}

.f-38 {
    font-size: 38px
}

.f-40 {
    font-size: 40px
}

.f-42 {
    font-size: 42px
}

.f-44 {
    font-size: 44px
}

.f-46 {
    font-size: 46px
}

.f-48 {
    font-size: 48px
}

.f-50 {
    font-size: 50px
}

.f-52 {
    font-size: 52px
}

.f-54 {
    font-size: 54px
}

.f-56 {
    font-size: 56px
}

.f-58 {
    font-size: 58px
}

.f-60 {
    font-size: 60px
}

.f-62 {
    font-size: 62px
}

.f-64 {
    font-size: 64px
}

.f-66 {
    font-size: 66px
}

.f-68 {
    font-size: 68px
}

.f-70 {
    font-size: 70px
}

.f-72 {
    font-size: 72px
}

.f-74 {
    font-size: 74px
}

.f-76 {
    font-size: 76px
}

.f-78 {
    font-size: 78px
}

.f-80 {
    font-size: 80px
}

.f-w-100 {
    font-weight: 100
}

.f-w-300 {
    font-weight: 300
}

.f-w-400 {
    font-weight: 400
}

.f-w-600 {
    font-weight: 600
}

.f-w-700 {
    font-weight: 700
}

.f-w-900 {
    font-weight: 900
}

.f-s-normal {
    font-style: normal
}

.f-s-italic {
    font-style: italic
}

.f-s-oblique {
    font-style: oblique
}

.f-s-initial {
    font-style: initial
}

.f-s-inherit {
    font-style: inherit
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-capitalize {
    text-align: capitalize
}

.text-uppercase {
    text-align: uppercase
}

.text-lowercase {
    text-align: lowercase
}

.text-overline {
    text-decoration: overline
}

.text-line-through {
    text-decoration: line-through
}

.text-underline {
    text-decoration: underline
}

.baseline {
    vertical-align: baseline
}

.sub {
    vertical-align: sub
}

.super {
    vertical-align: super
}

.top {
    vertical-align: top
}

.text-top {
    vertical-align: text-top
}

.middle {
    vertical-align: middle
}

.bottom {
    vertical-align: bottom
}

.text-bottom {
    vertical-align: text-bottom
}

.initial {
    vertical-align: initial
}

.inherit {
    vertical-align: inherit
}

.pos-static {
    position: static
}

.pos-absolute {
    position: absolute
}

.pos-fixed {
    position: fixed
}

.pos-relative {
    position: relative
}

.pos-initial {
    position: initial
}

.pos-inherit {
    position: inherit
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.f-none {
    float: none
}

.o-hidden {
    overflow: hidden
}

.o-visible {
    overflow: visible
}

.o-auto {
    overflow: auto
}

.img-20 {
    width: 20px
}

.img-30 {
    width: 30px
}

.img-40 {
    width: 40px
}

.img-50 {
    width: 50px
}

.img-60 {
    width: 60px
}

.img-70 {
    width: 70px
}

.img-80 {
    width: 80px
}

.img-90 {
    width: 90px
}

.img-100 {
    width: 100px
}

.text-primary {
    color: #9D833E !important
}

.text-warning {
    color: #f1c40f !important
}

.text-default {
    color: #bdc3c7 !important
}

.text-danger {
    color: #e74c3c !important
}

.text-success {
    color: #2ecc71 !important
}

.text-inverse {
    color: #34495e !important
}

.text-info {
    color: #3498db !important
}

.text-custom {
    color: #64b0f2 !important
}

.text-pink {
    color: #ff7aa3 !important
}

.text-muted {
    color: #777 !important
}

.text-dark {
    color: #2b3d51 !important
}

.text-purple {
    color: #9261c6 !important
}

.text-muted {
    color: #777 !important
}

.label {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: capitalize
}

.label-primary {
    background-color: #9D833E
}

.label-warning {
    background-color: #f1c40f
}

.label-default {
    background-color: #bdc3c7
}

.label-danger {
    background-color: #e74c3c
}

.label-success {
    background-color: #2ecc71
}

.label-inverse {
    background-color: #34495e
}

.label-info {
    background-color: #3498db
}

.badge-primary {
    background-color: #9D833E
}

.badge-warning {
    background-color: #f1c40f
}

.badge-default {
    background-color: #bdc3c7
}

.badge-danger {
    background-color: #e74c3c
}

.badge-success {
    background-color: #2ecc71
}

.badge-inverse {
    background-color: #34495e
}

.badge-info {
    background-color: #3498db
}

.bg-color-box {
    text-align: center;
    display: inline-block;
    padding: 10px 20px;
    box-shadow: 0 0 5px 0 rgba(128, 128, 128, .49);
    font-weight: 600;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer
}

    .bg-color-box span {
        color: #fff
    }

.bg-primary {
    background-color: #9D833E !important;
    color: #fff
}

.bg-warning {
    background-color: #f1c40f !important;
    color: #fff
}

.bg-default {
    background-color: #bdc3c7 !important;
    color: #fff
}

.bg-danger {
    background-color: #e74c3c !important;
    color: #fff
}

.bg-success {
    background-color: #2ecc71 !important;
    color: #fff
}

.bg-inverse {
    background-color: #34495e !important;
    color: #fff
}

.bg-info {
    background-color: #3498db !important;
    color: #fff
}

.color-primary {
    background-color: #9D833E
}

.color-warning {
    background-color: #f1c40f
}

.color-default {
    background-color: #bdc3c7
}

.color-danger {
    background-color: #e74c3c
}

.color-success {
    background-color: #2ecc71
}

.color-inverse {
    background-color: #34495e
}

.color-info {
    background-color: #3498db
}

.loader-primary {
    background-color: #9D833E !important
}

.loader-warning {
    background-color: #f1c40f !important
}

.loader-default {
    background-color: #bdc3c7 !important
}

.loader-danger {
    background-color: #e74c3c !important
}

.loader-success {
    background-color: #2ecc71 !important
}

.loader-inverse {
    background-color: #34495e !important
}

.loader-info {
    background-color: #3498db !important
}

.nestable-primary {
    background-color: #9D833E !important;
    border-color: #9D833E;
    color: #fff !important
}

.nestable-warning {
    background-color: #f1c40f !important;
    border-color: #f1c40f;
    color: #fff !important
}

.nestable-default {
    background-color: #bdc3c7 !important;
    border-color: #bdc3c7;
    color: #fff !important
}

.nestable-danger {
    background-color: #e74c3c !important;
    border-color: #e74c3c;
    color: #fff !important
}

.nestable-success {
    background-color: #2ecc71 !important;
    border-color: #2ecc71;
    color: #fff !important
}

.nestable-inverse {
    background-color: #34495e !important;
    border-color: #34495e;
    color: #fff !important
}

.nestable-info {
    background-color: #3498db !important;
    border-color: #3498db;
    color: #fff !important
}

table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
    border-bottom: 1px solid #9D833E
}

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
    border-bottom: 1px solid #f1c40f
}

table thead .border-bottom-default th,
table tbody .border-bottom-default th,
table tbody .border-bottom-default td {
    border-bottom: 1px solid #bdc3c7
}

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
    border-bottom: 1px solid #e74c3c
}

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
    border-bottom: 1px solid #2ecc71
}

table thead .border-bottom-inverse th,
table tbody .border-bottom-inverse th,
table tbody .border-bottom-inverse td {
    border-bottom: 1px solid #34495e
}

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
    border-bottom: 1px solid #3498db
}

.table-styling .table-primary,
.table-styling.table-primary {
    background-color: #9D833E;
    color: #fff;
    border: 3px solid #9D833E
}

    .table-styling .table-primary thead,
    .table-styling.table-primary thead {
        background-color: #148f77;
        border: 3px solid #148f77
    }

.table-styling .table-warning,
.table-styling.table-warning {
    background-color: #f1c40f;
    color: #fff;
    border: 3px solid #f1c40f
}

    .table-styling .table-warning thead,
    .table-styling.table-warning thead {
        background-color: #c29d0b;
        border: 3px solid #c29d0b
    }

.table-styling .table-default,
.table-styling.table-default {
    background-color: #bdc3c7;
    color: #fff;
    border: 3px solid #bdc3c7
}

    .table-styling .table-default thead,
    .table-styling.table-default thead {
        background-color: #a1aab0;
        border: 3px solid #a1aab0
    }

.table-styling .table-danger,
.table-styling.table-danger {
    background-color: #e74c3c;
    color: #fff;
    border: 3px solid #e74c3c
}

    .table-styling .table-danger thead,
    .table-styling.table-danger thead {
        background-color: #d62c1a;
        border: 3px solid #d62c1a
    }

.table-styling .table-success,
.table-styling.table-success {
    background-color: #2ecc71;
    color: #fff;
    border: 3px solid #2ecc71
}

    .table-styling .table-success thead,
    .table-styling.table-success thead {
        background-color: #25a25a;
        border: 3px solid #25a25a
    }

.table-styling .table-inverse,
.table-styling.table-inverse {
    background-color: #34495e;
    color: #fff;
    border: 3px solid #34495e
}

    .table-styling .table-inverse thead,
    .table-styling.table-inverse thead {
        background-color: #22303d;
        border: 3px solid #22303d
    }

.table-styling .table-info,
.table-styling.table-info {
    background-color: #3498db;
    color: #fff;
    border: 3px solid #3498db
}

    .table-styling .table-info thead,
    .table-styling.table-info thead {
        background-color: #217dbb;
        border: 3px solid #217dbb
    }

.toolbar-primary .tool-item {
    background: #9D833E !important
}

    .toolbar-primary .tool-item.selected,
    .toolbar-primary .tool-item:hover {
        background: #148f77 !important
    }

.toolbar-primary.tool-top .arrow {
    border-color: #9D833E transparent transparent
}

.toolbar-primary.tool-bottom .arrow {
    border-color: transparent transparent #9D833E
}

.toolbar-primary.tool-left .arrow {
    border-color: transparent transparent transparent #9D833E
}

.toolbar-primary.tool-right .arrow {
    border-color: transparent #9D833E transparent transparent
}

.btn-toolbar-primary.pressed {
    background-color: #9D833E
}

.toolbar-warning .tool-item {
    background: #f1c40f !important
}

    .toolbar-warning .tool-item.selected,
    .toolbar-warning .tool-item:hover {
        background: #c29d0b !important
    }

.toolbar-warning.tool-top .arrow {
    border-color: #f1c40f transparent transparent
}

.toolbar-warning.tool-bottom .arrow {
    border-color: transparent transparent #f1c40f
}

.toolbar-warning.tool-left .arrow {
    border-color: transparent transparent transparent #f1c40f
}

.toolbar-warning.tool-right .arrow {
    border-color: transparent #f1c40f transparent transparent
}

.btn-toolbar-warning.pressed {
    background-color: #f1c40f
}

.toolbar-light .tool-item {
    background: #bdc3c7 !important
}

    .toolbar-light .tool-item.selected,
    .toolbar-light .tool-item:hover {
        background: #a1aab0 !important
    }

.toolbar-light.tool-top .arrow {
    border-color: #bdc3c7 transparent transparent
}

.toolbar-light.tool-bottom .arrow {
    border-color: transparent transparent #bdc3c7
}

.toolbar-light.tool-left .arrow {
    border-color: transparent transparent transparent #bdc3c7
}

.toolbar-light.tool-right .arrow {
    border-color: transparent #bdc3c7 transparent transparent
}

.btn-toolbar-light.pressed {
    background-color: #bdc3c7
}

.toolbar-danger .tool-item {
    background: #e74c3c !important
}

    .toolbar-danger .tool-item.selected,
    .toolbar-danger .tool-item:hover {
        background: #d62c1a !important
    }

.toolbar-danger.tool-top .arrow {
    border-color: #e74c3c transparent transparent
}

.toolbar-danger.tool-bottom .arrow {
    border-color: transparent transparent #e74c3c
}

.toolbar-danger.tool-left .arrow {
    border-color: transparent transparent transparent #e74c3c
}

.toolbar-danger.tool-right .arrow {
    border-color: transparent #e74c3c transparent transparent
}

.btn-toolbar-danger.pressed {
    background-color: #e74c3c
}

.toolbar-success .tool-item {
    background: #2ecc71 !important
}

    .toolbar-success .tool-item.selected,
    .toolbar-success .tool-item:hover {
        background: #25a25a !important
    }

.toolbar-success.tool-top .arrow {
    border-color: #2ecc71 transparent transparent
}

.toolbar-success.tool-bottom .arrow {
    border-color: transparent transparent #2ecc71
}

.toolbar-success.tool-left .arrow {
    border-color: transparent transparent transparent #2ecc71
}

.toolbar-success.tool-right .arrow {
    border-color: transparent #2ecc71 transparent transparent
}

.btn-toolbar-success.pressed {
    background-color: #2ecc71
}

.toolbar-dark .tool-item {
    background: #34495e !important
}

    .toolbar-dark .tool-item.selected,
    .toolbar-dark .tool-item:hover {
        background: #22303d !important
    }

.toolbar-dark.tool-top .arrow {
    border-color: #34495e transparent transparent
}

.toolbar-dark.tool-bottom .arrow {
    border-color: transparent transparent #34495e
}

.toolbar-dark.tool-left .arrow {
    border-color: transparent transparent transparent #34495e
}

.toolbar-dark.tool-right .arrow {
    border-color: transparent #34495e transparent transparent
}

.btn-toolbar-dark.pressed {
    background-color: #34495e
}

.toolbar-info .tool-item {
    background: #3498db !important
}

    .toolbar-info .tool-item.selected,
    .toolbar-info .tool-item:hover {
        background: #217dbb !important
    }

.toolbar-info.tool-top .arrow {
    border-color: #3498db transparent transparent
}

.toolbar-info.tool-bottom .arrow {
    border-color: transparent transparent #3498db
}

.toolbar-info.tool-left .arrow {
    border-color: transparent transparent transparent #3498db
}

.toolbar-info.tool-right .arrow {
    border-color: transparent #3498db transparent transparent
}

.btn-toolbar-info.pressed {
    background-color: #3498db
}

.card-border-primary {
    border-top: 4px solid #9D833E
}

.card-border-warning {
    border-top: 4px solid #f1c40f
}

.card-border-default {
    border-top: 4px solid #bdc3c7
}

.card-border-danger {
    border-top: 4px solid #e74c3c
}

.card-border-success {
    border-top: 4px solid #2ecc71
}

.card-border-inverse {
    border-top: 4px solid #34495e
}

.card-border-info {
    border-top: 4px solid #3498db
}

.panels-wells .panel-primary {
    border-color: #9D833E
}

.panels-wells .panel-warning {
    border-color: #f1c40f
}

.panels-wells .panel-default {
    border-color: #bdc3c7
}

.panels-wells .panel-danger {
    border-color: #e74c3c
}

.panels-wells .panel-success {
    border-color: #2ecc71
}

.panels-wells .panel-inverse {
    border-color: #34495e
}

.panels-wells .panel-info {
    border-color: #3498db
}

.b-t-primary {
    border-top: 1px solid #9D833E
}

.b-b-primary {
    border-bottom: 1px solid #9D833E
}

.b-l-primary {
    border-left: 1px solid #9D833E
}

.b-r-primary {
    border-right: 1px solid #9D833E
}

.b-t-warning {
    border-top: 1px solid #f1c40f
}

.b-b-warning {
    border-bottom: 1px solid #f1c40f
}

.b-l-warning {
    border-left: 1px solid #f1c40f
}

.b-r-warning {
    border-right: 1px solid #f1c40f
}

.b-t-default {
    border-top: 1px solid #bdc3c7
}

.b-b-default {
    border-bottom: 1px solid #bdc3c7
}

.b-l-default {
    border-left: 1px solid #bdc3c7
}

.b-r-default {
    border-right: 1px solid #bdc3c7
}

.b-t-danger {
    border-top: 1px solid #e74c3c
}

.b-b-danger {
    border-bottom: 1px solid #e74c3c
}

.b-l-danger {
    border-left: 1px solid #e74c3c
}

.b-r-danger {
    border-right: 1px solid #e74c3c
}

.b-t-success {
    border-top: 1px solid #2ecc71
}

.b-b-success {
    border-bottom: 1px solid #2ecc71
}

.b-l-success {
    border-left: 1px solid #2ecc71
}

.b-r-success {
    border-right: 1px solid #2ecc71
}

.b-t-inverse {
    border-top: 1px solid #34495e
}

.b-b-inverse {
    border-bottom: 1px solid #34495e
}

.b-l-inverse {
    border-left: 1px solid #34495e
}

.b-r-inverse {
    border-right: 1px solid #34495e
}

.b-t-info {
    border-top: 1px solid #3498db
}

.b-b-info {
    border-bottom: 1px solid #3498db
}

.b-l-info {
    border-left: 1px solid #3498db
}

.b-r-info {
    border-right: 1px solid #3498db
}

.b-t-theme {
    border-top: 1px solid #ddd
}

.b-b-theme {
    border-bottom: 1px solid #ddd
}

.b-l-theme {
    border-left: 1px solid #ddd
}

.b-r-theme {
    border-right: 1px solid #ddd
}

.main-header {
    margin-bottom: 20px;
    padding: 20px 0 20px 20px
}

    .main-header span {
        color: #9f9f9f;
        display: block;
        font-size: 13px;
        margin-top: 5px
    }

.header-navbar {
    min-height: 4em;
    padding: 0
}

    .header-navbar .navbar-wrapper {
        background-color: #ffffff
    }

        .header-navbar .navbar-wrapper .navbar-logo {
            align-items: center;
            /* display:flex; */
            float: left;
            height: 3.5rem;
            justify-content: center;
            text-align: center;
            text-transform: uppercase;
            width: 80px;
        }

            .header-navbar .navbar-wrapper .navbar-logo h5 {
                margin-bottom: 0
            }

            .header-navbar .navbar-wrapper .navbar-logo a {
                color: #9D833E;
            }

            .header-navbar .navbar-wrapper .navbar-logo .mobile-menu,
            .header-navbar .navbar-wrapper .navbar-logo .mobile-search,
            .header-navbar .navbar-wrapper .navbar-logo .mobile-options {
                display: none
            }

        .header-navbar .navbar-wrapper .navbar-container {
            margin-left: 240px
        }

            .header-navbar .navbar-wrapper .navbar-container .nav-left,
            .header-navbar .navbar-wrapper .navbar-container .nav-right {
                float: left;
                margin-bottom: 0
            }

                .header-navbar .navbar-wrapper .navbar-container .nav-left li,
                .header-navbar .navbar-wrapper .navbar-container .nav-right li {
                    float: left;
                    line-height: 4;
                    padding: 0 10px;
                    position: relative
                }

                .header-navbar .navbar-wrapper .navbar-container .nav-left a,
                .header-navbar .navbar-wrapper .navbar-container .nav-right a {
                    color: #212129;
                    padding: 1.5rem .6rem
                }

                .header-navbar .navbar-wrapper .navbar-container .nav-left .mega-menu-top i,
                .header-navbar .navbar-wrapper .navbar-container .nav-right .mega-menu-top i {
                    font-size: 10px;
                    margin-left: 10px
                }

            .header-navbar .navbar-wrapper .navbar-container .nav-right {
                float: right
            }

                .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img {
                    margin-right: 10px;
                    width: 40px
                }

                .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile i {
                    font-size: 10px;
                    margin-left: 10px
                }

            .header-navbar .navbar-wrapper .navbar-container .header-notification,
            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top {
                perspective: 1000px;
                z-index: 99
            }

                .header-navbar .navbar-wrapper .navbar-container .header-notification .badge,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .badge {
                    background: red;
                    border-radius: 100px;
                    left: 27px;
                    position: absolute;
                    top: 10px
                }

                .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
                    -webkit-transform: translateY(30px);
                    background: #fff;
                    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .03), 0 -2px 1px -2px rgba(0, 0, 0, .02), 0 0 0 -1px rgba(0, 0, 0, .03);
                    opacity: 0;
                    position: absolute;
                    right: 0;
                    transform: translateY(30px);
                    transition: all linear .3s;
                    visibility: hidden;
                    width: 24rem
                }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification a,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification a,
                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a {
                        color: #666
                    }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li,
                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li {
                        border-top: 1px solid #9D833E, #f1c40f, #bdc3c7, #e74c3c, #2ecc71, #34495e, #3498db;
                        line-height: initial;
                        padding: 1em 20px;
                        width: 100%
                    }

                        .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child,
                        .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child {
                            padding: 10px 20px
                        }

                            .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child h6,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child h6,
                            .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child h6,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child h6 {
                                display: inline-block;
                                font-size: 14px;
                                font-weight: 600;
                                margin-bottom: 0;
                                text-transform: uppercase
                            }

                            .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child label,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child label,
                            .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child label,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label {
                                float: right
                            }

                        .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li img,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img,
                        .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li img,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img {
                            width: 40px;
                            margin-right: 10px
                        }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-user,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-user,
                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-user,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-user {
                        font-size: 15px;
                        font-weight: 700
                    }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-msg,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-msg,
                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-msg,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-msg {
                        margin-bottom: 5px
                    }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-time,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-time,
                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-time,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-time {
                        font-size: 12px
                    }

                .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
                    width: 17em
                }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a {
                        font-size: 15px;
                        padding-left: 0
                    }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification i,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification i {
                        font-size: 15px;
                        margin-left: 0;
                        margin-right: 5px
                    }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li {
                        border-top: none;
                        padding: .7em 20px
                    }

                        .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child {
                            padding: .7em 20px
                        }

                .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .profile-notification {
                    -webkit-transform: translateY(0px);
                    opacity: 1;
                    transform: translateY(0px);
                    visibility: visible
                }

                .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .header-notification .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .header-notification .lng-dropdown .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .mega-menu-top .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .lng-dropdown .profile-notification {
                    width: 14em
                }

                .header-navbar .navbar-wrapper .navbar-container .pcloc .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .pcloc .header-notification .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .header-notification .pcloc .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .pcloc .mega-menu-top .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .pcloc .profile-notification {
                    width: 14em
                }

                .header-navbar .navbar-wrapper .navbar-container .pcloc .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .pcloc .header-notification .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .header-notification .pcloc .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .pcloc .mega-menu-top .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .pcloc .profile-notification {
                    width: 14em
                }

            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top {
                perspective: inherit;
                position: static !important
            }

                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
                    left: 0;
                    margin: 0 25px;
                    width: calc(100% - 50px);
                    z-index: 9999
                }

                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li {
                        padding: 20px
                    }

                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child {
                            padding: 20px
                        }

                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child h6,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child h6 {
                                border-bottom: 1px solid #9D833E, #f1c40f, #bdc3c7, #e74c3c, #2ecc71, #34495e, #3498db;
                                display: block;
                                margin-bottom: 20px;
                                padding-bottom: 10px
                            }

                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li h6,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li h6 {
                            border-bottom: 1px solid #ddd;
                            display: block;
                            font-size: 14px;
                            font-weight: 600;
                            margin-bottom: 20px;
                            padding-bottom: 10px;
                            text-transform: uppercase
                        }

                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img {
                            border-radius: 0;
                            transition: all ease-in-out .3s;
                            width: auto
                        }

                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img:hover,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img:hover {
                                box-shadow: 0 0 10px 2px rgba(128, 128, 128, .37)
                            }

                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li {
                        border-top: none;
                        padding-left: 0;
                        padding-top: 0
                    }

                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li a,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li a {
                            padding: 0
                        }

                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li a i,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li a i {
                                font-size: 20px;
                                margin-left: 0;
                                margin-right: 15px
                            }

                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li h5,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li h5 {
                            font-size: 15px;
                            font-weight: 600
                        }

                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links li {
                    border-top: none;
                    padding: 10px 0
                }

                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links li:first-child {
                        padding-top: 0;
                        padding: 10px 0
                    }

                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links a {
                    display: block;
                    font-size: 14px;
                    padding: 0;
                    text-transform: capitalize
                }

                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-contact label,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-contact .form-control {
                    font-size: 14px
                }

.main-menu {
    background: #212129;
    float: left;
    width: 240px;
    z-index: 99
}

    .main-menu .main-menu-header {
        align-items: center;
        background: #4a6076;
        display: flex;
        padding: 20px
    }

        .main-menu .main-menu-header .user-details {
            display: inline-block;
            margin-left: 10px
        }

            .main-menu .main-menu-header .user-details #more-details {
                cursor: pointer
            }

            .main-menu .main-menu-header .user-details span {
                color: #fff;
                display: block;
                font-size: 14px;
                text-transform: capitalize
            }

                .main-menu .main-menu-header .user-details span i {
                    font-size: 10px;
                    margin-left: 10px
                }

                .main-menu .main-menu-header .user-details span:first-child {
                    margin-bottom: 5px
                }

    .main-menu .main-menu-content .more-details {
        display: none
    }

        .main-menu .main-menu-content .more-details a {
            padding: 10px 15px;
            display: block;
            color: #fff;
            transition: all ease-in .3s
        }

            .main-menu .main-menu-content .more-details a:hover {
                color: #9D833E
            }

            .main-menu .main-menu-content .more-details a i {
                margin-right: 10px
            }

    .main-menu .main-menu-content .menu-search {
        padding: 20px;
        padding-bottom: 10px
    }

    .main-menu .main-menu-content li {
        position: relative
    }

    .main-menu .main-menu-content .nav-title {
        color: #2ed8b6;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px;
        padding: 10px 5px;
        text-transform: uppercase
    }

        .main-menu .main-menu-content .nav-title i {
            font-weight: 800
        }

        .main-menu .main-menu-content .nav-title .menu-caption {
            right: 10px
        }

    .main-menu .main-menu-content .nav-item.has-class > a,
    .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a,
    .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a,
    .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a,
    .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a {
        background: #9D833E
    }

        .main-menu .main-menu-content .nav-item.has-class > a:hover,
        .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a:hover,
        .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a:hover,
        .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a:hover,
        .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a:hover {
            color: #fff
        }

    .main-menu .main-menu-content .tree-1.open li .menu-caption,
    .main-menu .main-menu-content .nav-item .open.tree-2 li .menu-caption,
    .main-menu .main-menu-content .nav-item .open.tree-3 li .menu-caption,
    .main-menu .main-menu-content .nav-item .open.tree-4 li .menu-caption {
        right: 10px
    }

    .main-menu .main-menu-content .tree-1.open .nav-sub-item > a,
    .main-menu .main-menu-content .nav-item .open.tree-2 .nav-sub-item > a,
    .main-menu .main-menu-content .nav-item .open.tree-3 .nav-sub-item > a,
    .main-menu .main-menu-content .nav-item .open.tree-4 .nav-sub-item > a {
        background: #212129
    }

    .main-menu .main-menu-content .tree-1.open .has-class > a,
    .main-menu .main-menu-content .nav-item .open.tree-2 .has-class > a,
    .main-menu .main-menu-content .nav-item .open.tree-3 .has-class > a,
    .main-menu .main-menu-content .nav-item .open.tree-4 .has-class > a,
    .main-menu .main-menu-content .tree-2.open .has-class > a,
    .main-menu .main-menu-content .tree-3.open .has-class > a,
    .main-menu .main-menu-content .tree-4.open .has-class > a {
        color: #9D833E;
        font-weight: 600
    }

    .main-menu .main-menu-content .nav-item,
    .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-4 a {
        color: #fff
    }

        .main-menu .main-menu-content .nav-item a,
        .main-menu .main-menu-content .nav-item .tree-1 a a,
        .main-menu .main-menu-content .nav-item .tree-2 a a,
        .main-menu .main-menu-content .nav-item .tree-3 a a,
        .main-menu .main-menu-content .nav-item .tree-4 a a {
            color: #fff;
            display: block;
            font-size: 14px;
            padding: 10px 15px;
            transition: all ease-in .2s
        }

            .main-menu .main-menu-content .nav-item a:hover {
                color: #9D833E
            }

        .main-menu .main-menu-content .nav-item i,
        .main-menu .main-menu-content .nav-item .tree-1 a i,
        .main-menu .main-menu-content .nav-item .tree-2 a i,
        .main-menu .main-menu-content .nav-item .tree-3 a i,
        .main-menu .main-menu-content .nav-item .tree-4 a i {
            margin-right: 10px;
            font-size: 15px;
            vertical-align: middle
        }

        .main-menu .main-menu-content .nav-item .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-1 a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-2 a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-3 a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-4 a .icon-arrow-down {
            display: none
        }

        .main-menu .main-menu-content .nav-item .tree-1 a,
        .main-menu .main-menu-content .nav-item .tree-2 a,
        .main-menu .main-menu-content .nav-item .tree-3 a,
        .main-menu .main-menu-content .nav-item .tree-4 a {
            padding-left: 50px;
            position: relative
        }

            .main-menu .main-menu-content .nav-item .tree-1 a:before,
            .main-menu .main-menu-content .nav-item .tree-2 a:before,
            .main-menu .main-menu-content .nav-item .tree-3 a:before,
            .main-menu .main-menu-content .nav-item .tree-4 a:before {
                content: '\e649';
                font-family: themify;
                position: absolute;
                left: 30px;
                font-size: 10px;
                top: 13px
            }

        .main-menu .main-menu-content .nav-item .tree-1 .icon-arrow-right,
        .main-menu .main-menu-content .nav-item .tree-2 .icon-arrow-right,
        .main-menu .main-menu-content .nav-item .tree-3 .icon-arrow-right,
        .main-menu .main-menu-content .nav-item .tree-4 .icon-arrow-right {
            display: none
        }

        .main-menu .main-menu-content .nav-item .tree-2 a {
            padding-left: 60px
        }

            .main-menu .main-menu-content .nav-item .tree-2 a:before {
                left: 40px
            }

        .main-menu .main-menu-content .nav-item .tree-3 a {
            padding-left: 80px
        }

            .main-menu .main-menu-content .nav-item .tree-3 a:before {
                left: 60px
            }

        .main-menu .main-menu-content .nav-item .tree-4 a {
            padding-left: 100px
        }

            .main-menu .main-menu-content .nav-item .tree-4 a:before {
                left: 80px
            }

.main-navigation a.nav-link.disabled {
    color: #a2a2a2 !important
}

.main-navigation .nav-title span {
    padding-left: 5px
}

.main-navigation .nav-item.single-item > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.single-item > a:after,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.single-item > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.single-item > a:after,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.single-item > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.single-item > a:after,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.single-item > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.single-item > a:after,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.single-item > a:after {
    display: none
}

.main-navigation .nav-item.single-item .menu-caption,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.single-item .menu-caption,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.single-item .menu-caption,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.single-item .menu-caption,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.single-item .menu-caption,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.single-item .menu-caption,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.single-item .menu-caption,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.single-item .menu-caption,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.single-item .menu-caption {
    right: 10px
}

.main-navigation .menu-caption {
    position: absolute;
    right: 40px;
    top: 14px
}

.main-navigation .nav-item > a,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a > a,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a,
.main-navigation .nav-sub-item > a,
.main-navigation .nav-sub-item-3 > a,
.main-navigation .nav-sub-item-4 > a {
    position: relative
}

    .main-navigation .nav-item > a:after,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a > a:after,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a:after,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a:after,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a:after,
    .main-navigation .nav-sub-item > a:after,
    .main-navigation .nav-sub-item-3 > a:after,
    .main-navigation .nav-sub-item-4 > a:after {
        content: '\e61a';
        font-family: themify;
        font-size: 14px;
        position: absolute;
        right: 20px
    }

.main-navigation .nav-item.has-class > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a:after,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a:after,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a:after,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a:after,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class > a:after,
.main-navigation .nav-sub-item.has-class > a:after,
.main-navigation .nav-sub-item-3.has-class > a:after,
.main-navigation .nav-sub-item-4.has-class > a:after {
    content: '\e622';
    font-family: themify;
    font-size: 14px;
    position: absolute;
    right: 20px
}

.main-navigation .nav-item .tree-1,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-1,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-1,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-1,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-1,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content .main-navigation .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content .main-navigation .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-3,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content .main-navigation .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-4,
.main-navigation .nav-item .tree-2,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2,
.main-navigation .nav-item .tree-3,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-3,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-3,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-3,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-3,
.main-navigation .nav-item .tree-4,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-4,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-4,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-4,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-4,
.main-navigation .nav-sub-item .tree-1,
.main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-2,
.main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-3,
.main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-4,
.main-navigation .nav-sub-item .tree-2,
.main-navigation .nav-sub-item .tree-3,
.main-navigation .nav-sub-item .tree-4,
.main-navigation .nav-sub-item-3 .tree-1,
.main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-2,
.main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-3,
.main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-4,
.main-navigation .nav-sub-item-3 .tree-2,
.main-navigation .nav-sub-item-3 .tree-3,
.main-navigation .nav-sub-item-3 .tree-4,
.main-navigation .nav-sub-item-4 .tree-1,
.main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-2,
.main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-3,
.main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-4,
.main-navigation .nav-sub-item-4 .tree-2,
.main-navigation .nav-sub-item-4 .tree-3,
.main-navigation .nav-sub-item-4 .tree-4 {
    display: none
}

    .main-navigation .nav-item.has-class .tree-1.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-1.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-1.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-1.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-1.open,
    .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2,
    .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2,
    .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3,
    .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-3,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-3,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-3,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-3,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-3,
    .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4,
    .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-4,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-4,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-4,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-4,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-4,
    .main-navigation .nav-item.has-class .tree-2.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-2.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-2.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-2.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-2.open,
    .main-navigation .nav-item.has-class .tree-3.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-3.open,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-3.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-3.open,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-3.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-3.open,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-3.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-3.open,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-3.open,
    .main-navigation .nav-item.has-class .tree-4.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-4.open,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-4.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-4.open,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-4.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-4.open,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-4.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-4.open,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-4.open,
    .main-navigation .nav-sub-item.has-class .tree-1.open,
    .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-2,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-2,
    .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-3,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-3,
    .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-4,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-4,
    .main-navigation .nav-sub-item.has-class .tree-2.open,
    .main-navigation .nav-sub-item.has-class .tree-3.open,
    .main-navigation .nav-sub-item.has-class .tree-4.open,
    .main-navigation .nav-sub-item-3.has-class .tree-1.open,
    .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-2,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-2,
    .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-3,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-3,
    .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-4,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-4,
    .main-navigation .nav-sub-item-3.has-class .tree-2.open,
    .main-navigation .nav-sub-item-3.has-class .tree-3.open,
    .main-navigation .nav-sub-item-3.has-class .tree-4.open,
    .main-navigation .nav-sub-item-4.has-class .tree-1.open,
    .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-2,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-2,
    .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-3,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-3,
    .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-4,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-4,
    .main-navigation .nav-sub-item-4.has-class .tree-2.open,
    .main-navigation .nav-sub-item-4.has-class .tree-3.open,
    .main-navigation .nav-sub-item-4.has-class .tree-4.open {
        display: block
    }

body.menu-collapsed label {
    display: none
}

body.menu-collapsed .slimScrollDiv,
body.menu-collapsed .main-menu-content {
    overflow: visible !important
}

body.menu-collapsed .main-menu-header,
body.menu-collapsed .main-navigation .nav-item .tree-1,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1,
body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2,
body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3,
body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4,
body.menu-collapsed .main-menu .main-menu-content .main-navigation .nav-item .tree-2,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2,
body.menu-collapsed .main-navigation .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2,
body.menu-collapsed .nav-title span,
body.menu-collapsed .nav-item span,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 a span,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed a span,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 a span,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed a span,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 a span,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed a span,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 a span,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed a span,
body.menu-collapsed .nav-item > a i.icon-arrow-down,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 a > a i.icon-arrow-down,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed a > a i.icon-arrow-down,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 a > a i.icon-arrow-down,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed a > a i.icon-arrow-down,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 a > a i.icon-arrow-down,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed a > a i.icon-arrow-down,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 a > a i.icon-arrow-down,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed a > a i.icon-arrow-down,
body.menu-collapsed .menu-search {
    display: none
}

body.menu-collapsed .main-menu {
    width: 70px
}

    body.menu-collapsed .main-menu .main-menu-content .nav-title {
        text-align: center
    }

body.menu-collapsed .main-navigation {
    transition: all ease-in .3s
}

    body.menu-collapsed .main-navigation .nav-item,
    body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a,
    body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a,
    body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a,
    body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a {
        text-align: center
    }

        body.menu-collapsed .main-navigation .nav-item > a,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a {
            position: relative
        }

            body.menu-collapsed .main-navigation .nav-item > a:after,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a:after,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a:after,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a:after,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a:after {
                display: none
            }

            body.menu-collapsed .main-navigation .nav-item > a i,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a i,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a i,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a i,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a i,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a i,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a i,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a i,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a i {
                margin-right: 0
            }

        body.menu-collapsed .main-navigation .nav-item i,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a i,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a i,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a i,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a i,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a i,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a i,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a i,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a i {
            margin-right: 5px
        }

        body.menu-collapsed .main-navigation .nav-item .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
        .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
        .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
        .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 {
            -webkit-transform: translateY(30px);
            background: #34495e;
            display: block;
            left: 70px;
            opacity: 0;
            position: absolute;
            top: 0;
            transform: translateY(30px);
            transition: all linear .3s;
            visibility: hidden;
            width: 15em;
            z-index: 99
        }

            body.menu-collapsed .main-navigation .nav-item:hover .tree-1,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-1,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-1,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-1,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-1,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-2,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-2,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-2,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-2,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-2,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-3,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-3,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-3,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-3,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-3,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-4,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-4,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-4,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-4,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-4 {
                -webkit-transform: translateY(0px);
                opacity: 1;
                transform: translateY(0px);
                transition: all linear .3s;
                visibility: visible
            }

            body.menu-collapsed .main-navigation .nav-item .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1 li,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2 li,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3 li,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 li,
            body.menu-collapsed .main-navigation .nav-item .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1 a,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2 a,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3 a,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 a {
                text-align: left !important
            }

    body.menu-collapsed .main-navigation .nav-sub-item > a {
        position: relative
    }

        body.menu-collapsed .main-navigation .nav-sub-item > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-collapsed .main-navigation .nav-sub-item .tree-2 {
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 99
    }

        body.menu-collapsed .main-navigation .nav-sub-item .tree-2 a {
            padding-left: 30px
        }

            body.menu-collapsed .main-navigation .nav-sub-item .tree-2 a:before {
                left: 10px
            }

    body.menu-collapsed .main-navigation .nav-sub-item:hover .tree-2 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.menu-collapsed .main-navigation .nav-sub-item-3 > a {
        position: relative
    }

        body.menu-collapsed .main-navigation .nav-sub-item-3 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 {
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 99
    }

        body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 a {
            padding-left: 30px
        }

            body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 a:before {
                left: 10px
            }

    body.menu-collapsed .main-navigation .nav-sub-item-3:hover .tree-3 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.menu-collapsed .main-navigation .nav-sub-item-4 > a {
        position: relative
    }

        body.menu-collapsed .main-navigation .nav-sub-item-4 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 {
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 99
    }

        body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 a {
            padding-left: 30px
        }

            body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 a:before {
                left: 10px
            }

    body.menu-collapsed .main-navigation .nav-sub-item-4:hover .tree-4 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

body.menu-collapsed .main-body .page-wrapper {
    margin-left: 70px;
    transition: all ease-in .3s
}

body.fix-menu .navbar-wrapper,
body.menu-compact .navbar-wrapper,
body.menu-bottom .navbar-wrapper,
body.menu-rtl .navbar-wrapper,
body.menu-sidebar .navbar-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

body.fix-menu .main-menu,
body.menu-compact .main-menu,
body.menu-bottom .main-menu,
body.menu-rtl .main-menu,
body.menu-sidebar .main-menu {
    left: 0;
    position: fixed;
    transition: all ease-in .3s
}

body.menu-static .navbar-wrapper,
body.menu-static .main-menu {
    position: initial
}

body.header-fixed .navbar-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

body.header-fixed .main-menu {
    position: fixed
}

body.header-fixed .main-body .page-wrapper {
    margin-left: 0
}

body.header-fixed.menu-hide .main-menu {
    opacity: 0;
    transform: translateX(-240px);
    transition: all linear 300ms
}

body.header-fixed.menu-show .main-menu {
    opacity: 1;
    transform: translateX(0px);
    transition: all linear 300ms
}

body.menu-compact .slimScrollDiv,
body.menu-compact .main-menu-content {
    overflow: visible !important
}

body.menu-compact .menu-caption {
    display: none
}

body.menu-compact .main-menu {
    width: 150px
}

    body.menu-compact .nav-item > a,
    body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a,
    .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a,
    body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a,
    .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a,
    body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a,
    .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a,
    body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a,
    .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a {
        padding: 20px 15px !important;
        text-align: center
    }

        body.menu-compact .nav-item > a i,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a i,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a i,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a i,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a i,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a i,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a i,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a i,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a i {
            display: block;
            font-size: 30px;
            margin-bottom: 10px;
            margin-right: 0 !important
        }

        body.menu-compact .nav-item > a .icon-arrow-down,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a .icon-arrow-down,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a .icon-arrow-down,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a .icon-arrow-down,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a .icon-arrow-down {
            display: none
        }

        body.menu-compact .nav-item > a:after,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a:after,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a:after,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a:after,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a:after {
            display: none
        }

body.menu-compact .main-body .page-wrapper {
    margin-left: 150px
}

body.menu-compact .main-navigation .nav-item .tree-1,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1,
body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2,
body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3,
body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4,
body.menu-compact .main-menu-header,
body.menu-compact .nav-title {
    display: none
}

body.menu-compact .main-navigation {
    transition: all ease-in .3s
}

    body.menu-compact .main-navigation .nav-item,
    body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a,
    body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a,
    body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a,
    body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a {
        text-align: center
    }

        body.menu-compact .main-navigation .nav-item i,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a i,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a i,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a i,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a i,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a i,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a i,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a i,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a i {
            margin-right: 5px
        }

        body.menu-compact .main-navigation .nav-item .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
        .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
        .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
        .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 {
            z-index: 999;
            -webkit-transform: translateY(30px);
            background: #34495e;
            display: block;
            left: 150px;
            opacity: 0;
            position: absolute;
            top: 0;
            transform: translateY(30px);
            transition: all linear .3s;
            visibility: hidden;
            width: 15em
        }

            body.menu-compact .main-navigation .nav-item:hover .tree-1,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-1,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-1,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-1,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-1,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-2,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-2,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-2,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-2,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-2,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-3,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-3,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-3,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-3,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-3,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-4,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-4,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-4,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-4,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-4 {
                -webkit-transform: translateY(0px);
                opacity: 1;
                transform: translateY(0px);
                transition: all linear .3s;
                visibility: visible
            }

            body.menu-compact .main-navigation .nav-item .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1 li,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2 li,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3 li,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 li,
            body.menu-compact .main-navigation .nav-item .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1 a,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2 a,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3 a,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 a {
                text-align: left !important
            }

    body.menu-compact .main-navigation .nav-sub-item > a {
        position: relative
    }

        body.menu-compact .main-navigation .nav-sub-item > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-compact .main-navigation .nav-sub-item .tree-2 {
        z-index: 999;
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 9999
    }

        body.menu-compact .main-navigation .nav-sub-item .tree-2 a {
            padding-left: 30px
        }

            body.menu-compact .main-navigation .nav-sub-item .tree-2 a:before {
                left: 10px
            }

    body.menu-compact .main-navigation .nav-sub-item:hover .tree-2 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.menu-compact .main-navigation .nav-sub-item-3 > a {
        position: relative
    }

        body.menu-compact .main-navigation .nav-sub-item-3 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 {
        z-index: 999;
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 9999
    }

        body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 a {
            padding-left: 30px
        }

            body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 a:before {
                left: 10px
            }

    body.menu-compact .main-navigation .nav-sub-item-3:hover .tree-3 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.menu-compact .main-navigation .nav-sub-item-4 > a {
        position: relative
    }

        body.menu-compact .main-navigation .nav-sub-item-4 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 {
        z-index: 999;
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 9999
    }

        body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 a {
            padding-left: 30px
        }

            body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 a:before {
                left: 10px
            }

    body.menu-compact .main-navigation .nav-sub-item-4:hover .tree-4 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

body.menu-bottom .header-navbar {
    min-height: auto
}

body.menu-bottom .navbar-wrapper {
    bottom: 0;
    top: auto
}

body.menu-bottom .mega-menu-top .show-notification,
body.menu-bottom .mega-menu-top .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification,
.header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .profile-notification {
    bottom: 0 !important
}

body.menu-bottom .header-notification .show-notification,
body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
.header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .show-notification,
body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
.header-navbar .navbar-wrapper .navbar-container body.menu-bottom .header-notification .profile-notification,
body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification,
.header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .profile-notification {
    bottom: 65px
}

body.menu-bottom #collapse-menu {
    display: none
}

body.menu-rtl {
    direction: rtl
}

    body.menu-rtl ul {
        padding-right: 0
    }

    body.menu-rtl .main-menu {
        right: 0
    }

    body.menu-rtl .header-navbar .navbar-wrapper .navbar-logo,
    body.menu-rtl .breadcrumb-item {
        float: right
    }

    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container {
        margin-left: 0
    }

    body.menu-rtl .main-body .page-wrapper {
        margin-left: 0;
        margin-right: 240px
    }

        body.menu-rtl .main-body .page-wrapper .page-header-breadcrumb {
            float: left
        }

    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img {
        margin-left: 10px
    }

    body.menu-rtl .main-navigation .menu-caption {
        left: 40px;
        right: auto
    }

    body.menu-rtl .main-navigation .nav-item.single-item .menu-caption,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.single-item .menu-caption,
    .main-menu .main-menu-content .nav-item .tree-1 body.menu-rtl .main-navigation a.single-item .menu-caption,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.single-item .menu-caption,
    .main-menu .main-menu-content .nav-item .tree-2 body.menu-rtl .main-navigation a.single-item .menu-caption,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.single-item .menu-caption,
    .main-menu .main-menu-content .nav-item .tree-3 body.menu-rtl .main-navigation a.single-item .menu-caption,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.single-item .menu-caption,
    .main-menu .main-menu-content .nav-item .tree-4 body.menu-rtl .main-navigation a.single-item .menu-caption {
        right: auto
    }

    body.menu-rtl .main-navigation .nav-item > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-1 body.menu-rtl .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-2 body.menu-rtl .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-3 body.menu-rtl .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-4 body.menu-rtl .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a:after,
    body.menu-rtl .main-navigation .nav-sub-item > a:after,
    body.menu-rtl .main-navigation .nav-sub-item-3 > a:after,
    body.menu-rtl .main-navigation .nav-sub-item-4 > a:after {
        left: 20px;
        right: auto
    }

    body.menu-rtl .main-menu .main-menu-header .user-details {
        margin-right: 10px
    }

    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img {
        margin-left: 10px
    }

    body.menu-rtl .live-status {
        right: auto;
        left: 27px
    }

    body.menu-rtl .userlist-box .media-left {
        padding-left: 10px
    }

    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label {
        float: left
    }

    body.menu-rtl .rotate-refresh {
        display: initial
    }

body.horizontal-fixed .header-navbar,
body.horizontal-static .header-navbar,
body.horizontal-icon .header-navbar,
body.horizontal-icon-fixed .header-navbar {
    position: fixed;
    width: 100%;
    z-index: 999
}

body.horizontal-fixed .page-header,
body.horizontal-static .page-header,
body.horizontal-icon .page-header,
body.horizontal-icon-fixed .page-header {
    margin-top: 110px
}

body.horizontal-fixed .main-menu-header,
body.horizontal-static .main-menu-header,
body.horizontal-icon .main-menu-header,
body.horizontal-icon-fixed .main-menu-header,
body.horizontal-fixed #collapse-menu,
body.horizontal-static #collapse-menu,
body.horizontal-icon #collapse-menu,
body.horizontal-icon-fixed #collapse-menu,
body.horizontal-fixed .main-menu .main-menu-content li.nav-title,
body.horizontal-static .main-menu .main-menu-content li.nav-title,
body.horizontal-icon .main-menu .main-menu-content li.nav-title,
body.horizontal-icon-fixed .main-menu .main-menu-content li.nav-title,
body.horizontal-fixed .main-navigation .nav-item.has-class .tree-1.open,
body.horizontal-static .main-navigation .nav-item.has-class .tree-1.open,
body.horizontal-icon .main-navigation .nav-item.has-class .tree-1.open,
body.horizontal-icon-fixed .main-navigation .nav-item.has-class .tree-1.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .tree-1.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .tree-1.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .tree-1.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .tree-1.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .tree-1.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .tree-1.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .tree-1.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .tree-1.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2,
.main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2,
.main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3,
.main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-3,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3,
.main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-3,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4,
.main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-4,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4,
.main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-4,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-4,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-4,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-4,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-4,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-4,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .nav-item.has-class .tree-2.open,
body.horizontal-static .main-navigation .nav-item.has-class .tree-2.open,
body.horizontal-icon .main-navigation .nav-item.has-class .tree-2.open,
body.horizontal-icon-fixed .main-navigation .nav-item.has-class .tree-2.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .tree-2.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .tree-2.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .tree-2.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .tree-2.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .tree-2.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .tree-2.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .tree-2.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .tree-2.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open {
    display: none
}

body.horizontal-fixed .main-menu,
body.horizontal-static .main-menu,
body.horizontal-icon .main-menu,
body.horizontal-icon-fixed .main-menu {
    position: fixed;
    width: 100%;
    top: 55px;
    z-index: 999;
    background: #212129;
    /* #9D833E */
}

    body.horizontal-fixed .main-menu .main-menu-content .nav-item > a,
    body.horizontal-static .main-menu .main-menu-content .nav-item > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a {
        padding: 20px 15px
    }

body.horizontal-fixed .main-navigation,
body.horizontal-static .main-navigation,
body.horizontal-icon .main-navigation,
body.horizontal-icon-fixed .main-navigation {
    margin-bottom: 0
}

    body.horizontal-fixed .main-navigation .nav-item .tree-1,
    body.horizontal-static .main-navigation .nav-item .tree-1,
    body.horizontal-icon .main-navigation .nav-item .tree-1,
    body.horizontal-icon-fixed .main-navigation .nav-item .tree-1,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-1,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-1,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-1,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-1,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-1,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-1,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-1,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-1,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-1,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-1,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-1,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-1,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-1,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-1,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-1,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-1,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 {
        -webkit-transform: translateY(30px);
        background-color: #212129;
        display: block !important;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 60px;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 18em;
        z-index: 9999
    }

        body.horizontal-fixed .main-navigation .nav-item .tree-1 li,
        body.horizontal-static .main-navigation .nav-item .tree-1 li,
        body.horizontal-icon .main-navigation .nav-item .tree-1 li,
        body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-1 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-1 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-1 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-1 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-1 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-1 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-1 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-1 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-1 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-1 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-1 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-1 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-1 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-1 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-1 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-1 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 li {
            display: block
        }

        body.horizontal-fixed .main-navigation .nav-item:hover .tree-1,
        body.horizontal-static .main-navigation .nav-item:hover .tree-1,
        body.horizontal-icon .main-navigation .nav-item:hover .tree-1,
        body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-1,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-1,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-1,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-1,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-1,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-1,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-1,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-1,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-1,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-1,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-1,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-1,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-1,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-1,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-1,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-1,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-4 {
            -webkit-transform: translateY(0px);
            opacity: 1;
            transform: translateY(0px);
            transition: all linear .3s;
            visibility: visible
        }

    body.horizontal-fixed .main-navigation .nav-sub-item > a,
    body.horizontal-static .main-navigation .nav-sub-item > a,
    body.horizontal-icon .main-navigation .nav-sub-item > a,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item > a {
        position: relative
    }

        body.horizontal-fixed .main-navigation .nav-sub-item > a:after,
        body.horizontal-static .main-navigation .nav-sub-item > a:after,
        body.horizontal-icon .main-navigation .nav-sub-item > a:after,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.horizontal-fixed .main-navigation .nav-sub-item .tree-2,
    body.horizontal-static .main-navigation .nav-sub-item .tree-2,
    body.horizontal-icon .main-navigation .nav-sub-item .tree-2,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 {
        -webkit-transform: translateY(30px);
        background-color: #21212E;
        display: block !important;
        left: 234px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 18em;
        z-index: 9999
    }

        body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 li,
        body.horizontal-static .main-navigation .nav-sub-item .tree-2 li,
        body.horizontal-icon .main-navigation .nav-sub-item .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 li {
            display: block;
            padding-left: 15px
        }

        body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 a,
        body.horizontal-static .main-navigation .nav-sub-item .tree-2 a,
        body.horizontal-icon .main-navigation .nav-sub-item .tree-2 a,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 a {
            padding-left: 30px
        }

            body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 a:before,
            body.horizontal-static .main-navigation .nav-sub-item .tree-2 a:before,
            body.horizontal-icon .main-navigation .nav-sub-item .tree-2 a:before,
            body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 a:before {
                left: 10px
            }

    body.horizontal-fixed .main-navigation .nav-sub-item:hover .tree-2,
    body.horizontal-static .main-navigation .nav-sub-item:hover .tree-2,
    body.horizontal-icon .main-navigation .nav-sub-item:hover .tree-2,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item:hover .tree-2 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.horizontal-fixed .main-navigation .nav-sub-item-3 > a,
    body.horizontal-static .main-navigation .nav-sub-item-3 > a,
    body.horizontal-icon .main-navigation .nav-sub-item-3 > a,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 > a {
        position: relative
    }

        body.horizontal-fixed .main-navigation .nav-sub-item-3 > a:after,
        body.horizontal-static .main-navigation .nav-sub-item-3 > a:after,
        body.horizontal-icon .main-navigation .nav-sub-item-3 > a:after,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3,
    body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3,
    body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 {
        -webkit-transform: translateY(30px);
        background-color: #212129;
        display: block !important;
        left: 250px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 18em;
        z-index: 9999
    }

        body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 li,
        body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 li,
        body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 li {
            display: block;
            padding-left: 15px
        }

        body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 a,
        body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 a,
        body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 a,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 a {
            padding-left: 30px
        }

            body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 a:before,
            body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 a:before,
            body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 a:before,
            body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 a:before {
                left: 10px
            }

    body.horizontal-fixed .main-navigation .nav-sub-item-3:hover .tree-3,
    body.horizontal-static .main-navigation .nav-sub-item-3:hover .tree-3,
    body.horizontal-icon .main-navigation .nav-sub-item-3:hover .tree-3,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-3:hover .tree-3 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.horizontal-fixed .main-navigation .nav-sub-item-4 > a,
    body.horizontal-static .main-navigation .nav-sub-item-4 > a,
    body.horizontal-icon .main-navigation .nav-sub-item-4 > a,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 > a {
        position: relative
    }

        body.horizontal-fixed .main-navigation .nav-sub-item-4 > a:after,
        body.horizontal-static .main-navigation .nav-sub-item-4 > a:after,
        body.horizontal-icon .main-navigation .nav-sub-item-4 > a:after,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4,
    body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4,
    body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 {
        -webkit-transform: translateY(30px);
        background-color: #212129;
        display: block !important;
        left: 250px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 18em;
        z-index: 9999
    }

        body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 li,
        body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 li,
        body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 li {
            display: block;
            padding-left: 15px
        }

        body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 a,
        body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 a,
        body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 a,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 a {
            padding-left: 30px
        }

            body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 a:before,
            body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 a:before,
            body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 a:before,
            body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 a:before {
                left: 10px
            }

    body.horizontal-fixed .main-navigation .nav-sub-item-4:hover .tree-4,
    body.horizontal-static .main-navigation .nav-sub-item-4:hover .tree-4,
    body.horizontal-icon .main-navigation .nav-sub-item-4:hover .tree-4,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-4:hover .tree-4 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

body.horizontal-fixed .main-body .page-wrapper,
body.horizontal-static .main-body .page-wrapper,
body.horizontal-icon .main-body .page-wrapper,
body.horizontal-icon-fixed .main-body .page-wrapper {
    margin-left: 0
}

body.horizontal-fixed .main-menu .main-menu-content .nav-item > a,
body.horizontal-static .main-menu .main-menu-content .nav-item > a,
body.horizontal-icon .main-menu .main-menu-content .nav-item > a,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a {
    display: inline-block;
    position: relative
}

    body.horizontal-fixed .main-menu .main-menu-content .nav-item > a:after,
    body.horizontal-static .main-menu .main-menu-content .nav-item > a:after,
    body.horizontal-icon .main-menu .main-menu-content .nav-item > a:after,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a:after,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a:after {
        display: none
    }

body.horizontal-fixed .main-menu .main-menu-content li,
body.horizontal-static .main-menu .main-menu-content li,
body.horizontal-icon .main-menu .main-menu-content li,
body.horizontal-icon-fixed .main-menu .main-menu-content li {
    border-top: none;
    display: inline-block;
    margin-right: 0
}

body.horizontal-fixed .main-menu .main-menu-content .nav-item .icon-arrow-down,
body.horizontal-static .main-menu .main-menu-content .nav-item .icon-arrow-down,
body.horizontal-icon .main-menu .main-menu-content .nav-item .icon-arrow-down,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .icon-arrow-down {
    margin-right: 20px;
    position: relative;
    right: -20px;
    top: 0
}

body.horizontal-fixed .tree-1 li,
body.horizontal-static .tree-1 li,
body.horizontal-icon .tree-1 li,
body.horizontal-icon-fixed .tree-1 li,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 li,
.main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-2 li,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 li,
.main-menu .main-menu-content .nav-item body.horizontal-static .tree-2 li,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon .tree-2 li,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-2 li,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 li,
.main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-3 li,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 li,
.main-menu .main-menu-content .nav-item body.horizontal-static .tree-3 li,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon .tree-3 li,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-3 li,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 li,
.main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-4 li,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 li,
.main-menu .main-menu-content .nav-item body.horizontal-static .tree-4 li,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon .tree-4 li,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-4 li {
    display: block
}

body.horizontal-static .header-navbar,
body.horizontal-static .main-menu {
    position: initial
}

body.horizontal-static .page-header {
    margin-top: 60px
}

body.horizontal-icon .header-navbar,
body.horizontal-icon-fixed .header-navbar,
body.horizontal-icon .main-menu,
body.horizontal-icon-fixed .main-menu {
    position: inherit
}

    body.horizontal-icon .main-menu .main-menu-content .nav-item > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a {
        text-align: center
    }

        body.horizontal-icon .main-menu .main-menu-content .nav-item > a i,
        body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a i,
        body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a i,
        body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a i,
        body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a i,
        body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a i,
        body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a i,
        body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a i,
        body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a i,
        body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a i {
            display: block;
            margin-bottom: 5px;
            margin-right: 0
        }

body.horizontal-icon .main-navigation .nav-item .tree-1,
body.horizontal-icon-fixed .main-navigation .nav-item .tree-1,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-1,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4 {
    top: 80px
}

body.horizontal-icon .page-header,
body.horizontal-icon-fixed .page-header {
    margin-top: 80px
}

body.horizontal-icon-fixed .main-menu {
    position: fixed
}

    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a i.icon-arrow-down,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a i.icon-arrow-down,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a i.icon-arrow-down,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a i.icon-arrow-down,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a i.icon-arrow-down {
        display: none
    }

body.horizontal-icon-fixed .header-navbar {
    position: initial
}

body.horizontal-icon-fixed .page-header {
    margin-top: 80px
}

body.menu-sidebar .navbar-wrapper {
    position: initial
}

.btn {
    border-radius: 2px;
    text-transform: capitalize;
    font-size: 13px;
    padding: 10px 19px;
    font-family: open sans
}

.button-page .card-block {
    margin-bottom: -20px
}

    .button-page .card-block ul {
        margin-bottom: 0;
        display: inline-block
    }

    .button-page .card-block a {
        margin-bottom: 20px
    }

    .button-page .card-block ul li {
        display: inline-block;
        margin-right: 20px;
        float: left
    }

.button-page .btn {
    margin-bottom: 20px;
    margin-right: 10px
}

.btn.btn-round {
    border-radius: 2rem
}

.btn.btn-square {
    border-radius: 0
}

.btn.btn-skew {
    transform: skew(-15deg)
}

.btn i {
    margin-right: 5px
}

.btn.btn-icon {
    border-radius: 50%;
    width: 40px;
    line-height: 30px;
    height: 40px;
    padding: 3px;
    text-align: center
}

.btn-group,
.btn-group-vertical {
    display: inline-block
}

    .btn-group .btn {
        float: left
    }

.icon-btn i {
    margin-right: 0 !important
}

.button-page .btn-group {
    margin-right: 10px
}

.show > .dropdown-menu {
    overflow: hidden
}

.dropdown-danger,
.dropdown-success,
.dropdown-warning,
.dropdown-info,
.dropdown-warning,
.dropdown-primary,
.dropdown-default,
.dropdown-inverse,
.dropdown-disabled {
    display: inline-block;
    vertical-align: center;
    position: relative
}

.dropdown-split [class*=btn-],
.btn-group [class*=btn-] {
    margin-right: 0
}

.list-group-item.active {
    background-color: #9D833E;
    border-color: #9D833E
}

.show > .btn-primary.dropdown-toggle,
.sweet-alert .show > button.dropdown-toggle.confirm,
.wizard > .actions .show > a.dropdown-toggle {
    background-color: #13866f !important;
    border-color: #13866f;
    box-shadow: none;
    color: #fff
}

.btn-disabled,
.dropdown-disabled,
.dropdown-split-disabled {
    cursor: not-allowed
}

#Note-list li:hover .Note-delete {
    opacity: 1;
    transform: translateX(0px)
}

    #Note-list li:hover .Note-delete:hover {
        background: rgba(0, 0, 0, .8)
    }

.button-list .btn {
    margin-bottom: 10px;
    margin-right: 30px
}

.Note-delete {
    margin-bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .6);
    border: none;
    position: absolute;
    right: 20px;
    color: #fff;
    transition: all ease-in .3s;
    border-radius: 2px;
    cursor: pointer;
    transform: translateX(10px)
}

.popover-content .color-code {
    margin-bottom: 10px
}

.popover-content .display-color {
    width: 75px;
    height: 2.5rem;
    border-radius: .25rem;
    margin-right: 30px;
    background-color: rgba(26, 188, 156, .5);
    border-color: rgba(26, 188, 156, .5)
}

.popover-content span.block {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px
}

.popover-title {
    text-align: center
}

.nav-pills .nav-link.active.active,
.nav-pills .nav-link.active.active:focus,
.nav-pills .nav-link.active.active:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    background: 0 0;
    color: #0275d8;
    text-align: center;
    border-bottom: 1px solid #0275d8
}

.btn-primary,
.sweet-alert button.confirm,
.wizard > .actions a {
    background-color: #9D833E;
    border-color: #9D833E;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-primary:hover,
    .sweet-alert button.confirm:hover,
    .wizard > .actions a:hover {
        background-color: #DEC585;
        border-color: #DEC585
    }

    .btn-primary:active,
    .sweet-alert button.confirm:active,
    .wizard > .actions a:active {
        background-color: #9d833e !important;
        border-color: #9d833e;
        box-shadow: none;
        color: #fff
    }

    .btn-primary:focus,
    .sweet-alert button.confirm:focus,
    .wizard > .actions a:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-primary.disabled,
    .sweet-alert button.disabled.confirm,
    .wizard > .actions a.disabled {
        background-color: rgba(26, 188, 156, .5);
        border-color: rgba(26, 188, 156, .5)
    }

.btn-warning {
    background-color: #f1c40f;
    border-color: #f1c40f;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-warning:hover {
        background-color: #f4d03f;
        border-color: #f4d03f
    }

    .btn-warning:active {
        background-color: #b8960b !important;
        border-color: #b8960b;
        box-shadow: none;
        color: #fff
    }

    .btn-warning:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-warning.disabled {
        background-color: rgba(241, 196, 15, .5);
        border-color: rgba(241, 196, 15, .5)
    }

.btn-default {
    background-color: #bdc3c7;
    border-color: #bdc3c7;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-default:hover {
        background-color: #d9dcde;
        border-color: #d9dcde
    }

    .btn-default:active {
        background-color: #9ca5ab !important;
        border-color: #9ca5ab;
        box-shadow: none;
        color: #fff
    }

    .btn-default:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-default.disabled {
        background-color: rgba(189, 195, 199, .5);
        border-color: rgba(189, 195, 199, .5)
    }

.btn-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-danger:hover {
        background-color: #ed7669;
        border-color: #ed7669
    }

    .btn-danger:active {
        background-color: #cd2a19 !important;
        border-color: #cd2a19;
        box-shadow: none;
        color: #fff
    }

    .btn-danger:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-danger.disabled {
        background-color: rgba(231, 76, 60, .5);
        border-color: rgba(231, 76, 60, .5)
    }

.btn-success {
    background-color: #2ecc71;
    border-color: #2ecc71;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-success:hover {
        background-color: #54d98c;
        border-color: #54d98c
    }

    .btn-success:active {
        background-color: #239a55 !important;
        border-color: #239a55;
        box-shadow: none;
        color: #fff
    }

    .btn-success:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-success.disabled {
        background-color: rgba(46, 204, 113, .5);
        border-color: rgba(46, 204, 113, .5)
    }

.btn-inverse {
    background-color: #34495e;
    border-color: #34495e;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-inverse:hover {
        background-color: #46637f;
        border-color: #46637f
    }

    .btn-inverse:active {
        background-color: #1e2a37 !important;
        border-color: #1e2a37;
        box-shadow: none;
        color: #fff
    }

    .btn-inverse:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-inverse.disabled {
        background-color: rgba(52, 73, 94, .5);
        border-color: rgba(52, 73, 94, .5)
    }

.btn-info {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-info:hover {
        background-color: #5faee3;
        border-color: #5faee3
    }

    .btn-info:active {
        background-color: #2077b2 !important;
        border-color: #2077b2;
        box-shadow: none;
        color: #fff
    }

    .btn-info:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-info.disabled {
        background-color: rgba(52, 152, 219, .5);
        border-color: rgba(52, 152, 219, .5)
    }

.btn-disabled {
    background-color: rgba(26, 188, 156, .5);
    border-color: rgba(26, 188, 156, .5);
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

.btn-outline-primary {
    color: #13866f;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-warning {
    color: #b8960b;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-default {
    color: #9ca5ab;
    background-color: #fff;
    background-color: transparent
}

    .btn-outline-default:hover {
        color: #fff
    }

.btn-outline-danger {
    color: #cd2a19;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-success {
    color: #239a55;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-inverse {
    color: #1e2a37;
    background-color: #fff;
    background-color: transparent
}

    .btn-outline-inverse:hover {
        color: #fff
    }

.btn-outline-warning {
    color: #b8960b;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-info {
    color: #2077b2;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-disabled {
    color: #13866f;
    background-color: #fff
}

.btn-xlg {
    padding: 14px 20px;
    font-size: 21px;
    line-height: 40px
}

.btn-lg {
    padding: 12px 18px;
    font-size: 18px;
    line-height: 32px
}

.btn-md {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 23px
}

.btn-sm {
    padding: 8px 14px;
    line-height: 16px;
    font-size: 11px
}

.btn-mini {
    padding: 5px 10px;
    line-height: 14px;
    font-size: 10px
}

.btn-default .badge {
    background-color: #34495e;
    color: #fff
}

.btn-primary .badge,
.sweet-alert button.confirm .badge,
.wizard > .actions a .badge {
    color: #9D833E;
    background-color: #fff
}

.btn-success .badge {
    color: #2ecc71;
    background-color: #fff
}

.btn-info .badge {
    color: #3498db;
    background-color: #fff
}

.btn-warning .badge {
    color: #f1c40f;
    background-color: #fff
}

.btn-danger .badge {
    color: #e74c3c;
    background-color: #fff
}

.btn-facebook,
.btn-twitter,
.btn-linkedin,
.btn-dribbble,
.btn-google-plus,
.btn-instagram,
.btn-pinterest,
.btn-dropbox,
.btn-flickr,
.btn-tumblr,
.btn-skype,
.btn-youtube,
.btn-github {
    color: #fff
}

    .btn-facebook:hover,
    .btn-facebook:focus,
    .btn-twitter:hover,
    .btn-twitter:focus,
    .btn-linkedin:hover,
    .btn-linkedin:focus,
    .btn-dribbble:hover,
    .btn-dribbble:focus,
    .btn-google-plus:hover,
    .btn-google-plus:focus,
    .btn-instagram:hover,
    .btn-instagram:focus,
    .btn-pinterest:hover,
    .btn-pinterest:focus,
    .btn-dropbox:hover,
    .btn-dropbox:focus,
    .btn-flickr:hover,
    .btn-flickr:focus,
    .btn-tumblr:hover,
    .btn-tumblr:focus,
    .btn-skype:hover,
    .btn-skype:focus,
    .btn-youtube:hover,
    .btn-youtube:focus,
    .btn-github:hover,
    .btn-github:focus {
        color: #fff;
        box-shadow: none
    }

.btn-facebook {
    background-color: #3b5998
}

.btn-twitter {
    background-color: #00aced
}

.btn-linkedin {
    background-color: #007bb6
}

.btn-dribbble {
    background-color: #ea4c89
}

.btn-google-plus {
    background-color: #dd4b39
}

.btn-instagram {
    background-color: #517fa4
}

.btn-pinterest {
    background-color: #cb2027
}

.btn-dropbox {
    background-color: #32506d
}

.btn-tumblr {
    background-color: #00aced
}

.dropdown-default .dropdown-item:hover,
.dropdown-split-default .dropdown-item:hover {
    background-color: #bdc3c7;
    color: #fff
}

.dropdown-primary .dropdown-menu a:hover,
.dropdown-split-primary .dropdown-menu a:hover {
    background-color: #9D833E;
    color: #fff
}

.dropdown-success .dropdown-menu a:hover,
.dropdown-split-success .dropdown-menu a:hover {
    background-color: #2ecc71;
    color: #fff
}

.dropdown-info .dropdown-menu a:hover,
.dropdown-split-info .dropdown-menu a:hover {
    background-color: #3498db;
    color: #fff
}

.dropdown-warning .dropdown-menu a:hover,
.dropdown-split-warning .dropdown-menu a:hover {
    background-color: #f1c40f;
    color: #fff
}

.dropdown-danger .dropdown-menu a:hover,
.dropdown-split-danger .dropdown-menu a:hover {
    background-color: #e74c3c;
    color: #fff
}

.dropdown-inverse .dropdown-item,
.dropdown-split-inverse .dropdown-item {
    transition: all .3s ease-in
}

    .dropdown-inverse .dropdown-item:hover,
    .dropdown-split-inverse .dropdown-item:hover {
        background-color: #34495e;
        color: #fff
    }

.col-form-label {
    font-size: 14px
}

.select2-container {
    width: 100% !important
}

.form-group {
    margin-bottom: 1.25em
}

    .form-group .form-control-lg {
        font-size: 1.25em
    }

    .form-group .form-control-round {
        border-radius: 50px
    }

    .form-group .form-control-static:focus {
        outline: none
    }

.form-control {
    font-size: 14px;
    border-radius: 0px;
    border-width: 2px
}

    .form-control:focus {
        border-color: #9D833E !important
    }

    .form-control.form-control-normal {
        font-weight: 400
    }

    .form-control.form-control-bold {
        font-weight: 600
    }

    .form-control.form-control-capitalize {
        text-transform: capitalize
    }

    .form-control.form-control-uppercase {
        text-transform: uppercase
    }

    .form-control.form-control-lowercase {
        text-transform: lowercase
    }

    .form-control.form-control-variant {
        font-variant: small-caps
    }

    .form-control.form-control-left {
        text-align: left
    }

    .form-control.form-control-center {
        text-align: center
    }

    .form-control.form-control-right {
        text-align: right
    }

    .form-control.form-control-rtl {
        direction: rtl
    }

.form-control-primary {
    border-color: #9D833E
}

    .form-control-primary:focus {
        border-color: #9D833E
    }

.input-group-primary .input-group-addon {
    background-color: #9D833E
}

.input-group-primary .form-control {
    border-color: #9D833E
}

.form-control-warning {
    border-color: #f1c40f
}

    .form-control-warning:focus {
        border-color: #f1c40f
    }

.input-group-warning .input-group-addon {
    background-color: #f1c40f
}

.input-group-warning .form-control {
    border-color: #f1c40f
}

.form-control-default {
    border-color: #bdc3c7
}

    .form-control-default:focus {
        border-color: #bdc3c7
    }

.input-group-default .input-group-addon {
    background-color: #bdc3c7
}

.input-group-default .form-control {
    border-color: #bdc3c7
}

.form-control-danger {
    border-color: #e74c3c
}

    .form-control-danger:focus {
        border-color: #e74c3c
    }

.input-group-danger .input-group-addon {
    background-color: #e74c3c
}

.input-group-danger .form-control {
    border-color: #e74c3c
}

.form-control-success {
    border-color: #2ecc71
}

    .form-control-success:focus {
        border-color: #2ecc71
    }

.input-group-success .input-group-addon {
    background-color: #2ecc71
}

.input-group-success .form-control {
    border-color: #2ecc71
}

.form-control-inverse {
    border-color: #34495e
}

    .form-control-inverse:focus {
        border-color: #34495e
    }

.input-group-inverse .input-group-addon {
    background-color: #34495e
}

.input-group-inverse .form-control {
    border-color: #34495e
}

.form-control-info {
    border-color: #3498db
}

    .form-control-info:focus {
        border-color: #3498db
    }

.input-group-info .input-group-addon {
    background-color: #3498db
}

.input-group-info .form-control {
    border-color: #3498db
}

.form-txt-primary {
    color: #9D833E
}

    .form-txt-primary:focus {
        color: #9D833E
    }

    .form-txt-primary::-moz-placeholder {
        color: #9D833E;
        opacity: 1
    }

    .form-txt-primary:-ms-input-placeholder {
        color: #9D833E
    }

    .form-txt-primary::-webkit-input-placeholder {
        color: #9D833E
    }

.form-txt-warning {
    color: #f1c40f
}

    .form-txt-warning:focus {
        color: #f1c40f
    }

    .form-txt-warning::-moz-placeholder {
        color: #f1c40f;
        opacity: 1
    }

    .form-txt-warning:-ms-input-placeholder {
        color: #f1c40f
    }

    .form-txt-warning::-webkit-input-placeholder {
        color: #f1c40f
    }

.form-txt-default {
    color: #bdc3c7
}

    .form-txt-default:focus {
        color: #bdc3c7
    }

    .form-txt-default::-moz-placeholder {
        color: #bdc3c7;
        opacity: 1
    }

    .form-txt-default:-ms-input-placeholder {
        color: #bdc3c7
    }

    .form-txt-default::-webkit-input-placeholder {
        color: #bdc3c7
    }

.form-txt-danger {
    color: #e74c3c
}

    .form-txt-danger:focus {
        color: #e74c3c
    }

    .form-txt-danger::-moz-placeholder {
        color: #e74c3c;
        opacity: 1
    }

    .form-txt-danger:-ms-input-placeholder {
        color: #e74c3c
    }

    .form-txt-danger::-webkit-input-placeholder {
        color: #e74c3c
    }

.form-txt-success {
    color: #2ecc71
}

    .form-txt-success:focus {
        color: #2ecc71
    }

    .form-txt-success::-moz-placeholder {
        color: #2ecc71;
        opacity: 1
    }

    .form-txt-success:-ms-input-placeholder {
        color: #2ecc71
    }

    .form-txt-success::-webkit-input-placeholder {
        color: #2ecc71
    }

.form-txt-inverse {
    color: #34495e
}

    .form-txt-inverse:focus {
        color: #34495e
    }

    .form-txt-inverse::-moz-placeholder {
        color: #34495e;
        opacity: 1
    }

    .form-txt-inverse:-ms-input-placeholder {
        color: #34495e
    }

    .form-txt-inverse::-webkit-input-placeholder {
        color: #34495e
    }

.form-txt-info {
    color: #3498db
}

    .form-txt-info:focus {
        color: #3498db
    }

    .form-txt-info::-moz-placeholder {
        color: #3498db;
        opacity: 1
    }

    .form-txt-info:-ms-input-placeholder {
        color: #3498db
    }

    .form-txt-info::-webkit-input-placeholder {
        color: #3498db
    }

.form-bg-primary {
    background-color: #9D833E;
    border-color: #9D833E;
    color: #fff
}

    .form-bg-primary:focus {
        background-color: #9D833E;
        border-color: #9D833E;
        color: #fff
    }

    .form-bg-primary::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-primary:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-primary::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-warning {
    background-color: #f1c40f;
    border-color: #f1c40f;
    color: #fff
}

    .form-bg-warning:focus {
        background-color: #f1c40f;
        border-color: #f1c40f;
        color: #fff
    }

    .form-bg-warning::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-warning:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-warning::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-default {
    background-color: #bdc3c7;
    border-color: #bdc3c7;
    color: #fff
}

    .form-bg-default:focus {
        background-color: #bdc3c7;
        border-color: #bdc3c7;
        color: #fff
    }

    .form-bg-default::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-default:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-default::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff
}

    .form-bg-danger:focus {
        background-color: #e74c3c;
        border-color: #e74c3c;
        color: #fff
    }

    .form-bg-danger::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-danger:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-danger::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-success {
    background-color: #2ecc71;
    border-color: #2ecc71;
    color: #fff
}

    .form-bg-success:focus {
        background-color: #2ecc71;
        border-color: #2ecc71;
        color: #fff
    }

    .form-bg-success::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-success:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-success::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-inverse {
    background-color: #34495e;
    border-color: #34495e;
    color: #fff
}

    .form-bg-inverse:focus {
        background-color: #34495e;
        border-color: #34495e;
        color: #fff
    }

    .form-bg-inverse::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-inverse:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-inverse::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-info {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff
}

    .form-bg-info:focus {
        background-color: #3498db;
        border-color: #3498db;
        color: #fff
    }

    .form-bg-info::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-info:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-info::-webkit-input-placeholder {
        color: #fff
    }

.has-success .col-form-label {
    color: #2ecc71
}

.has-success .form-control-success {
    border-color: #2ecc71
}

.has-warning .col-form-label {
    color: #f1c40f
}

.has-warning .form-control-success {
    border-color: #f1c40f
}

.has-danger .col-form-label {
    color: #e74c3c
}

.has-danger .form-control-success {
    border-color: #e74c3c
}

.left-icon-control {
    position: relative
}

    .left-icon-control input {
        padding-left: 50px
    }

    .left-icon-control .form-icon {
        position: absolute;
        top: 50%;
        left: 17px;
        margin-top: -12px
    }

.right-icon-control {
    position: relative
}

    .right-icon-control input {
        padding-right: 50px
    }

    .right-icon-control .form-icon {
        position: absolute;
        top: 7px;
        right: 17px
    }

.input-group {
    margin-bottom: 1.25em
}

.input-group-addon {
    background-color: #9D833E;
    color: #fff
}

.input-group-button [class*=btn-] {
    padding: 0;
    margin-bottom: 0
}

.input-group-button .input-group-addon {
    transition: all ease-in .3s
}

    .input-group-button .input-group-addon:hover {
        background-color: #28e1bd;
        border-color: #28e1bd
    }

        .input-group-button .input-group-addon:hover .btn {
            background-color: #28e1bd;
            border-color: #28e1bd
        }

.input-group-dropdown [class*=btn-] {
    margin-bottom: 0
}

.js-dynamic-disable,
.js-dynamic-enable {
    vertical-align: inherit
}

.form-radio {
    position: relative
}

    .form-radio .form-help {
        position: absolute;
        width: 100%
    }

    .form-radio label {
        position: relative;
        padding-left: 1.5rem;
        text-align: left;
        color: #333;
        display: block
    }

    .form-radio input {
        width: auto;
        opacity: .00000001;
        position: absolute;
        left: 0
    }

.radio .helper {
    position: absolute;
    top: -.15rem;
    left: -.25rem;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999
}

    .radio .helper::after {
        transform: scale(0);
        background-color: #9D833E;
        border-color: #9D833E
    }

    .radio .helper::after,
    .radio .helper::before {
        content: '';
        position: absolute;
        left: 0;
        top: 5px;
        margin: .25rem;
        width: 1rem;
        height: 1rem;
        transition: transform .28s ease;
        border-radius: 50%;
        border: .125rem solid #9D833E
    }

.radio label:hover .helper {
    color: #9D833E
}

.radio input:checked ~ .helper::after {
    transform: scale(.5)
}

.radio input:checked ~ .helper::before {
    color: #9D833E
}

.radio.radiofill input:checked ~ .helper::after {
    transform: scale(1)
}

.radio.radiofill .helper::after {
    background-color: #9D833E
}

.radio.radio-disable {
    opacity: .7
}

    .radio.radio-disable label {
        cursor: not-allowed
    }

.radio-inline {
    display: inline-block;
    margin-right: 20px
}

.radio.radiofill.radio-primary .helper::after {
    background-color: #9D833E;
    border-color: #9D833E
}

.radio.radiofill.radio-primary .helper::before {
    border-color: #9D833E
}

.radio.radiofill.radio-warning .helper::after {
    background-color: #f1c40f;
    border-color: #f1c40f
}

.radio.radiofill.radio-warning .helper::before {
    border-color: #f1c40f
}

.radio.radiofill.radio-default .helper::after {
    background-color: #bdc3c7;
    border-color: #bdc3c7
}

.radio.radiofill.radio-default .helper::before {
    border-color: #bdc3c7
}

.radio.radiofill.radio-danger .helper::after {
    background-color: #e74c3c;
    border-color: #e74c3c
}

.radio.radiofill.radio-danger .helper::before {
    border-color: #e74c3c
}

.radio.radiofill.radio-success .helper::after {
    background-color: #2ecc71;
    border-color: #2ecc71
}

.radio.radiofill.radio-success .helper::before {
    border-color: #2ecc71
}

.radio.radiofill.radio-inverse .helper::after {
    background-color: #34495e;
    border-color: #34495e
}

.radio.radiofill.radio-inverse .helper::before {
    border-color: #34495e
}

.radio.radiofill.radio-info .helper::after {
    background-color: #3498db;
    border-color: #3498db
}

.radio.radiofill.radio-info .helper::before {
    border-color: #3498db
}

.border-checkbox-section .border-checkbox-group {
    display: inline-block
}

    .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:after {
        -webkit-animation: check linear .5s;
        animation: check linear .5s;
        opacity: 1;
        border-color: #9D833E
    }

        .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:after .border-checkbox-label:before {
            border-color: #eee
        }

    .border-checkbox-section .border-checkbox-group .border-checkbox-label {
        position: relative;
        display: inline-block;
        cursor: pointer;
        height: 25px;
        line-height: 25px;
        padding-left: 30px;
        margin-right: 15px
    }

        .border-checkbox-section .border-checkbox-group .border-checkbox-label:after {
            content: "";
            display: block;
            width: 5px;
            height: 15px;
            opacity: .9;
            border-right: 2px solid #eee;
            border-top: 2px solid #eee;
            position: absolute;
            left: 5px;
            top: 15px;
            transform: scaleX(-1) rotate(135deg);
            transform-origin: left top
        }

        .border-checkbox-section .border-checkbox-group .border-checkbox-label:before {
            content: "";
            display: block;
            border: 2px solid #9D833E;
            width: 25px;
            height: 25px;
            position: absolute;
            left: 0
        }

.border-checkbox-section .border-checkbox {
    display: none
}

    .border-checkbox-section .border-checkbox:disabled ~ .border-checkbox-label {
        cursor: no-drop;
        color: #ccc
    }

@-webkit-keyframes check {
    0% {
        height: 0;
        width: 0
    }

    25% {
        height: 0;
        width: 5px
    }

    50% {
        height: 15px;
        width: 5px
    }
}

@keyframes check {
    0% {
        height: 0;
        width: 0
    }

    25% {
        height: 0;
        width: 5px
    }

    50% {
        height: 15px;
        width: 5px
    }
}

.border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before {
    border: 2px solid #9D833E
}

.border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #9D833E
}

.border-checkbox-section .border-checkbox-group-warning .border-checkbox-label:before {
    border: 2px solid #f1c40f
}

.border-checkbox-section .border-checkbox-group-warning .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #f1c40f
}

.border-checkbox-section .border-checkbox-group-default .border-checkbox-label:before {
    border: 2px solid #bdc3c7
}

.border-checkbox-section .border-checkbox-group-default .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #bdc3c7
}

.border-checkbox-section .border-checkbox-group-danger .border-checkbox-label:before {
    border: 2px solid #e74c3c
}

.border-checkbox-section .border-checkbox-group-danger .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #e74c3c
}

.border-checkbox-section .border-checkbox-group-success .border-checkbox-label:before {
    border: 2px solid #2ecc71
}

.border-checkbox-section .border-checkbox-group-success .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #2ecc71
}

.border-checkbox-section .border-checkbox-group-inverse .border-checkbox-label:before {
    border: 2px solid #34495e
}

.border-checkbox-section .border-checkbox-group-inverse .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #34495e
}

.border-checkbox-section .border-checkbox-group-info .border-checkbox-label:before {
    border: 2px solid #3498db
}

.border-checkbox-section .border-checkbox-group-info .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #3498db
}

.checkbox-fade {
    display: inline-block;
    margin-right: 15px
}

    .checkbox-fade label {
        line-height: 25px
    }

        .checkbox-fade label input[type=checkbox],
        .checkbox-fade label input[type=radio] {
            display: none
        }

            .checkbox-fade label input[type=checkbox]:checked + .cr > .cr-icon,
            .checkbox-fade label input[type=radio]:checked + .cr > .cr-icon {
                transform: scale(1) rotateZ(0deg);
                opacity: 1
            }

            .checkbox-fade label input[type=checkbox] + .cr > .cr-icon,
            .checkbox-fade label input[type=radio] + .cr > .cr-icon {
                transform: scale(3) rotateZ(-20deg);
                opacity: 0;
                transition: all .3s ease-in
            }

        .checkbox-fade label:after {
            content: '';
            display: table;
            clear: both
        }

    .checkbox-fade.fade-in-disable label,
    .checkbox-fade.fade-in-disable .cr {
        color: #ccc;
        cursor: no-drop
    }

    .checkbox-fade .cr {
        border-radius: 0;
        border: 2px solid #9D833E;
        cursor: pointer;
        display: inline-block;
        float: left;
        height: 25px;
        margin-right: .5em;
        position: relative;
        width: 25px
    }

        .checkbox-fade .cr .cr-icon {
            color: #9D833E;
            font-size: .8em;
            left: 0;
            line-height: 0;
            position: absolute;
            right: 0;
            text-align: center;
            top: 50%
        }

    .checkbox-fade.fade-in-primary .cr {
        border: 2px solid #9D833E
    }

        .checkbox-fade.fade-in-primary .cr .cr-icon {
            color: #9D833E
        }

    .checkbox-fade.fade-in-warning .cr {
        border: 2px solid #f1c40f
    }

        .checkbox-fade.fade-in-warning .cr .cr-icon {
            color: #f1c40f
        }

    .checkbox-fade.fade-in-default .cr {
        border: 2px solid #bdc3c7
    }

        .checkbox-fade.fade-in-default .cr .cr-icon {
            color: #bdc3c7
        }

    .checkbox-fade.fade-in-danger .cr {
        border: 2px solid #e74c3c
    }

        .checkbox-fade.fade-in-danger .cr .cr-icon {
            color: #e74c3c
        }

    .checkbox-fade.fade-in-success .cr {
        border: 2px solid #2ecc71
    }

        .checkbox-fade.fade-in-success .cr .cr-icon {
            color: #2ecc71
        }

    .checkbox-fade.fade-in-inverse .cr {
        border: 2px solid #34495e
    }

        .checkbox-fade.fade-in-inverse .cr .cr-icon {
            color: #34495e
        }

    .checkbox-fade.fade-in-info .cr {
        border: 2px solid #3498db
    }

        .checkbox-fade.fade-in-info .cr .cr-icon {
            color: #3498db
        }

.checkbox-color {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer
}

    .checkbox-color label {
        display: inline-block;
        position: relative;
        padding-left: 10px;
        line-height: 25px
    }

        .checkbox-color label::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: 3px;
            width: 25px;
            height: 25px;
            left: 0;
            right: 0;
            text-align: center;
            margin-left: -20px;
            border: 1px solid #ccc;
            border-radius: 0;
            background-color: #fff;
            transition: border .15s ease-in-out, color .15s ease-in-out
        }

        .checkbox-color label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 2px;
            margin-left: -17px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #fff
        }

    .checkbox-color input[type=checkbox] {
        opacity: 0
    }

        .checkbox-color input[type=checkbox]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

        .checkbox-color input[type=checkbox]:checked + label::after {
            font-family: fontawesome;
            content: "\f00c"
        }

        .checkbox-color input[type=checkbox]:disabled + label {
            opacity: .65
        }

            .checkbox-color input[type=checkbox]:disabled + label::before {
                background-color: #eee;
                cursor: not-allowed
            }

    .checkbox-color.checkbox-circle label::before {
        border-radius: 50%
    }

    .checkbox-color.checkbox-inline {
        margin-top: 0
    }

.checkbox-primary input[type=checkbox]:checked + label::after,
.checkbox-danger input[type=checkbox]:checked + label::after,
.checkbox-info input[type=checkbox]:checked + label::after,
.checkbox-warning input[type=checkbox]:checked + label::after,
.checkbox-success input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-primary input[type=checkbox]:checked + label::before {
    background-color: #2196f3;
    border-color: #2196f3
}

.checkbox-primary input[type=checkbox]:checked + label::before {
    background-color: #9D833E
}

.checkbox-warning input[type=checkbox]:checked + label::before {
    background-color: #f1c40f
}

.checkbox-default input[type=checkbox]:checked + label::before {
    background-color: #bdc3c7
}

.checkbox-danger input[type=checkbox]:checked + label::before {
    background-color: #e74c3c
}

.checkbox-success input[type=checkbox]:checked + label::before {
    background-color: #2ecc71
}

.checkbox-inverse input[type=checkbox]:checked + label::before {
    background-color: #34495e
}

.checkbox-info input[type=checkbox]:checked + label::before {
    background-color: #3498db
}

.bootstrap-tagsinput {
    border: 1px solid #9D833E;
    line-height: 30px;
    border-radius: 2px
}

    .bootstrap-tagsinput .tag {
        padding: 6px;
        border-radius: 2px
    }

.select2-container--default:focus {
    border-color: #9D833E
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent
}

.select2-container--default .select2-search__field:focus {
    border: 1px solid #9D833E
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #9D833E
}

.select2-container--default .select2-selection--multiple {
    padding: 3px 30px 4px 10px
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #9D833E;
        border: 1px solid #9D833E;
        padding: 5px 15px;
        color: #fff
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice span {
            color: #fff
        }

    .select2-container--default .select2-selection--multiple .select2-search__field {
        border: none
    }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #9D833E
}

.select2-container--default .select2-selection--single {
    color: #fff;
    height: auto
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        background-color: #ffffff;
        color: #9d833e;
        padding: 8px 30px 8px 20px
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 10px;
        right: 15px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #9d833e transparent transparent transparent
        }

.ms-container .ms-list.ms-focus {
    border-color: #9D833E;
    box-shadow: inset 0 1px 1px rgba(26, 188, 156, .49), 0 0 8px rgba(26, 188, 156, .5)
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: #9D833E
}

.ms-selectable .custom-header,
.ms-selection .custom-header {
    background-color: #9D833E;
    color: #fff;
    text-align: center
}

.ms-list {
    display: block !important
}

    .ms-list li {
        width: 100%
    }

.form-group .messages p {
    margin-bottom: 0;
    transition: all ease-in .3s
}

.form-group .popover-valid {
    position: absolute;
    right: 40px;
    top: 7px
}

.wizard > .steps .current a {
    background: #9D833E;
    transition: all ease-in .3s;
    cursor: pointer;
    border-radius: 2px;
    outline: 1px solid #fff;
    outline-offset: -7px
}

    .wizard > .steps .current a:hover {
        background: #9D833E;
        outline-offset: 0
    }

#design-wizard .steps li {
    position: relative;
    z-index: 99;
    margin-bottom: 20px
}

    #design-wizard .steps li:after {
        content: "";
        position: absolute;
        height: 2px;
        background: #9D833E;
        width: 100%;
        top: 30px;
        z-index: -1
    }

    #design-wizard .steps li a {
        width: 20%;
        margin: 0 auto;
        text-align: center;
        border-radius: 2px
    }

.wizard > .steps .done a {
    background: #bdc3c7
}

.card .card-block .wizard-form .steps ul {
    display: block
}

.card .card-block .wizard-form li {
    margin-right: 0
}

.wizard > .content {
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #fff
}

.label {
    border-radius: 4px;
    font-size: 75%;
    padding: 4px 7px;
    margin-right: 5px;
    font-weight: 700;
    color: #fff !important
}

.label-main {
    display: inline-block;
    vertical-align: middle;
    margin: 8px 5px
}

.badge {
    border-radius: 10px;
    padding: 3px 7px
}

.label.label-lg {
    padding: 8px 21px
}

.label.label-md {
    padding: 6px 14px
}

.badge-lg {
    padding: 5px 9px;
    font-size: 14px
}

.badge-md {
    padding: 4px 8px;
    font-size: 14px
}

span.badge {
    display: inline-block !important
}

.label-default {
    background-color: #bdc3c7 !important;
    border-color: #bdc3c7;
    box-shadow: none;
    color: #fff
}

.label-inverse-default {
    border: 1px solid;
    border-color: #bdc3c7;
    color: #bdc3c7 !important
}

.label-inverse-primary {
    border: 1px solid;
    border-color: #9D833E;
    color: #9D833E !important
}

.label-inverse-success {
    border: 1px solid;
    border-color: #2ecc71;
    color: #2ecc71 !important
}

.label-inverse-warning {
    border: 1px solid;
    border-color: #f1c40f;
    color: #f1c40f !important
}

.label-inverse-danger {
    border: 1px solid;
    border-color: #e74c3c;
    color: #e74c3c !important
}

.label-inverse-info {
    border: 1px solid;
    border-color: #3498db;
    color: #3498db !important
}

.label-inverse-info-border {
    border: 1px solid;
    border-color: #34495e;
    color: #34495e !important
}

.badge-inverse-default {
    border: 1px solid;
    border-color: #bdc3c7;
    color: #bdc3c7 !important
}

.badge-inverse-primary {
    border: 1px solid;
    border-color: #9D833E;
    color: #9D833E !important
}

.badge-inverse-success {
    border: 1px solid;
    border-color: #2ecc71;
    color: #2ecc71 !important
}

.badge-inverse-warning {
    border: 1px solid;
    border-color: #f1c40f;
    color: #f1c40f !important
}

.badge-inverse-danger {
    border: 1px solid;
    border-color: #e74c3c;
    color: #e74c3c !important
}

.badge-inverse-info {
    border: 1px solid;
    border-color: #34495e;
    color: #34495e !important
}

.label-icon label {
    position: absolute
}

.icofont.icofont-envelope {
    font-size: 20px
}

.data-table-main.icon-list-demo [class*=col-] {
    margin-bottom: 10px
}

.data-table-main.icon-svg-demo [class*=col-] {
    margin-bottom: 10px
}

.icon-list-demo i {
    border: 1px solid #eceeef;
    border-radius: 3px;
    color: rgba(43, 61, 81, .7);
    display: inline-block;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    margin: 0 12px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 50px
}

.icon-list-demo div {
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 10px
}

.icon-list-demo i:hover {
    color: #64b0f2
}

.flags .f-item {
    padding: 12px;
    border: 1px solid #ddd;
    margin-right: 15px;
    display: inline-block
}

.data-table-main.flags [class*=col-] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.content-flag label {
    margin-bottom: 0;
    cursor: pointer
}

.content-flag .txt-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    overflow: hidden
}

.outer-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px
}

label.txt-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 150px
}

.flags .f-item .name,
.flags .f-item .capital {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 0
}

.flags .f-item .code {
    display: block;
    font-size: 90%;
    color: #999;
    padding-bottom: 0
}

.bg-pic {
    background-color: rgba(0, 0, 0, .5);
    background-blend-mode: overlay
}

.j-pro {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .15)
}

    .j-pro .j-header {
        background-color: #9D833E;
        border-top: 1px solid #9D833E;
        box-shadow: none
    }

    .j-pro .j-icon-right {
        border-left: 1px solid rgba(0, 0, 0, .32)
    }

    .j-pro .j-icon-left {
        border-right: 1px solid rgba(0, 0, 0, .32)
    }

    .j-pro .j-footer {
        background-color: #fff;
        border-top: 1px dashed #9D833E;
        padding: 20px 25px
    }

        .j-pro .j-footer button {
            margin-bottom: 0;
            float: right
        }

    .j-pro .j-divider-text span {
        color: #222
    }

    .j-pro .btn-primary.disabled,
    .j-pro .sweet-alert button.disabled.confirm,
    .sweet-alert .j-pro button.disabled.confirm,
    .j-pro .wizard > .actions a.disabled,
    .wizard > .actions .j-pro a.disabled,
    .j-pro .btn-primary:disabled,
    .j-pro .sweet-alert button.confirm:disabled,
    .sweet-alert .j-pro button.confirm:disabled,
    .j-pro .wizard > .actions a:disabled,
    .wizard > .actions .j-pro a:disabled {
        background-color: #2ecc71;
        border-color: #2ecc71
    }

    .j-pro input[type=text],
    .j-pro input[type=password],
    .j-pro input[type=email],
    .j-pro input[type=search],
    .j-pro input[type=url],
    .j-pro textarea,
    .j-pro select,
    .j-forms input[type=text],
    .j-forms input[type=password],
    .j-forms input[type=email],
    .j-forms input[type=search],
    .j-forms input[type=url],
    .j-forms textarea,
    .j-forms select {
        border: 1px solid rgba(0, 0, 0, .15)
    }

        .j-pro input[type=text]:hover,
        .j-pro input[type=password]:hover,
        .j-pro input[type=email]:hover,
        .j-pro input[type=search]:hover,
        .j-pro input[type=url]:hover,
        .j-pro textarea:hover,
        .j-pro select:hover,
        .j-pro input[type=text]:focus,
        .j-pro input[type=password]:focus,
        .j-pro input[type=email]:focus,
        .j-pro input[type=search]:focus,
        .j-pro input[type=url]:focus,
        .j-pro textarea:focus,
        .j-pro select:focus,
        .j-pro .j-file-button:hover + input,
        .j-forms input[type=text]:hover,
        .j-forms input[type=password]:hover,
        .j-forms input[type=email]:hover,
        .j-forms input[type=search]:hover,
        .j-forms input[type=url]:hover,
        .j-forms textarea:hover,
        .j-forms select:hover,
        .j-forms input[type=text]:focus,
        .j-forms input[type=password]:focus,
        .j-forms input[type=email]:focus,
        .j-forms input[type=search]:focus,
        .j-forms input[type=url]:focus,
        .j-forms textarea:focus,
        .j-forms select:focus {
            border: 1px solid #9D833E
        }

    .j-pro .j-radio-toggle,
    .j-pro .j-checkbox-toggle,
    .j-pro .j-inline-group .j-radio-toggle,
    .j-pro .j-inline-group .j-checkbox-toggle {
        padding: 9px 0 18px
    }

    .j-pro .j-tooltip,
    .j-pro .j-tooltip-image {
        background-color: #9D833E
    }

        .j-pro .j-tooltip:before,
        .j-pro .j-tooltip-image:before {
            border-color: #9D833E transparent
        }

    .j-pro .j-primary-btn,
    .j-pro .j-file-button,
    .j-pro .j-secondary-btn,
    .j-pro .j-widget .j-addon-btn {
        background-color: #9D833E
    }

        .j-pro .j-primary-btn:hover,
        .j-pro .j-file-button:hover,
        .j-pro .j-secondary-btn:hover,
        .j-pro .j-widget .j-addon-btn:hover {
            background-color: #1dd2af
        }

    .j-pro .j-ratings input + label:hover,
    .j-pro .j-ratings input + label:hover ~ label,
    .j-pro .j-ratings input:checked + label,
    .j-pro .j-ratings input:checked + label ~ label {
        color: #9D833E
    }

.j-unit .checkbox-fade {
    display: block;
    margin-top: 20px
}

.j-forms {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .15)
}

    .j-forms button i {
        margin-right: 0
    }

    .j-forms .checkbox-fade {
        margin-top: 10px
    }

        .j-forms .checkbox-fade .disabled-view {
            opacity: .5;
            cursor: not-allowed
        }

    .j-forms .link {
        color: #9D833E;
        border-bottom: none;
        text-transform: capitalize;
        margin-bottom: 15px
    }

    .j-forms .label {
        margin-bottom: 15px
    }

    .j-forms .btn-primary:disabled,
    .j-forms .sweet-alert button.confirm:disabled,
    .sweet-alert .j-forms button.confirm:disabled,
    .j-forms .wizard > .actions a:disabled,
    .wizard > .actions .j-forms a:disabled {
        background-color: #bdc3c7;
        border-color: #bdc3c7
    }

    .j-forms .radio-toggle,
    .j-forms .checkbox-toggle,
    .j-forms .inline-group .radio-toggle,
    .j-forms .inline-group .checkbox-toggle {
        padding: 9px 0 8px 0
    }

    .j-forms .header {
        background-color: #9D833E;
        border-top: 1px solid #9D833E;
        box-shadow: none
    }

    .j-forms .divider-text span {
        color: #222
    }

    .j-forms .widget .addon,
    .j-forms .widget .addon-btn {
        background-color: #9D833E;
        color: #fff
    }

        .j-forms .widget .addon:hover,
        .j-forms .widget .addon:focus,
        .j-forms .widget .addon-btn:hover,
        .j-forms .widget .addon-btn:focus {
            background-color: #1dd2af
        }

            .j-forms .widget .addon:hover i,
            .j-forms .widget .addon:focus i,
            .j-forms .widget .addon-btn:hover i,
            .j-forms .widget .addon-btn:focus i {
                color: #fff
            }

        .j-forms .widget .addon i,
        .j-forms .widget .addon-btn i {
            color: #fff
        }

    .j-forms .footer {
        background-color: #fff;
        border-top: 1px dashed #9D833E;
        padding: 20px 25px
    }

        .j-forms .footer button {
            float: right;
            margin-bottom: 0
        }

    .j-forms .stepper .stepper-arrow {
        background-color: #9D833E
    }

        .j-forms .stepper .stepper-arrow:hover {
            background-color: #1dd2af
        }

        .j-forms .stepper .stepper-arrow.up:after {
            border-bottom: 7px solid #fff
        }

        .j-forms .stepper .stepper-arrow.down:after {
            border-top: 7px solid #fff
        }

.popup-menu {
    padding: 0
}

    .popup-menu .popup-list {
        background-color: #2c3e50;
        border-radius: 0
    }

        .popup-menu .popup-list > ul > li {
            transition: all ease-in .3s;
            color: #fff;
            border-left: none;
            cursor: pointer
        }

            .popup-menu .popup-list > ul > li:hover {
                background-color: #384c5f;
                color: #fff
            }

.j-tabs-container .j-tabs-label,
.j-tabs-container input[type=radio]:checked + .j-tabs-label {
    border-top: 4px solid #9D833E
}

.pop-up-logo img {
    margin-top: 10px;
    margin-left: 80px
}

.popup-list-open .popup-list-wrapper {
    z-index: 99
}

.span4 label {
    color: #222 !important
}

.pop-up-wrapper {
    margin-left: 0 !important
}

.box-list div div div {
    margin-bottom: 20px
}

.box-list {
    padding-bottom: 0
}

    .box-list p {
        margin-bottom: 0 !important
    }

.z-depth-top-0 {
    box-shadow: 0 -5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-top-1 {
    box-shadow: 0 -7px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-top-2 {
    box-shadow: 0 -9px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-top-3 {
    box-shadow: 0 -10px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-top-4 {
    box-shadow: 0 -11px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-top-5 {
    box-shadow: 0 -12px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-0 {
    box-shadow: 0 5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-1 {
    box-shadow: 0 7px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-2 {
    box-shadow: 0 9px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-3 {
    box-shadow: 0 10px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-4 {
    box-shadow: 0 11px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-5 {
    box-shadow: 0 12px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-0 {
    box-shadow: -5px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-1 {
    box-shadow: -7px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-2 {
    box-shadow: -9px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-3 {
    box-shadow: -10px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-4 {
    box-shadow: -11px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-5 {
    box-shadow: -12px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-0 {
    box-shadow: 5px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-1 {
    box-shadow: 7px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-2 {
    box-shadow: 9px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-3 {
    box-shadow: 10px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-4 {
    box-shadow: 11px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-5 {
    box-shadow: 12px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-0 {
    box-shadow: 0 0 25px 5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-1 {
    box-shadow: 0 0 25px 7px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-2 {
    box-shadow: 0 0 25px 9px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-3 {
    box-shadow: 0 0 25px 10px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-4 {
    box-shadow: 0 0 25px 11px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-5 {
    box-shadow: 0 0 25px 12px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

table.table-bordered.dataTable tbody th:focus,
table.table-bordered.dataTable tbody td:focus {
    outline: none
}

.card .card-block ul.pagination li {
    margin-right: 0
}

.page-item.active .page-link {
    background-color: #9D833E;
    border-color: #9D833E
}

.page-link {
    color: #222
}

td.highlight {
    font-weight: 700;
    color: #3498db;
    background-color: #f5f5f5
}

.table.compact td,
.table.compact th {
    padding: .45rem
}

.dataTables_paginate .pagination {
    float: right
}

#multi-table_wrapper .dataTables_paginate .pagination {
    float: none
}

#footer-search tfoot .form-control,
#footer-select tfoot .form-control,
#form-input-table .form-control,
.search-api .form-control,
#dt-live-dom .form-control {
    width: 90%
}

.search-api .global_filter,
.search-api .column_filter {
    margin: 0 auto
}

.search-api .checkbox-fade {
    display: block;
    text-align: center
}

td.details-control {
    background: url(/images/details_open.png) no-repeat center center;
    cursor: pointer
}

tr.shown td.details-control {
    background: url(/images/details_close.png) no-repeat center center
}

#row-select .selected,
#row-delete .selected {
    background-color: #9D833E;
    color: #fff
}

div.dt-autofill-list div.dt-autofill-button button {
    background-color: #9D833E;
    border-color: #9D833E
}

table.dataTable {
    border-collapse: collapse !important
}

    table.dataTable tbody > tr.selected,
    table.dataTable tbody > tr > .selected {
        background-color: #9D833E;
        color: #fff
    }

    table.dataTable td.select-checkbox:before,
    table.dataTable th.select-checkbox:before {
        margin-top: 0
    }

    table.dataTable tr.selected td.select-checkbox:after,
    table.dataTable tr.selected th.select-checkbox:after {
        margin-top: -6px;
        margin-left: -5px
    }

button.dt-button,
div.dt-button,
a.dt-button,
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled),
button.dt-button:active:not(.disabled),
button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
    background-color: #9D833E;
    border-color: #9D833E;
    border-radius: 2px;
    color: #fff;
    background-image: none;
    font-size: 14px
}

    button.dt-button.btn-warning,
    div.dt-button.btn-warning,
    a.dt-button.btn-warning {
        background-color: #f1c40f;
        border-color: #f1c40f;
        border-radius: 2px;
        color: #fff;
        background-image: none
    }

    button.dt-button.btn-danger,
    div.dt-button.btn-danger,
    a.dt-button.btn-danger {
        background-color: #e74c3c;
        border-color: #e74c3c;
        border-radius: 2px;
        color: #fff;
        background-image: none
    }

    button.dt-button.btn-inverse,
    div.dt-button.btn-inverse,
    a.dt-button.btn-inverse {
        background-color: #34495e;
        border-color: #34495e;
        border-radius: 2px;
        color: #fff;
        background-image: none
    }

    button.dt-button:hover:not(.disabled),
    div.dt-button:hover:not(.disabled),
    a.dt-button:hover:not(.disabled) {
        background-image: none;
        background-color: #1dd2af;
        border-color: #9D833E
    }

    button.dt-button.btn-warning:hover:not(.disabled),
    div.dt-button.btn-warning:hover:not(.disabled),
    a.dt-button.btn-warning:hover:not(.disabled) {
        background-image: none;
        background-color: #f4d03f;
        border-color: #f1c40f
    }

    button.dt-button.btn-danger:hover:not(.disabled),
    div.dt-button.btn-danger:hover:not(.disabled),
    a.dt-button.btn-danger:hover:not(.disabled) {
        background-image: none;
        background-color: #ed7669;
        border-color: #e74c3c
    }

    button.dt-button.btn-inverse:hover:not(.disabled),
    div.dt-button.btn-inverse:hover:not(.disabled),
    a.dt-button.btn-inverse:hover:not(.disabled) {
        background-image: none;
        background-color: #46637f;
        border-color: #34495e
    }

div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-color: #9D833E;
    border-color: #9D833E;
    background-image: none
}

div.dt-buttons {
    clear: both
}

.card .table-card-header b {
    display: block;
    color: #9D833E;
    margin-top: 15px
}

.card .table-card-header span {
    color: #148f77;
    display: inline-block;
    margin-top: 0
}

div.dataTables_wrapper div.dataTables_info {
    display: inline-block
}

table.DTCR_clonedTable.dataTable {
    position: absolute !important;
    background-color: rgba(255, 255, 255, .7);
    z-index: 202
}

div.DTCR_pointer {
    width: 1px;
    background-color: #0259c4;
    z-index: 201
}

table.DTFC_Cloned thead,
table.DTFC_Cloned tfoot {
    background-color: #fff
}

div.DTFC_Blocker {
    background-color: #fff
}

div.DTFC_LeftWrapper table.dataTable,
div.DTFC_RightWrapper table.dataTable {
    margin-bottom: 0;
    z-index: 2
}

    div.DTFC_LeftWrapper table.dataTable.no-footer,
    div.DTFC_RightWrapper table.dataTable.no-footer {
        border-bottom: none
    }

th,
td {
    white-space: nowrap
}

table.fixedHeader-floating {
    position: fixed !important;
    background-color: #fff
}

    table.fixedHeader-floating.no-footer {
        border-bottom-width: 0
    }

table.fixedHeader-locked {
    position: absolute !important;
    background-color: #fff
}

@media print {
    table.fixedHeader-floating {
        display: none
    }
}

table.dataTable th.focus,
table.dataTable td.focus {
    outline: 3px solid #9D833E;
    outline-offset: -1px
}

table.dataTable td.focus {
    outline: 1px solid #e74c3c;
    outline-offset: -3px;
    background-color: #f8e6e6 !important
}

#events {
    margin-bottom: 1em;
    padding: 1em;
    background-color: #f6f6f6;
    border: 1px solid #999;
    border-radius: 3px;
    height: 100px;
    overflow: auto
}

table.dt-rowReorder-float {
    position: absolute !important;
    opacity: .8;
    table-layout: fixed;
    outline: 2px solid #888;
    outline-offset: -2px;
    z-index: 2001
}

tr.dt-rowReorder-moving {
    outline: 2px solid #555;
    outline-offset: -2px
}

body.dt-rowReorder-noOverflow {
    overflow-x: hidden
}

table.dataTable td.reorder {
    text-align: center;
    cursor: move
}

#result {
    border: 1px solid #888;
    background: #f7f7f7;
    padding: 1em;
    margin-bottom: 1em
}

div.DTS {
    display: block !important
}

    div.DTS tbody th,
    div.DTS tbody td {
        white-space: nowrap
    }

    div.DTS div.DTS_Loading {
        z-index: 1
    }

    div.DTS div.dataTables_scrollBody table {
        z-index: 2
    }

    div.DTS div.dataTables_paginate,
    div.DTS div.dataTables_length {
        display: none
    }

.footable .pagination > .active > a,
.footable .pagination > .active > a:focus,
.footable .pagination > .active > a:hover,
.footable .pagination > .active > span,
.footable .pagination > .active > span:focus,
.footable .pagination > .active > span:hover {
    background-color: #9D833E;
    border-color: #9D833E
}

.footable .pagination > li > a,
.footable .pagination > li > span {
    color: #222
}

.footable-details.table,
.footable.table,
table.footable > tfoot > tr.footable-paging > td > span.label {
    margin-bottom: 0
}

table.footable-paging-center > tfoot > tr.footable-paging > td {
    padding-bottom: 0
}

.make-me-red {
    color: red
}

.scroll-container .wtHolder {
    height: 350px !important
}

.scroll-container #highlighting .wtHolder,
.scroll-container #populating .wtHolder,
.scroll-container #paginating .wtHolder,
.scroll-container #searching .wtHolder,
.scroll-container #drag .wtHolder,
.scroll-container #validation .wtHolder,
.scroll-container #readOnly .wtHolder,
.scroll-container #nonEditable .wtHolder,
.scroll-container #numericData .wtHolder,
.scroll-container #dateDate .wtHolder,
.scroll-container #timeData .wtHolder,
.scroll-container #checkbox .wtHolder,
.scroll-container #select .wtHolder,
.scroll-container #dropdown .wtHolder,
.scroll-container #autocomplete .wtHolder,
.scroll-container #jQuery .wtHolder,
.scroll-container #chromaJS .wtHolder,
.scroll-container #context .wtHolder,
.scroll-container #configuration .wtHolder,
.scroll-container #copyPaste .wtHolder,
.scroll-container #buttons .wtHolder,
.scroll-container #comments .wtHolder {
    height: auto !important
}

.handson-pagination {
    margin-top: 30px
}

.currentRow {
    background-color: #f9f9fb !important
}

.currentCol {
    background-color: #e7e8ef !important
}

.contact-table tr td:nth-child(n-2) {
    text-align: center
}

.contact-table tr td:last-child {
    position: relative
}

    .contact-table tr td:last-child .dropdown-menu {
        top: 52px
    }

.card-block-big {
    padding: 2em
}

.widget-row-set {
    margin-left: 0;
    margin-right: 0
}

.borderless-card {
    border-top: none
}

.widget-main-card {
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .11)
}

.counter-card-1 h3,
.counter-card-2 h3,
.counter-card-3 h3 {
    margin-bottom: 16px;
    font-weight: 600;
    color: #666
}

.counter-card-1 [class*=card-] > i,
.counter-card-2 [class*=card-] > i,
.counter-card-3 [class*=card-] > i {
    position: absolute;
    color: #9D833E;
    right: 30px;
    top: 30px;
    font-size: 28px
}

.counter-card-1 span.f-right,
.counter-card-2 span.f-right,
.counter-card-3 span.f-right {
    font-size: 16px;
    font-weight: 600
}

.counter-card-2 {
    border-top-color: #2ecc71
}

    .counter-card-2 [class*=card-] > i {
        color: #2ecc71
    }

.counter-card-3 {
    border-top-color: #bdc3c7
}

    .counter-card-3 [class*=card-] > i {
        color: #bdc3c7
    }

.table-card .row-table {
    display: flex;
    align-items: center;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    margin: 0
}

    .table-card .row-table:first-child {
        border-bottom: 1px solid #ddd
    }

    .table-card .row-table .br {
        border-right: 1px solid #ccc
    }

    .table-card .row-table i {
        font-size: 28px
    }

    .table-card .row-table span {
        text-transform: uppercase;
        font-size: 13px
    }

    .table-card .row-table h5 {
        display: block;
        margin-bottom: .3em;
        margin-right: 0
    }

    .table-card .row-table > [class*=col-] {
        display: table-cell;
        float: none;
        table-layout: fixed;
        vertical-align: middle
    }

        .table-card .row-table > [class*=col-] .row {
            display: flex;
            align-items: center
        }

.widget-primary-card,
.widget-success-card {
    border-top: none;
    background-color: #9D833E;
    color: #fff
}

    .widget-primary-card .row-table > [class*=col-],
    .widget-success-card .row-table > [class*=col-] {
        display: inline-block;
        vertical-align: middle
    }

        .widget-primary-card .row-table > [class*=col-]:first-child,
        .widget-success-card .row-table > [class*=col-]:first-child {
            background-color: #148f77;
            text-align: center
        }

        .widget-primary-card .row-table > [class*=col-] .row,
        .widget-success-card .row-table > [class*=col-] .row {
            display: flex;
            align-items: center
        }

.widget-success-card {
    background-color: #2ecc71
}

    .widget-success-card .row-table > [class*=col-]:first-child {
        background-color: #25a25a
    }

.client-blocks h5 {
    margin-bottom: 15px
}

.client-blocks ul li {
    display: inline-block;
    font-size: 40px
}

    .client-blocks ul li:last-child {
        float: right
    }

.warning-border {
    border-top-color: #f1c40f
}

.success-border {
    border-top-color: #2ecc71
}

.dark-primary-border {
    border-top-color: #17a689
}

    .dark-primary-border li,
    .dark-primary-border i {
        color: #17a689
    }

.large-widget-card {
    border-top: none
}

    .large-widget-card:hover i {
        opacity: 1;
        transform: scale(1.1)
    }

    .large-widget-card i {
        position: absolute;
        opacity: .4;
        right: 30px;
        top: 50px;
        font-size: 50px;
        transition: all ease-in .3s
    }

.group-widget {
    border-top: none
}

    .group-widget .card-block-big {
        height: 130px;
        text-align: center;
        color: #fff
    }

    .group-widget i {
        font-size: 2.5em
    }

    .group-widget p {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 16px
    }

.bg-dark-primary {
    background-color: #18aa8d;
    color: #fff
}

.bg-darkest-primary {
    background-color: #14947b;
    color: #fff
}

.social-widget-card {
    border-top: none;
    color: #fff
}

    .social-widget-card:hover i {
        opacity: 1;
        transform: scale(1.1)
    }

    .social-widget-card i {
        position: absolute;
        right: 30px;
        top: 50px;
        font-size: 48px;
        opacity: .4;
        transition: all ease-in .3s
    }

.bg-active {
    background-color: #208e4e
}

.bg-facebook {
    background-color: #3b5998
}

.bg-twitter {
    background-color: #4099ff
}

.bg-linkein {
    background-color: #0077b5
}

.bg-google-plus {
    background-color: #d34836
}

.widget-profile-card-1 {
    position: relative;
    margin-bottom: 50px
}

    .widget-profile-card-1 .middle-user {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        bottom: -60px
    }

        .widget-profile-card-1 .middle-user img {
            width: 115px;
            border-radius: 50%
        }

    .widget-profile-card-1 ~ .card-footer [class*=col-] {
        border-right: 1px solid #fff
    }

        .widget-profile-card-1 ~ .card-footer [class*=col-]:last-child {
            border: none
        }

.widget-profile-card-2 a {
    color: #fff;
    transition: all ease-in .3s
}

    .widget-profile-card-2 a:hover {
        opacity: .7
    }

.widget-profile-card-3 {
    background-image: url(/images/slider/slider6.jpg);
    background-size: cover;
    padding: 50px 0;
    text-align: center
}

    .widget-profile-card-3 img {
        width: 120px;
        border-radius: 50%
    }

.profile-card {
    position: relative
}

    .profile-card img {
        width: 100%
    }

    .profile-card .card-block {
        text-align: center;
        color: #fff;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.72))
    }

        .profile-card .card-block h3 {
            font-weight: 600
        }

    .profile-card ~ .card-footer {
        padding: 0
    }

        .profile-card ~ .card-footer [class*=col-] {
            padding: 10px;
            border-right: 1px solid rgba(255, 255, 255, .57)
        }

            .profile-card ~ .card-footer [class*=col-] h4 {
                font-size: 18px;
                font-weight: 600
            }

            .profile-card ~ .card-footer [class*=col-]:last-child {
                border: none
            }

            .profile-card ~ .card-footer [class*=col-] span {
                text-transform: uppercase
            }

.weather-card-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding-right: 0
}

    .weather-card-1 h4 {
        font-weight: 300;
        margin-top: 70px
    }

    .weather-card-1 span.d-block {
        margin-bottom: 70px
    }

    .weather-card-1 h5 {
        color: #fff
    }

    .weather-card-1 [class*=col-]:first-child {
        margin-bottom: 100px
    }

    .weather-card-1 .climacon {
        height: 100px;
        width: 100px;
        position: relative;
        top: -20px
    }

    .weather-card-1 .climacon_component-stroke {
        fill: #fff
    }

    .weather-card-1 .weather-temp {
        font-size: 70px
    }

.weather-calender .pignose-calendar {
    width: auto;
    max-width: initial;
    box-shadow: none;
    border: none;
    border-left: 1px solid #ddd
}

    .weather-calender .pignose-calendar .pignose-calendar-top {
        box-shadow: none
    }

.weather-calender .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #9D833E;
    box-shadow: none
}

.weather-bg-card {
    position: relative
}

    .weather-bg-card img {
        width: 100%
    }

    .weather-bg-card .card-block {
        position: absolute;
        bottom: 20px;
        width: 100%;
        text-align: center
    }

    .weather-bg-card h5 {
        color: #fff
    }

    .weather-bg-card .card-block-big {
        position: absolute;
        top: 0
    }

        .weather-bg-card .card-block-big span {
            color: #fff
        }

    .weather-bg-card .weather-temp {
        font-size: 70px;
        color: #fff
    }

    .weather-bg-card ~ .card-footer {
        border-top: none
    }

.blur-user-card {
    color: #fff;
    text-align: center;
    padding-top: 45px;
    background-image: url('/images/01.jpg');
    background-size: cover
}

    .blur-user-card h3 {
        margin-top: 10px;
        font-size: 30px;
        font-weight: 600
    }

    .blur-user-card p {
        font-size: 18px;
        font-weight: 300
    }

    .blur-user-card .blur-footer [class*=col-] {
        padding: 1em;
        border-right: 1px solid #fff;
        margin-top: 30px;
        margin-bottom: 30px
    }

        .blur-user-card .blur-footer [class*=col-]:last-child {
            border-right: none
        }

.flip-clock-divider .flip-clock-label {
    top: 7.5em;
    font-size: 14px;
    color: #fff
}

.clock-widget {
    height: 165px;
    background-color: #36c;
    overflow: hidden;
    position: relative
}

    .clock-widget #current-time {
        font-size: 50px;
        color: #fff;
        margin-top: 10px;
        margin-left: 10px
    }

    .clock-widget h5 {
        color: #fff;
        margin-left: 10px
    }

    .clock-widget .basic-alarm {
        position: absolute;
        right: 120px;
        font-size: 80px;
        top: 50px;
        color: #ffbf00;
        z-index: 999
    }

    .clock-widget .bg-alarm {
        position: absolute;
        right: 20px;
        font-size: 200px;
        top: 0;
        transform: rotate(-30deg);
        opacity: .2;
        color: #fff
    }

.weather-card-2 {
    color: #fff
}

    .weather-card-2 .weather-card-location i {
        position: absolute;
        right: 40px;
        top: 35px;
        font-weight: 600
    }

    .weather-card-2 .weather-card-temp {
        padding-top: 50px;
        padding-bottom: 30px;
        text-align: center
    }

        .weather-card-2 .weather-card-temp h1 {
            font-size: 70px
        }

    .weather-card-2 .weather-cloud {
        text-align: center
    }

        .weather-card-2 .weather-cloud svg {
            position: relative;
            top: 0;
            left: -10px
        }

        .weather-card-2 .weather-cloud .climacon_component-stroke {
            fill: #fff
        }

        .weather-card-2 .weather-cloud span {
            font-size: 18px
        }

    .weather-card-2 .card-footer {
        padding: 30px
    }

        .weather-card-2 .card-footer h6 {
            color: #666;
            font-weight: 600;
            font-size: 16px
        }

.quick-note-card h6 {
    font-weight: 600
}

.quick-note-card h2 {
    font-weight: 300
}

.quick-note-card .btn-outline-primary {
    border-color: #fff;
    color: #fff
}

.social-card-1 .card-block-big {
    padding: 3em
}

    .social-card-1 .card-block-big .media {
        display: flex;
        align-items: center
    }

.social-card-1 .card-footer {
    padding: 0
}

    .social-card-1 .card-footer .social-media {
        padding: 15px;
        color: #666
    }

        .social-card-1 .card-footer .social-media i {
            display: block;
            margin-bottom: 5px
        }

        .social-card-1 .card-footer .social-media h5 {
            margin-right: 0
        }

    .social-card-1 .card-footer [class*=col-] {
        border-right: 1px solid #ddd
    }

        .social-card-1 .card-footer [class*=col-]:last-child {
            border-right: none
        }

    .social-card-1 .card-footer .social-media-success {
        background-color: #2ecc71
    }

    .social-card-1 .card-footer .social-media-warning {
        background-color: #f1c40f
    }

    .social-card-1 .card-footer .social-media-danger {
        background-color: #e74c3c
    }

.user-activity-card {
    border-top-color: #3498db
}

    .user-activity-card .progress-bar-warning {
        background-color: #3498db
    }

    .user-activity-card .card-block-big {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .user-activity-card .user-number {
        padding: 30px 0;
        font-weight: 600;
        color: #3498db
    }

    .user-activity-card .card-footer {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 16px;
        background-color: #e6e9ea
    }

    .user-activity-card .link {
        position: absolute;
        right: 30px;
        top: 40px;
        font-size: 25px;
        color: #3498db
    }

.table-1-card .table th {
    border-top: none
}

.table-1-card .card-block {
    padding-top: 10px;
    padding-bottom: 0
}

.widget-content-footer {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 16px;
    background-color: #e6e9ea
}

.widget-chat-box .card-header i {
    font-size: 17px;
    color: #34495e;
    position: relative
}

.widget-chat-box .card-header .pop-up:after {
    content: '';
    position: absolute;
    background-color: #e74c3c;
    height: 8px;
    width: 8px;
    border-radius: 50px;
    right: -3px
}

.widget-chat-box .send-chat,
.widget-chat-box .receive-chat {
    position: relative;
    background: #c5f7ed;
    padding: 7px;
    border-radius: 0 10px 10px 10px;
    font-size: 13px;
    margin-bottom: 30px
}

    .widget-chat-box .send-chat:before,
    .widget-chat-box .receive-chat:before {
        content: '';
        position: absolute;
        height: 12px;
        width: 12px;
        border: 6px solid transparent;
        border-top: 6px solid #c5f7ed;
        border-right: 6px solid #c5f7ed;
        left: -12px;
        top: 0
    }

    .widget-chat-box .send-chat .time,
    .widget-chat-box .receive-chat .time {
        position: absolute;
        bottom: -20px;
        left: 0
    }

.widget-chat-box .receive-chat {
    background-color: #0077b5;
    color: #fff;
    border-radius: 10px
}

    .widget-chat-box .receive-chat:before {
        display: none
    }

    .widget-chat-box .receive-chat .time {
        color: #666
    }

.widget-chat-box .rc-10 {
    margin-bottom: 10px
}

.tab-card .media {
    margin-bottom: 10px
}

    .tab-card .media:last-child {
        margin-bottom: 0
    }

.d-timeline-btn .f-right {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    cursor: pointer;
    padding: 0
}

    .d-timeline-btn .f-right i {
        margin-right: 0
    }

#datebasechart {
    height: 590px;
    width: 100%
}

.bullet {
    font: 10px sans-serif
}

    .bullet .marker {
        stroke: #000;
        stroke-width: 2px
    }

    .bullet .tick line {
        stroke: #666;
        stroke-width: .5px
    }

    .bullet .range.s0 {
        fill: #eee
    }

    .bullet .range.s1 {
        fill: #ddd
    }

    .bullet .range.s2 {
        fill: #ccc
    }

    .bullet .measure.s0 {
        fill: #b0c4de
    }

    .bullet .measure.s1 {
        fill: #4682b4
    }

    .bullet .title {
        font-size: 14px;
        font-weight: 700
    }

    .bullet .subtitle {
        fill: #999
    }

.section-graph {
    position: relative;
    height: 151px;
    color: #fff;
    background: #55bc75;
    background-image: linear-gradient(#55bc75, #55bc75 50%, #4daf7c 50%)
}

    .section-graph .graph-info {
        z-index: 99;
        position: absolute;
        font-weight: 700;
        margin-top: 18px;
        margin-left: 21px;
        width: 100px
    }

        .section-graph .graph-info .graph-arrow {
            width: 0;
            height: 0;
            margin-top: 18px;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-bottom: 4px solid #fff;
            float: left
        }

        .section-graph .graph-info .graph-info-big {
            font-size: 24px;
            float: left;
            margin-left: 3px
        }

        .section-graph .graph-info .graph-info-small {
            margin-left: 3px;
            font-size: 12px;
            font-weight: 400;
            color: rgba(255, 255, 255, .5);
            clear: left;
            margin-left: 8px
        }

.section-info {
    padding: 21px;
    color: #8a786a;
    overflow: hidden
}

.info-time {
    font-size: 12px
}

.info-block {
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    width: 120px;
    border-radius: 3px;
    float: left;
    padding: 4px 0
}

    .info-block dt,
    .info-block dd {
        margin: 0;
        padding: 0
    }

    .info-block dt {
        font-weight: 700
    }

    .info-block dd {
        font-size: 12px
    }

.info-aapl {
    float: left;
    margin-top: 20px
}

    .info-aapl h4 {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 10px
    }

    .info-aapl ul {
        margin: 0;
        padding: 0
    }

    .info-aapl li {
        margin: 0;
        display: block;
        width: 9px;
        height: 40px;
        margin-right: 6px;
        background-color: #f5f0ec;
        float: left;
        position: relative
    }

        .info-aapl li span {
            display: block;
            width: 9px;
            height: 40px;
            position: absolute;
            bottom: 0
        }

            .info-aapl li span.orange {
                background-color: #f1c40f
            }

            .info-aapl li span.green {
                background-color: #2ecc71
            }

.yearly-change {
    width: 94px;
    float: right;
    margin-top: 20px
}

    .yearly-change h4 {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 10px
    }

    .yearly-change span {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background-color: #9D833E;
        text-align: center;
        border-radius: 3px;
        font-weight: 700
    }

        .yearly-change span em {
            color: rgba(255, 255, 255, .7)
        }

.analytic-table tr td:first-child {
    padding-left: 20px
}

.analytic-table tr td:last-child {
    padding-right: 30px;
    text-align: right;
    font-size: 16px
}

.analytic-table span {
    display: block
}

.analytic-table .count {
    font-size: 18px;
    font-weight: 600
}

.analytic-table .table-msg {
    font-size: 12px;
    margin-top: 5px
}

.analytic-user i {
    font-size: 52px;
    color: #9D833E
}

.analytic-user .card-footer {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 16px;
    background-color: #e6e9ea
}

.analytic-user h1 {
    margin: 25px 0;
    font-weight: 300
}

.analytic-user h4 {
    font-size: 20px;
    color: #3498db;
    font-weight: 600
}

.alert {
    font-size: 15px;
    margin-bottom: 2rem
}

    .alert.icons-alert {
        border-left-width: 48px
    }

        .alert.icons-alert .alert-icon {
            left: 15px;
            position: relative;
            text-align: center;
            top: 0;
            z-index: 3
        }

        .alert.icons-alert p {
            line-height: 21px;
            margin-bottom: 0
        }

.close {
    font-size: 16px;
    margin-top: 5px
}

.alert-default {
    background-color: #fff;
    border-color: #bdc3c7;
    color: #bdc3c7
}

.alert-primary {
    background-color: #fff;
    border-color: #9D833E;
    color: #9D833E
}

.alert-success {
    background-color: #fff;
    border-color: #2ecc71;
    color: #2ecc71
}

.alert-info {
    background-color: #fff;
    border-color: #3498db;
    color: #3498db
}

.alert-warning {
    background-color: #fff;
    border-color: #f1c40f;
    color: #f1c40f
}

.alert-danger {
    background-color: #fff;
    border-color: #e74c3c;
    color: #e74c3c
}

.border-default {
    border-color: transparent;
    border-left: 3px solid #bdc3c7;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #bdc3c7
}

.border-primary {
    border-color: transparent;
    border-left: 3px solid #9D833E;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #9D833E
}

.border-success {
    border-color: transparent;
    border-left: 3px solid #2ecc71;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #2ecc71
}

.border-info {
    border-color: transparent;
    border-left: 3px solid #3498db;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #3498db
}

.border-warning {
    border-color: transparent;
    border-left: 3px solid #f1c40f;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #f1c40f
}

.border-danger {
    border-color: transparent;
    border-left: 3px solid #e74c3c;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #e74c3c
}

.background-default {
    background-color: #bdc3c7;
    color: #fff
}

.background-primary {
    background-color: #9D833E;
    color: #fff
}

.background-success {
    background-color: #2ecc71;
    color: #fff
}

.background-info {
    background-color: #3498db;
    color: #fff
}

.background-warning {
    background-color: #f1c40f;
    color: #fff
}

.background-danger {
    background-color: #e74c3c;
    color: #fff
}

.icons-alert {
    position: relative
}

    .icons-alert:before {
        color: #fff;
        content: '\f027';
        font-family: icofont !important;
        font-size: 16px;
        left: -30px;
        position: absolute;
        z-index: 999
    }

[class*=alert-] code {
    margin-left: 10px
}

.common-img-bg {
    background-size: cover;
    background: url(/images/bg.jpg) no-repeat center center fixed;
    height: 100%
}

.auth-body {
    min-width: 450px
}

.login-card {
    border-radius: 30px;
    position: relative;
    display: block
}

    .login-card h1 {
        font-size: 25px;
        font-weight: 400;
        margin-bottom: 20px;
        text-align: center
    }

.login {
    text-align: left
}

    .login ul li label {
        color: #757575;
        font-weight: 600;
        letter-spacing: 1px
    }

    .login h3 {
        color: #666;
        font-size: 24px;
        font-weight: 600;
        margin-top: 20px
    }

    .login.header {
        align-items: flex-start
    }

.header .login-card {
    margin-top: 30px
}

.social-login {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 30px
}

    .social-login .btn {
        margin-left: 5px;
        margin-right: 5px
    }

.login-card .card-footer {
    background: #fff
}

.login-card h1 {
    color: #1b8bf9
}

.login-card .forget {
    border-bottom: 1px solid #fff;
    font-size: 24px;
    line-height: .6
}

.login-card h3 {
    color: #666;
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px
}

.btn-signup .btn-md,
.btn-singin1 .btn-md,
.btn-singin2 .btn-md {
    font-size: 22px;
    font-weight: 400;
    width: 400px
}

.form-group-main .form-group {
    margin: 30px 0
}

.login-card .unlock,
.login-card .btn-forgot {
    text-align: center
}

.imgs-screen .img-circle {
    padding: 4px;
    border: 1px solid #e6e6e4
}

.sign-in-with {
    font-weight: 600;
    margin: 24px auto 16px;
    position: relative;
    text-align: center
}

    .sign-in-with .text {
        display: inline-block;
        padding: 0 8px;
        position: relative;
        vertical-align: baseline;
        z-index: 9999
    }

        .sign-in-with .text:after {
            left: 100%
        }

        .sign-in-with .text:before {
            right: 100%
        }

        .sign-in-with .text:after,
        .sign-in-with .text:before {
            border-top: 1px solid rgba(0, 0, 0, .28);
            content: '';
            display: block;
            position: absolute;
            top: 8px;
            width: 60px
        }

.error-500,
.error-503,
.error-404,
.error-400,
.error-403,
.login {
    align-items: center;
    background-color: #2196f3;
    display: flex;
    height: 100%;
    position: fixed;
    text-align: center;
    width: 100%
}

.auth-box {
    background-color: #fff;
    border-radius: 8px;
    margin: 20px 0 0;
    padding: 20px
}

    .auth-box .confirm h3 {
        color: #9D833E;
        font-size: 34px
    }

    .auth-box i.icofont-check-circled {
        font-size: 42px
    }

.btn-facebook {
    background-color: #3c5a99;
    border-color: #3c5a99;
    border-radius: 2px;
    color: #fff;
    cursor: pointer
}

.btn-twitter {
    background-color: #41abe1;
    border-color: #41abe1;
    border-radius: 2px;
    color: #fff;
    cursor: pointer
}

.btn-google-plus,
.btn-linkedin,
.btn-pinterest {
    border-radius: 2px
}

.footer {
    bottom: 0;
    position: absolute;
    width: 100%
}

    .footer p {
        margin-bottom: 0;
        padding: 18px;
        width: 100%
    }

.login-card-modal {
    margin: 0 auto
}

.login.login-modal-main {
    background-color: #fff
}

.mixed-form .tabbed-modal .nav-link h6 {
    padding: 10px 0
}

.mixed-form .tabbed-modal .nav-link {
    background-color: #f5f5f5;
    border-radius: none;
    color: #888
}

    .mixed-form .tabbed-modal .nav-link.active {
        background-color: transparent;
        border-color: transparent;
        color: #34495e
    }

.mixed-form .modal-body {
    padding: 0
}

.mixed-form .auth-box {
    background-color: #fff;
    border-radius: 8px;
    margin: 10px;
    padding: 10px
}

    .mixed-form .auth-box h3 {
        color: #666;
        font-size: 22px;
        font-weight: 600;
        margin-top: 20px
    }

    .mixed-form .auth-box i.icofont-check-circled {
        font-size: 42px
    }

.auth-box-main .navbar-nav li {
    color: #fff;
    line-height: 40px
}

.offline-404 {
    background-color: #f3f3f3
}

    .offline-404 .auth-body {
        margin-top: -100px
    }

    .offline-404 h1 {
        color: #2c3e50;
        font-size: 160px;
        font-weight: 600;
        letter-spacing: 5px;
        text-shadow: 3px -2px 4px rgba(128, 128, 128, .57)
    }

    .offline-404 h2 {
        color: #aaa;
        font-weight: 600;
        margin-bottom: 40px;
        margin-top: 30px
    }

.caption-breadcrumb .breadcrumb-header,
.primary-breadcrumb .breadcrumb-header,
.inverse-breadcrumb .breadcrumb-header,
.danger-breadcrumb .breadcrumb-header,
.info-breadcrumb .breadcrumb-header,
.warning-breadcrumb .breadcrumb-header,
.success-breadcrumb .breadcrumb-header {
    display: inline-block
}

    .caption-breadcrumb .breadcrumb-header span,
    .primary-breadcrumb .breadcrumb-header span,
    .inverse-breadcrumb .breadcrumb-header span,
    .danger-breadcrumb .breadcrumb-header span,
    .info-breadcrumb .breadcrumb-header span,
    .warning-breadcrumb .breadcrumb-header span,
    .success-breadcrumb .breadcrumb-header span {
        display: block;
        font-size: 13px;
        margin-top: 5px
    }

.front-icon-breadcrumb .breadcrumb-header {
    display: inline-block
}

.front-icon-breadcrumb .big-icon {
    display: inline-block
}

    .front-icon-breadcrumb .big-icon i {
        font-size: 64px;
        color: #9D833E
    }

.front-icon-breadcrumb .d-inline-block span {
    display: block;
    font-size: 13px;
    margin-top: 5px
}

.primary-breadcrumb,
.inverse-breadcrumb,
.danger-breadcrumb,
.info-breadcrumb,
.warning-breadcrumb,
.success-breadcrumb {
    background-color: #9D833E;
    color: #fff
}

    .primary-breadcrumb h5,
    .inverse-breadcrumb h5,
    .danger-breadcrumb h5,
    .info-breadcrumb h5,
    .warning-breadcrumb h5,
    .success-breadcrumb h5,
    .primary-breadcrumb a,
    .inverse-breadcrumb a,
    .danger-breadcrumb a,
    .info-breadcrumb a,
    .warning-breadcrumb a,
    .success-breadcrumb a,
    .primary-breadcrumb .breadcrumb-title li:last-child a,
    .inverse-breadcrumb .breadcrumb-title li:last-child a,
    .danger-breadcrumb .breadcrumb-title li:last-child a,
    .info-breadcrumb .breadcrumb-title li:last-child a,
    .warning-breadcrumb .breadcrumb-title li:last-child a,
    .success-breadcrumb .breadcrumb-title li:last-child a,
    .primary-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .inverse-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .danger-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .info-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .warning-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .success-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: #fff
    }

.inverse-breadcrumb {
    background-color: #34495e
}

.danger-breadcrumb {
    background-color: #e74c3c
}

.info-breadcrumb {
    background-color: #3498db
}

.warning-breadcrumb {
    background-color: #f1c40f
}

.success-breadcrumb {
    background-color: #2ecc71
}

.nvd-chart {
    height: 400px
}

.peity-chart .peity {
    width: 100%;
    height: 250px
}

#areachart .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke: #187c68;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.morris-hover {
    position: absolute;
    left: auto !important;
    top: -70px !important;
    right: 0;
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc
}

.chat-bg {
    background-image: url(/images/chat-bg.jpg);
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, .45)
}

#main-chat .chat-single-box.active .chat-header {
    background-color: #9D833E
}

    #main-chat .chat-single-box.active .chat-header a {
        color: #fff
    }

#main-chat .chat-single-box .chat-header a {
    color: #fff
}

#main-chat .chat-box ul.boxs li.chat-single-box .chat-header.custom-collapsed {
    position: absolute;
    bottom: 0;
    width: 300px
}

#main-chat .minimized {
    background-color: #1e2730
}

#main-chat .user-groups {
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}

    #main-chat .user-groups .userlist-box {
        border-bottom: none
    }

        #main-chat .user-groups .userlist-box:last-child {
            padding-bottom: 0;
            margin-bottom: 0
        }

    #main-chat .user-groups .media {
        padding-left: 0
    }

    #main-chat .user-groups h6 {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 20px
    }

    #main-chat .user-groups li {
        margin-bottom: 20px
    }

        #main-chat .user-groups li:last-child {
            margin-bottom: 0
        }

        #main-chat .user-groups li.work,
        #main-chat .user-groups li.frnds {
            position: relative;
            padding-left: 20px
        }

            #main-chat .user-groups li.work:before,
            #main-chat .user-groups li.frnds:before {
                content: '';
                position: absolute;
                height: 10px;
                width: 10px;
                background-color: #2ecc71;
                border-radius: 50px;
                left: 0;
                top: 6px
            }

            #main-chat .user-groups li.frnds:before {
                background-color: #e74c3c
            }

.user-box {
    height: 100%
}

.close {
    opacity: 1
}

.write-msg {
    padding: 12px;
    bottom: 10px;
    border-top: 1px solid #ddd
}

    .write-msg #paper-btn i {
        font-size: 18px;
        margin-right: 0;
        cursor: pointer
    }

.chat-box .secondary:active:hover {
    background-color: #fff
}

#main-chat .chat-box ul.boxs li.minimized {
    height: 30px;
    width: 30px;
    bottom: 0;
    position: absolute;
    left: -50px;
    border-radius: 5px 5px 0 0;
    cursor: pointer
}

    #main-chat .chat-box ul.boxs li.minimized .count {
        color: #fff;
        text-align: center;
        margin: 5px
    }

    #main-chat .chat-box ul.boxs li.minimized .chat-dropdown {
        list-style: none;
        display: none;
        position: absolute;
        background-color: #f5f5f5;
        box-shadow: 0 1px 8px 0 rgba(5, 5, 5, .5);
        width: 150px;
        z-index: 100;
        border-radius: 5px;
        padding: 5px 0
    }

        #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li {
            padding: 2px 5px
        }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li div {
                display: inline-block
            }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .username {
                width: 85%;
                height: 22px
            }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .remove {
                width: 13%;
                padding: 2px 4px;
                float: right
            }

                #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .remove:hover {
                    background-color: silver !important
                }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li:hover {
                color: #000
            }

#main-chat .chat-box ul.boxs li.hidden {
    display: none
}

.chat-single-box {
    height: 440px;
    float: right;
    width: 300px;
    margin-right: 15px;
    direction: ltr;
    z-index: 999;
    bottom: 0
}

    .chat-single-box .chat-header {
        background-color: #bdc3c7;
        color: #fff
    }

.box-live-status {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: 1px solid
}

.chat-msg-img {
    height: 50px;
    width: 50px
}

.msg-reply {
    padding: 5px;
    position: relative;
    right: 10px;
    border-radius: 2px;
    top: 6px;
    margin-bottom: 10px
}

.header-users {
    right: 0;
    top: 103px;
    width: 300px;
    height: 100%
}

.users {
    right: 0;
    top: 103px;
    width: 300px;
    height: 100%
}

.p-chat-user {
    position: fixed;
    top: 50px;
    z-index: 99;
    border-left: 1px solid #ccc
}

.users-main {
    height: 100%;
    width: 300px;
    position: fixed;
    border-radius: 0
}

.userlist-box {
    cursor: pointer;
    border-bottom: 1px solid #efefef
}

    .userlist-box .media-left {
        padding-right: 10px
    }

.users-main .media {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.user-box .media-object {
    height: 45px;
    width: 45px;
    display: inline-block
}

.chat-menu-content,
.chat-menu-reply {
    background: #f3f3f3;
    position: relative;
    overflow: visible;
    border-radius: 4px
}

    .chat-menu-content:before {
        position: absolute;
        top: 20px;
        left: -14px;
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-right-color: #f3f3f3
    }

    .chat-menu-reply:before {
        position: absolute;
        top: 20px;
        right: -14px;
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-left-color: #9D833E
    }

.chat-reply-box {
    background-color: #fff;
    position: absolute;
    bottom: 43px;
    width: 100%;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc
}

.chat-inner-header {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding: 20px
}

.chat-send {
    position: absolute;
    bottom: 5px;
    right: 0;
    border: none;
    background-color: transparent;
    color: #9D833E;
    transform: rotate(45deg)
}

.showChat_inner .chat-messages {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px
}

.chat-menu-content .chat-cont,
.chat-menu-reply .chat-cont {
    padding: 10px
}

.chat-menu-content .chat-time,
.chat-menu-reply .chat-time {
    padding-left: 10px;
    padding-bottom: 10px
}

.back_chatBox {
    margin: 0 auto;
    font-weight: 600
}

    .back_chatBox i {
        float: left;
        position: absolute;
        margin-top: 5px;
        left: 20px;
        cursor: pointer
    }

.designation {
    cursor: pointer
}

.extra-profile-list {
    display: none
}

.chat-menu-reply .chat-cont,
.chat-menu-reply .chat-time {
    color: #fff
}

.chat-menu-reply {
    background: #9D833E;
    margin-right: 10px
}

.users-main .media .chat-header {
    font-size: 14px;
    font-weight: 600
}

.users-main .media-body div + div {
    font-size: 12px
}

.chat-body {
    overflow-y: auto;
    height: 340px
}

.users-main-fix {
    height: auto;
    position: fixed;
    bottom: 0;
    top: 151px
}

.chat-footer,
.chat-link {
    border-color: #9D833E
}

    .chat-footer .input-group-addon {
        padding: 7px .75rem
    }

.form-control:focus ~ .chat-send {
    border-color: #9D833E
}

.minimized-box {
    padding: 5px 10px
}

.write-msg input {
    border-radius: 0;
    border-right: 0
}

.write-msg .btn {
    box-shadow: none;
    border-left: 0;
    font-size: 14px
}

.write-msg .btn-secondary:hover {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-left: 0
}

.form-control:focus ~ .input-group-btn .btn-secondary {
    border-color: #66afe9;
    color: #9D833E
}

.img-chat-profile {
    height: 45px;
    width: 45px
}

.chat-minimize .chat-body,
.chat-minimize .chat-footer {
    display: none
}

.chat-box {
    margin-right: 290px;
    height: 440px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999999
}

.user-box .media-object,
.friend-box .media-object {
    height: 45px;
    width: 45px;
    display: inline-block
}

.friend-box img {
    margin-right: 10px;
    margin-bottom: 10px
}

.chat-header {
    color: #222
}

.live-status {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 100%;
    border: 1px solid
}

.showChat {
    display: none
}

.showChat_inner {
    position: fixed;
    top: 50px;
    background-color: #fff;
    right: 0;
    display: none;
    width: 300px;
    height: 100%;
    z-index: 99;
    border-left: 1px solid #ccc
}

.amber-colors ul li p,
.bg-danger li p,
.bg-default li p,
.bg-info li p,
.bg-primary li p,
.bg-success li p,
.bg-warning li p,
.blue-colors ul li p,
.blue-grey-colors ul li p,
.brown-colors ul li p,
.cyan-colors ul li p,
.deep-orange-colors ul li p,
.deep-purple-colors ul li p,
.green-colors ul li p,
.grey-colors ul li p,
.indigo-colors ul li p,
.light-blue-colors ul li p,
.light-green-colors ul li p,
.lime-colors ul li p,
.orange-colors ul li p,
.pink-colors ul li p,
.purple-colors ul li p,
.red-colors ul li p,
.teal-colors ul li p,
.yellow-colors ul li p,
.primary-colorr ul li p,
.success-colorr ul li p,
.info-colorr ul li p,
.warning-colorr ul li p,
.danger-colorr ul li p {
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0
}

.red-colors ul li:nth-child(14) {
    background-color: #e40505
}

    .red-colors ul li:nth-child(14) p:before {
        content: "#e40505"
    }

.red-colors ul li:nth-child(13) {
    background-color: #f30606
}

    .red-colors ul li:nth-child(13) p:before {
        content: "#f30606"
    }

.red-colors ul li:nth-child(12) {
    background-color: #f90f0f
}

    .red-colors ul li:nth-child(12) p:before {
        content: "#f90f0f"
    }

.red-colors ul li:nth-child(11) {
    background-color: #fa1d1d
}

    .red-colors ul li:nth-child(11) p:before {
        content: "#fa1d1d"
    }

.red-colors ul li:nth-child(10) {
    background-color: #fa2c2c
}

    .red-colors ul li:nth-child(10) p:before {
        content: "#fa2c2c"
    }

.red-colors ul li:nth-child(9) {
    background-color: #fa3b3b
}

    .red-colors ul li:nth-child(9) p:before {
        content: "#fa3b3b"
    }

.red-colors ul li:nth-child(8) {
    background-color: #fb4a4a
}

    .red-colors ul li:nth-child(8) p:before {
        content: "#fb4a4a"
    }

.red-colors ul li:nth-child(7) {
    background-color: #fb5959
}

    .red-colors ul li:nth-child(7) p:before {
        content: "#fb5959"
    }

.red-colors ul li:nth-child(6) {
    background-color: #fb6868
}

    .red-colors ul li:nth-child(6) p:before {
        content: "#fb6868"
    }

.red-colors ul li:nth-child(5) {
    background-color: #fc7777
}

    .red-colors ul li:nth-child(5) p:before {
        content: "#fc7777"
    }

.red-colors ul li:nth-child(4) {
    background-color: #fc8686
}

    .red-colors ul li:nth-child(4) p:before {
        content: "#fc8686"
    }

.red-colors ul li:nth-child(3) {
    background-color: #fd9595
}

    .red-colors ul li:nth-child(3) p:before {
        content: "#fd9595"
    }

.red-colors ul li:nth-child(2) {
    background-color: #fda4a4
}

    .red-colors ul li:nth-child(2) p:before {
        content: "#fda4a4"
    }

.red-colors ul li:nth-child(1) {
    background-color: #fdb3b3
}

    .red-colors ul li:nth-child(1) p:before {
        content: "#fdb3b3"
    }

.pink-colors ul li:nth-child(14) {
    background-color: #d4166c
}

    .pink-colors ul li:nth-child(14) p:before {
        content: "#d4166c"
    }

.pink-colors ul li:nth-child(13) {
    background-color: #e21873
}

    .pink-colors ul li:nth-child(13) p:before {
        content: "#e21873"
    }

.pink-colors ul li:nth-child(12) {
    background-color: #e7217b
}

    .pink-colors ul li:nth-child(12) p:before {
        content: "#e7217b"
    }

.pink-colors ul li:nth-child(11) {
    background-color: #e92f83
}

    .pink-colors ul li:nth-child(11) p:before {
        content: "#e92f83"
    }

.pink-colors ul li:nth-child(10) {
    background-color: #ea3d8b
}

    .pink-colors ul li:nth-child(10) p:before {
        content: "#ea3d8b"
    }

.pink-colors ul li:nth-child(9) {
    background-color: #ec4b94
}

    .pink-colors ul li:nth-child(9) p:before {
        content: "#ec4b94"
    }

.pink-colors ul li:nth-child(8) {
    background-color: #ed599c
}

    .pink-colors ul li:nth-child(8) p:before {
        content: "#ed599c"
    }

.pink-colors ul li:nth-child(7) {
    background-color: #ef67a4
}

    .pink-colors ul li:nth-child(7) p:before {
        content: "#ef67a4"
    }

.pink-colors ul li:nth-child(6) {
    background-color: #f074ac
}

    .pink-colors ul li:nth-child(6) p:before {
        content: "#f074ac"
    }

.pink-colors ul li:nth-child(5) {
    background-color: #f282b5
}

    .pink-colors ul li:nth-child(5) p:before {
        content: "#f282b5"
    }

.pink-colors ul li:nth-child(4) {
    background-color: #f390bd
}

    .pink-colors ul li:nth-child(4) p:before {
        content: "#f390bd"
    }

.pink-colors ul li:nth-child(3) {
    background-color: #f59ec5
}

    .pink-colors ul li:nth-child(3) p:before {
        content: "#f59ec5"
    }

.pink-colors ul li:nth-child(2) {
    background-color: #f6accd
}

    .pink-colors ul li:nth-child(2) p:before {
        content: "#f6accd"
    }

.pink-colors ul li:nth-child(1) {
    background-color: #f8bad6
}

    .pink-colors ul li:nth-child(1) p:before {
        content: "#f8bad6"
    }

.purple-colors ul li:nth-child(14) {
    background-color: #b014ff
}

    .purple-colors ul li:nth-child(14) p:before {
        content: "#b014ff"
    }

.purple-colors ul li:nth-child(13) {
    background-color: #b524ff
}

    .purple-colors ul li:nth-child(13) p:before {
        content: "#b524ff"
    }

.purple-colors ul li:nth-child(12) {
    background-color: #ba33ff
}

    .purple-colors ul li:nth-child(12) p:before {
        content: "#ba33ff"
    }

.purple-colors ul li:nth-child(11) {
    background-color: #c042ff
}

    .purple-colors ul li:nth-child(11) p:before {
        content: "#c042ff"
    }

.purple-colors ul li:nth-child(10) {
    background-color: #c552ff
}

    .purple-colors ul li:nth-child(10) p:before {
        content: "#c552ff"
    }

.purple-colors ul li:nth-child(9) {
    background-color: #ca61ff
}

    .purple-colors ul li:nth-child(9) p:before {
        content: "#ca61ff"
    }

.purple-colors ul li:nth-child(8) {
    background-color: #cf70ff
}

    .purple-colors ul li:nth-child(8) p:before {
        content: "#cf70ff"
    }

.purple-colors ul li:nth-child(7) {
    background-color: #d47fff
}

    .purple-colors ul li:nth-child(7) p:before {
        content: "#d47fff"
    }

.purple-colors ul li:nth-child(6) {
    background-color: #d98fff
}

    .purple-colors ul li:nth-child(6) p:before {
        content: "#d98fff"
    }

.purple-colors ul li:nth-child(5) {
    background-color: #de9eff
}

    .purple-colors ul li:nth-child(5) p:before {
        content: "#de9eff"
    }

.purple-colors ul li:nth-child(4) {
    background-color: #e4adff
}

    .purple-colors ul li:nth-child(4) p:before {
        content: "#e4adff"
    }

.purple-colors ul li:nth-child(3) {
    background-color: #e9bdff
}

    .purple-colors ul li:nth-child(3) p:before {
        content: "#e9bdff"
    }

.purple-colors ul li:nth-child(2) {
    background-color: #ecf
}

    .purple-colors ul li:nth-child(2) p:before {
        content: "#ecf"
    }

.purple-colors ul li:nth-child(1) {
    background-color: #f3dbff
}

    .purple-colors ul li:nth-child(1) p:before {
        content: "#f3dbff"
    }

.deep-purple-colors ul li:nth-child(14) {
    background-color: #6b05f9
}

    .deep-purple-colors ul li:nth-child(14) p:before {
        content: "#6b05f9"
    }

.deep-purple-colors ul li:nth-child(13) {
    background-color: #7414fa
}

    .deep-purple-colors ul li:nth-child(13) p:before {
        content: "#7414fa"
    }

.deep-purple-colors ul li:nth-child(12) {
    background-color: #7d23fa
}

    .deep-purple-colors ul li:nth-child(12) p:before {
        content: "#7d23fa"
    }

.deep-purple-colors ul li:nth-child(11) {
    background-color: #8632fb
}

    .deep-purple-colors ul li:nth-child(11) p:before {
        content: "#8632fb"
    }

.deep-purple-colors ul li:nth-child(10) {
    background-color: #8f41fb
}

    .deep-purple-colors ul li:nth-child(10) p:before {
        content: "#8f41fb"
    }

.deep-purple-colors ul li:nth-child(9) {
    background-color: #9850fb
}

    .deep-purple-colors ul li:nth-child(9) p:before {
        content: "#9850fb"
    }

.deep-purple-colors ul li:nth-child(8) {
    background-color: #a05ffc
}

    .deep-purple-colors ul li:nth-child(8) p:before {
        content: "#a05ffc"
    }

.deep-purple-colors ul li:nth-child(7) {
    background-color: #a96efc
}

    .deep-purple-colors ul li:nth-child(7) p:before {
        content: "#a96efc"
    }

.deep-purple-colors ul li:nth-child(6) {
    background-color: #b27cfc
}

    .deep-purple-colors ul li:nth-child(6) p:before {
        content: "#b27cfc"
    }

.deep-purple-colors ul li:nth-child(5) {
    background-color: #bb8bfd
}

    .deep-purple-colors ul li:nth-child(5) p:before {
        content: "#bb8bfd"
    }

.deep-purple-colors ul li:nth-child(4) {
    background-color: #c49afd
}

    .deep-purple-colors ul li:nth-child(4) p:before {
        content: "#c49afd"
    }

.deep-purple-colors ul li:nth-child(3) {
    background-color: #cda9fd
}

    .deep-purple-colors ul li:nth-child(3) p:before {
        content: "#cda9fd"
    }

.deep-purple-colors ul li:nth-child(2) {
    background-color: #d5b8fd
}

    .deep-purple-colors ul li:nth-child(2) p:before {
        content: "#d5b8fd"
    }

.deep-purple-colors ul li:nth-child(1) {
    background-color: #dec7fe
}

    .deep-purple-colors ul li:nth-child(1) p:before {
        content: "#dec7fe"
    }

.indigo-colors ul li:nth-child(14) {
    background-color: #415dfe
}

    .indigo-colors ul li:nth-child(14) p:before {
        content: "#415dfe"
    }

.indigo-colors ul li:nth-child(13) {
    background-color: #4d68fe
}

    .indigo-colors ul li:nth-child(13) p:before {
        content: "#4d68fe"
    }

.indigo-colors ul li:nth-child(12) {
    background-color: #5a72fe
}

    .indigo-colors ul li:nth-child(12) p:before {
        content: "#5a72fe"
    }

.indigo-colors ul li:nth-child(11) {
    background-color: #677dfe
}

    .indigo-colors ul li:nth-child(11) p:before {
        content: "#677dfe"
    }

.indigo-colors ul li:nth-child(10) {
    background-color: #7388fe
}

    .indigo-colors ul li:nth-child(10) p:before {
        content: "#7388fe"
    }

.indigo-colors ul li:nth-child(9) {
    background-color: #8093fe
}

    .indigo-colors ul li:nth-child(9) p:before {
        content: "#8093fe"
    }

.indigo-colors ul li:nth-child(8) {
    background-color: #8d9efe
}

    .indigo-colors ul li:nth-child(8) p:before {
        content: "#8d9efe"
    }

.indigo-colors ul li:nth-child(7) {
    background-color: #9aa9ff
}

    .indigo-colors ul li:nth-child(7) p:before {
        content: "#9aa9ff"
    }

.indigo-colors ul li:nth-child(6) {
    background-color: #a6b3ff
}

    .indigo-colors ul li:nth-child(6) p:before {
        content: "#a6b3ff"
    }

.indigo-colors ul li:nth-child(5) {
    background-color: #b3beff
}

    .indigo-colors ul li:nth-child(5) p:before {
        content: "#b3beff"
    }

.indigo-colors ul li:nth-child(4) {
    background-color: #c0c9ff
}

    .indigo-colors ul li:nth-child(4) p:before {
        content: "#c0c9ff"
    }

.indigo-colors ul li:nth-child(3) {
    background-color: #ccd4ff
}

    .indigo-colors ul li:nth-child(3) p:before {
        content: "#ccd4ff"
    }

.indigo-colors ul li:nth-child(2) {
    background-color: #d9dfff
}

    .indigo-colors ul li:nth-child(2) p:before {
        content: "#d9dfff"
    }

.indigo-colors ul li:nth-child(1) {
    background-color: #e6e9ff
}

    .indigo-colors ul li:nth-child(1) p:before {
        content: "#e6e9ff"
    }

.blue-colors ul li:nth-child(14) {
    background-color: #3a6eff
}

    .blue-colors ul li:nth-child(14) p:before {
        content: "#3a6eff"
    }

.blue-colors ul li:nth-child(13) {
    background-color: #4778ff
}

    .blue-colors ul li:nth-child(13) p:before {
        content: "#4778ff"
    }

.blue-colors ul li:nth-child(12) {
    background-color: #5381ff
}

    .blue-colors ul li:nth-child(12) p:before {
        content: "#5381ff"
    }

.blue-colors ul li:nth-child(11) {
    background-color: #608aff
}

    .blue-colors ul li:nth-child(11) p:before {
        content: "#608aff"
    }

.blue-colors ul li:nth-child(10) {
    background-color: #6d94ff
}

    .blue-colors ul li:nth-child(10) p:before {
        content: "#6d94ff"
    }

.blue-colors ul li:nth-child(9) {
    background-color: #7a9dff
}

    .blue-colors ul li:nth-child(9) p:before {
        content: "#7a9dff"
    }

.blue-colors ul li:nth-child(8) {
    background-color: #86a6ff
}

    .blue-colors ul li:nth-child(8) p:before {
        content: "#86a6ff"
    }

.blue-colors ul li:nth-child(7) {
    background-color: #93b0ff
}

    .blue-colors ul li:nth-child(7) p:before {
        content: "#93b0ff"
    }

.blue-colors ul li:nth-child(6) {
    background-color: #a0b9ff
}

    .blue-colors ul li:nth-child(6) p:before {
        content: "#a0b9ff"
    }

.blue-colors ul li:nth-child(5) {
    background-color: #adc3ff
}

    .blue-colors ul li:nth-child(5) p:before {
        content: "#adc3ff"
    }

.blue-colors ul li:nth-child(4) {
    background-color: #b9ccff
}

    .blue-colors ul li:nth-child(4) p:before {
        content: "#b9ccff"
    }

.blue-colors ul li:nth-child(3) {
    background-color: #c6d5ff
}

    .blue-colors ul li:nth-child(3) p:before {
        content: "#c6d5ff"
    }

.blue-colors ul li:nth-child(2) {
    background-color: #d3dfff
}

    .blue-colors ul li:nth-child(2) p:before {
        content: "#d3dfff"
    }

.blue-colors ul li:nth-child(1) {
    background-color: #e0e8ff
}

    .blue-colors ul li:nth-child(1) p:before {
        content: "#e0e8ff"
    }

.light-blue-colors ul li:nth-child(14) {
    background-color: #059cf9
}

    .light-blue-colors ul li:nth-child(14) p:before {
        content: "#059cf9"
    }

.light-blue-colors ul li:nth-child(13) {
    background-color: #14a2fa
}

    .light-blue-colors ul li:nth-child(13) p:before {
        content: "#14a2fa"
    }

.light-blue-colors ul li:nth-child(12) {
    background-color: #23a8fa
}

    .light-blue-colors ul li:nth-child(12) p:before {
        content: "#23a8fa"
    }

.light-blue-colors ul li:nth-child(11) {
    background-color: #32aefb
}

    .light-blue-colors ul li:nth-child(11) p:before {
        content: "#32aefb"
    }

.light-blue-colors ul li:nth-child(10) {
    background-color: #41b4fb
}

    .light-blue-colors ul li:nth-child(10) p:before {
        content: "#41b4fb"
    }

.light-blue-colors ul li:nth-child(9) {
    background-color: #50bafb
}

    .light-blue-colors ul li:nth-child(9) p:before {
        content: "#50bafb"
    }

.light-blue-colors ul li:nth-child(8) {
    background-color: #5fc0fc
}

    .light-blue-colors ul li:nth-child(8) p:before {
        content: "#5fc0fc"
    }

.light-blue-colors ul li:nth-child(7) {
    background-color: #6ec6fc
}

    .light-blue-colors ul li:nth-child(7) p:before {
        content: "#6ec6fc"
    }

.light-blue-colors ul li:nth-child(6) {
    background-color: #7cccfc
}

    .light-blue-colors ul li:nth-child(6) p:before {
        content: "#7cccfc"
    }

.light-blue-colors ul li:nth-child(5) {
    background-color: #8bd2fd
}

    .light-blue-colors ul li:nth-child(5) p:before {
        content: "#8bd2fd"
    }

.light-blue-colors ul li:nth-child(4) {
    background-color: #9ad7fd
}

    .light-blue-colors ul li:nth-child(4) p:before {
        content: "#9ad7fd"
    }

.light-blue-colors ul li:nth-child(3) {
    background-color: #a9ddfd
}

    .light-blue-colors ul li:nth-child(3) p:before {
        content: "#a9ddfd"
    }

.light-blue-colors ul li:nth-child(2) {
    background-color: #b8e3fd
}

    .light-blue-colors ul li:nth-child(2) p:before {
        content: "#b8e3fd"
    }

.light-blue-colors ul li:nth-child(1) {
    background-color: #c7e9fe
}

    .light-blue-colors ul li:nth-child(1) p:before {
        content: "#c7e9fe"
    }

.cyan-colors ul li:nth-child(14) {
    background-color: #05c6e3
}

    .cyan-colors ul li:nth-child(14) p:before {
        content: "#05c6e3"
    }

.cyan-colors ul li:nth-child(13) {
    background-color: #06d3f2
}

    .cyan-colors ul li:nth-child(13) p:before {
        content: "#06d3f2"
    }

.cyan-colors ul li:nth-child(12) {
    background-color: #0edbf9
}

    .cyan-colors ul li:nth-child(12) p:before {
        content: "#0edbf9"
    }

.cyan-colors ul li:nth-child(11) {
    background-color: #1dddfa
}

    .cyan-colors ul li:nth-child(11) p:before {
        content: "#1dddfa"
    }

.cyan-colors ul li:nth-child(10) {
    background-color: #2bdffa
}

    .cyan-colors ul li:nth-child(10) p:before {
        content: "#2bdffa"
    }

.cyan-colors ul li:nth-child(9) {
    background-color: #3ae1fa
}

    .cyan-colors ul li:nth-child(9) p:before {
        content: "#3ae1fa"
    }

.cyan-colors ul li:nth-child(8) {
    background-color: #49e4fb
}

    .cyan-colors ul li:nth-child(8) p:before {
        content: "#49e4fb"
    }

.cyan-colors ul li:nth-child(7) {
    background-color: #58e6fb
}

    .cyan-colors ul li:nth-child(7) p:before {
        content: "#58e6fb"
    }

.cyan-colors ul li:nth-child(6) {
    background-color: #67e8fb
}

    .cyan-colors ul li:nth-child(6) p:before {
        content: "#67e8fb"
    }

.cyan-colors ul li:nth-child(5) {
    background-color: #76eafc
}

    .cyan-colors ul li:nth-child(5) p:before {
        content: "#76eafc"
    }

.cyan-colors ul li:nth-child(4) {
    background-color: #85edfc
}

    .cyan-colors ul li:nth-child(4) p:before {
        content: "#85edfc"
    }

.cyan-colors ul li:nth-child(3) {
    background-color: #94effc
}

    .cyan-colors ul li:nth-child(3) p:before {
        content: "#94effc"
    }

.cyan-colors ul li:nth-child(2) {
    background-color: #a3f1fd
}

    .cyan-colors ul li:nth-child(2) p:before {
        content: "#a3f1fd"
    }

.cyan-colors ul li:nth-child(1) {
    background-color: #b2f3fd
}

    .cyan-colors ul li:nth-child(1) p:before {
        content: "#b2f3fd"
    }

.teal-colors ul li:nth-child(14) {
    background-color: #05cfb3
}

    .teal-colors ul li:nth-child(14) p:before {
        content: "#05cfb3"
    }

.teal-colors ul li:nth-child(13) {
    background-color: #06dec0
}

    .teal-colors ul li:nth-child(13) p:before {
        content: "#06dec0"
    }

.teal-colors ul li:nth-child(12) {
    background-color: #06edcd
}

    .teal-colors ul li:nth-child(12) p:before {
        content: "#06edcd"
    }

.teal-colors ul li:nth-child(11) {
    background-color: #0af9d7
}

    .teal-colors ul li:nth-child(11) p:before {
        content: "#0af9d7"
    }

.teal-colors ul li:nth-child(10) {
    background-color: #19f9da
}

    .teal-colors ul li:nth-child(10) p:before {
        content: "#19f9da"
    }

.teal-colors ul li:nth-child(9) {
    background-color: #27f9dc
}

    .teal-colors ul li:nth-child(9) p:before {
        content: "#27f9dc"
    }

.teal-colors ul li:nth-child(8) {
    background-color: #36fadf
}

    .teal-colors ul li:nth-child(8) p:before {
        content: "#36fadf"
    }

.teal-colors ul li:nth-child(7) {
    background-color: #45fae1
}

    .teal-colors ul li:nth-child(7) p:before {
        content: "#45fae1"
    }

.teal-colors ul li:nth-child(6) {
    background-color: #54fbe3
}

    .teal-colors ul li:nth-child(6) p:before {
        content: "#54fbe3"
    }

.teal-colors ul li:nth-child(5) {
    background-color: #63fbe6
}

    .teal-colors ul li:nth-child(5) p:before {
        content: "#63fbe6"
    }

.teal-colors ul li:nth-child(4) {
    background-color: #72fbe8
}

    .teal-colors ul li:nth-child(4) p:before {
        content: "#72fbe8"
    }

.teal-colors ul li:nth-child(3) {
    background-color: #81fceb
}

    .teal-colors ul li:nth-child(3) p:before {
        content: "#81fceb"
    }

.teal-colors ul li:nth-child(2) {
    background-color: #90fced
}

    .teal-colors ul li:nth-child(2) p:before {
        content: "#90fced"
    }

.teal-colors ul li:nth-child(1) {
    background-color: #9ffcef
}

    .teal-colors ul li:nth-child(1) p:before {
        content: "#9ffcef"
    }

.green-colors ul li:nth-child(14) {
    background-color: #05d85c
}

    .green-colors ul li:nth-child(14) p:before {
        content: "#05d85c"
    }

.green-colors ul li:nth-child(13) {
    background-color: #06e763
}

    .green-colors ul li:nth-child(13) p:before {
        content: "#06e763"
    }

.green-colors ul li:nth-child(12) {
    background-color: #06f669
}

    .green-colors ul li:nth-child(12) p:before {
        content: "#06f669"
    }

.green-colors ul li:nth-child(11) {
    background-color: #12f972
}

    .green-colors ul li:nth-child(11) p:before {
        content: "#12f972"
    }

.green-colors ul li:nth-child(10) {
    background-color: #21f97a
}

    .green-colors ul li:nth-child(10) p:before {
        content: "#21f97a"
    }

.green-colors ul li:nth-child(9) {
    background-color: #30fa83
}

    .green-colors ul li:nth-child(9) p:before {
        content: "#30fa83"
    }

.green-colors ul li:nth-child(8) {
    background-color: #3ffa8c
}

    .green-colors ul li:nth-child(8) p:before {
        content: "#3ffa8c"
    }

.green-colors ul li:nth-child(7) {
    background-color: #4efb95
}

    .green-colors ul li:nth-child(7) p:before {
        content: "#4efb95"
    }

.green-colors ul li:nth-child(6) {
    background-color: #5dfb9e
}

    .green-colors ul li:nth-child(6) p:before {
        content: "#5dfb9e"
    }

.green-colors ul li:nth-child(5) {
    background-color: #6cfba7
}

    .green-colors ul li:nth-child(5) p:before {
        content: "#6cfba7"
    }

.green-colors ul li:nth-child(4) {
    background-color: #7bfcb0
}

    .green-colors ul li:nth-child(4) p:before {
        content: "#7bfcb0"
    }

.green-colors ul li:nth-child(3) {
    background-color: #8afcb9
}

    .green-colors ul li:nth-child(3) p:before {
        content: "#8afcb9"
    }

.green-colors ul li:nth-child(2) {
    background-color: #98fcc2
}

    .green-colors ul li:nth-child(2) p:before {
        content: "#98fcc2"
    }

.green-colors ul li:nth-child(1) {
    background-color: #a7fdcb
}

    .green-colors ul li:nth-child(1) p:before {
        content: "#a7fdcb"
    }

.light-green-colors ul li:nth-child(14) {
    background-color: #6fe423
}

    .light-green-colors ul li:nth-child(14) p:before {
        content: "#6fe423"
    }

.light-green-colors ul li:nth-child(13) {
    background-color: #78e631
}

    .light-green-colors ul li:nth-child(13) p:before {
        content: "#78e631"
    }

.light-green-colors ul li:nth-child(12) {
    background-color: #81e73e
}

    .light-green-colors ul li:nth-child(12) p:before {
        content: "#81e73e"
    }

.light-green-colors ul li:nth-child(11) {
    background-color: #8ae94c
}

    .light-green-colors ul li:nth-child(11) p:before {
        content: "#8ae94c"
    }

.light-green-colors ul li:nth-child(10) {
    background-color: #93eb5a
}

    .light-green-colors ul li:nth-child(10) p:before {
        content: "#93eb5a"
    }

.light-green-colors ul li:nth-child(9) {
    background-color: #9bec67
}

    .light-green-colors ul li:nth-child(9) p:before {
        content: "#9bec67"
    }

.light-green-colors ul li:nth-child(8) {
    background-color: #a4ee75
}

    .light-green-colors ul li:nth-child(8) p:before {
        content: "#a4ee75"
    }

.light-green-colors ul li:nth-child(7) {
    background-color: #adf083
}

    .light-green-colors ul li:nth-child(7) p:before {
        content: "#adf083"
    }

.light-green-colors ul li:nth-child(6) {
    background-color: #b6f190
}

    .light-green-colors ul li:nth-child(6) p:before {
        content: "#b6f190"
    }

.light-green-colors ul li:nth-child(5) {
    background-color: #bff39e
}

    .light-green-colors ul li:nth-child(5) p:before {
        content: "#bff39e"
    }

.light-green-colors ul li:nth-child(4) {
    background-color: #c8f5ac
}

    .light-green-colors ul li:nth-child(4) p:before {
        content: "#c8f5ac"
    }

.light-green-colors ul li:nth-child(3) {
    background-color: #d1f6b9
}

    .light-green-colors ul li:nth-child(3) p:before {
        content: "#d1f6b9"
    }

.light-green-colors ul li:nth-child(2) {
    background-color: #daf8c7
}

    .light-green-colors ul li:nth-child(2) p:before {
        content: "#daf8c7"
    }

.light-green-colors ul li:nth-child(1) {
    background-color: #e3fad4
}

    .light-green-colors ul li:nth-child(1) p:before {
        content: "#e3fad4"
    }

.lime-colors ul li:nth-child(14) {
    background-color: #baf905
}

    .lime-colors ul li:nth-child(14) p:before {
        content: "#baf905"
    }

.lime-colors ul li:nth-child(13) {
    background-color: #bffa14
}

    .lime-colors ul li:nth-child(13) p:before {
        content: "#bffa14"
    }

.lime-colors ul li:nth-child(12) {
    background-color: #c3fa23
}

    .lime-colors ul li:nth-child(12) p:before {
        content: "#c3fa23"
    }

.lime-colors ul li:nth-child(11) {
    background-color: #c7fb32
}

    .lime-colors ul li:nth-child(11) p:before {
        content: "#c7fb32"
    }

.lime-colors ul li:nth-child(10) {
    background-color: #cbfb41
}

    .lime-colors ul li:nth-child(10) p:before {
        content: "#cbfb41"
    }

.lime-colors ul li:nth-child(9) {
    background-color: #cffb50
}

    .lime-colors ul li:nth-child(9) p:before {
        content: "#cffb50"
    }

.lime-colors ul li:nth-child(8) {
    background-color: #d3fc5f
}

    .lime-colors ul li:nth-child(8) p:before {
        content: "#d3fc5f"
    }

.lime-colors ul li:nth-child(7) {
    background-color: #d7fc6e
}

    .lime-colors ul li:nth-child(7) p:before {
        content: "#d7fc6e"
    }

.lime-colors ul li:nth-child(6) {
    background-color: #dbfc7c
}

    .lime-colors ul li:nth-child(6) p:before {
        content: "#dbfc7c"
    }

.lime-colors ul li:nth-child(5) {
    background-color: #dffd8b
}

    .lime-colors ul li:nth-child(5) p:before {
        content: "#dffd8b"
    }

.lime-colors ul li:nth-child(4) {
    background-color: #e3fd9a
}

    .lime-colors ul li:nth-child(4) p:before {
        content: "#e3fd9a"
    }

.lime-colors ul li:nth-child(3) {
    background-color: #e8fda9
}

    .lime-colors ul li:nth-child(3) p:before {
        content: "#e8fda9"
    }

.lime-colors ul li:nth-child(2) {
    background-color: #ecfdb8
}

    .lime-colors ul li:nth-child(2) p:before {
        content: "#ecfdb8"
    }

.lime-colors ul li:nth-child(1) {
    background-color: #f0fec7
}

    .lime-colors ul li:nth-child(1) p:before {
        content: "#f0fec7"
    }

.yellow-colors ul li:nth-child(14) {
    background-color: #ffd812
}

    .yellow-colors ul li:nth-child(14) p:before {
        content: "#ffd812"
    }

.yellow-colors ul li:nth-child(13) {
    background-color: #ffda1f
}

    .yellow-colors ul li:nth-child(13) p:before {
        content: "#ffda1f"
    }

.yellow-colors ul li:nth-child(12) {
    background-color: #ffdc2b
}

    .yellow-colors ul li:nth-child(12) p:before {
        content: "#ffdc2b"
    }

.yellow-colors ul li:nth-child(11) {
    background-color: #ffde38
}

    .yellow-colors ul li:nth-child(11) p:before {
        content: "#ffde38"
    }

.yellow-colors ul li:nth-child(10) {
    background-color: #ffe045
}

    .yellow-colors ul li:nth-child(10) p:before {
        content: "#ffe045"
    }

.yellow-colors ul li:nth-child(9) {
    background-color: #ffe352
}

    .yellow-colors ul li:nth-child(9) p:before {
        content: "#ffe352"
    }

.yellow-colors ul li:nth-child(8) {
    background-color: #ffe55e
}

    .yellow-colors ul li:nth-child(8) p:before {
        content: "#ffe55e"
    }

.yellow-colors ul li:nth-child(7) {
    background-color: #ffe76b
}

    .yellow-colors ul li:nth-child(7) p:before {
        content: "#ffe76b"
    }

.yellow-colors ul li:nth-child(6) {
    background-color: #ffe978
}

    .yellow-colors ul li:nth-child(6) p:before {
        content: "#ffe978"
    }

.yellow-colors ul li:nth-child(5) {
    background-color: #ffeb85
}

    .yellow-colors ul li:nth-child(5) p:before {
        content: "#ffeb85"
    }

.yellow-colors ul li:nth-child(4) {
    background-color: #ffed91
}

    .yellow-colors ul li:nth-child(4) p:before {
        content: "#ffed91"
    }

.yellow-colors ul li:nth-child(3) {
    background-color: #ffef9e
}

    .yellow-colors ul li:nth-child(3) p:before {
        content: "#ffef9e"
    }

.yellow-colors ul li:nth-child(2) {
    background-color: #fff1ab
}

    .yellow-colors ul li:nth-child(2) p:before {
        content: "#fff1ab"
    }

.yellow-colors ul li:nth-child(1) {
    background-color: #fff3b8
}

    .yellow-colors ul li:nth-child(1) p:before {
        content: "#fff3b8"
    }

.amber-colors ul li:nth-child(14) {
    background-color: #ffb012
}

    .amber-colors ul li:nth-child(14) p:before {
        content: "#ffb012"
    }

.amber-colors ul li:nth-child(13) {
    background-color: #ffb41f
}

    .amber-colors ul li:nth-child(13) p:before {
        content: "#ffb41f"
    }

.amber-colors ul li:nth-child(12) {
    background-color: #ffb92b
}

    .amber-colors ul li:nth-child(12) p:before {
        content: "#ffb92b"
    }

.amber-colors ul li:nth-child(11) {
    background-color: #ffbd38
}

    .amber-colors ul li:nth-child(11) p:before {
        content: "#ffbd38"
    }

.amber-colors ul li:nth-child(10) {
    background-color: #ffc145
}

    .amber-colors ul li:nth-child(10) p:before {
        content: "#ffc145"
    }

.amber-colors ul li:nth-child(9) {
    background-color: #ffc552
}

    .amber-colors ul li:nth-child(9) p:before {
        content: "#ffc552"
    }

.amber-colors ul li:nth-child(8) {
    background-color: #ffca5e
}

    .amber-colors ul li:nth-child(8) p:before {
        content: "#ffca5e"
    }

.amber-colors ul li:nth-child(7) {
    background-color: #ffce6b
}

    .amber-colors ul li:nth-child(7) p:before {
        content: "#ffce6b"
    }

.amber-colors ul li:nth-child(6) {
    background-color: #ffd278
}

    .amber-colors ul li:nth-child(6) p:before {
        content: "#ffd278"
    }

.amber-colors ul li:nth-child(5) {
    background-color: #ffd685
}

    .amber-colors ul li:nth-child(5) p:before {
        content: "#ffd685"
    }

.amber-colors ul li:nth-child(4) {
    background-color: #ffdb91
}

    .amber-colors ul li:nth-child(4) p:before {
        content: "#ffdb91"
    }

.amber-colors ul li:nth-child(3) {
    background-color: #ffdf9e
}

    .amber-colors ul li:nth-child(3) p:before {
        content: "#ffdf9e"
    }

.amber-colors ul li:nth-child(2) {
    background-color: #ffe3ab
}

    .amber-colors ul li:nth-child(2) p:before {
        content: "#ffe3ab"
    }

.amber-colors ul li:nth-child(1) {
    background-color: #ffe7b8
}

    .amber-colors ul li:nth-child(1) p:before {
        content: "#ffe7b8"
    }

.orange-colors ul li:nth-child(14) {
    background-color: #ff7814
}

    .orange-colors ul li:nth-child(14) p:before {
        content: "#ff7814"
    }

.orange-colors ul li:nth-child(13) {
    background-color: #ff8124
}

    .orange-colors ul li:nth-child(13) p:before {
        content: "#ff8124"
    }

.orange-colors ul li:nth-child(12) {
    background-color: #ff8933
}

    .orange-colors ul li:nth-child(12) p:before {
        content: "#ff8933"
    }

.orange-colors ul li:nth-child(11) {
    background-color: #ff9242
}

    .orange-colors ul li:nth-child(11) p:before {
        content: "#ff9242"
    }

.orange-colors ul li:nth-child(10) {
    background-color: #ff9b52
}

    .orange-colors ul li:nth-child(10) p:before {
        content: "#ff9b52"
    }

.orange-colors ul li:nth-child(9) {
    background-color: #ffa461
}

    .orange-colors ul li:nth-child(9) p:before {
        content: "#ffa461"
    }

.orange-colors ul li:nth-child(8) {
    background-color: #ffad70
}

    .orange-colors ul li:nth-child(8) p:before {
        content: "#ffad70"
    }

.orange-colors ul li:nth-child(7) {
    background-color: #ffb67f
}

    .orange-colors ul li:nth-child(7) p:before {
        content: "#ffb67f"
    }

.orange-colors ul li:nth-child(6) {
    background-color: #ffbe8f
}

    .orange-colors ul li:nth-child(6) p:before {
        content: "#ffbe8f"
    }

.orange-colors ul li:nth-child(5) {
    background-color: #ffc79e
}

    .orange-colors ul li:nth-child(5) p:before {
        content: "#ffc79e"
    }

.orange-colors ul li:nth-child(4) {
    background-color: #ffd0ad
}

    .orange-colors ul li:nth-child(4) p:before {
        content: "#ffd0ad"
    }

.orange-colors ul li:nth-child(3) {
    background-color: #ffd9bd
}

    .orange-colors ul li:nth-child(3) p:before {
        content: "#ffd9bd"
    }

.orange-colors ul li:nth-child(2) {
    background-color: #ffe2cc
}

    .orange-colors ul li:nth-child(2) p:before {
        content: "#ffe2cc"
    }

.orange-colors ul li:nth-child(1) {
    background-color: #ffeadb
}

    .orange-colors ul li:nth-child(1) p:before {
        content: "#ffeadb"
    }

.deep-orange-colors ul li:nth-child(14) {
    background-color: #ec3305
}

    .deep-orange-colors ul li:nth-child(14) p:before {
        content: "#ec3305"
    }

.deep-orange-colors ul li:nth-child(13) {
    background-color: #f93707
}

    .deep-orange-colors ul li:nth-child(13) p:before {
        content: "#f93707"
    }

.deep-orange-colors ul li:nth-child(12) {
    background-color: #fa4316
}

    .deep-orange-colors ul li:nth-child(12) p:before {
        content: "#fa4316"
    }

.deep-orange-colors ul li:nth-child(11) {
    background-color: #fa5025
}

    .deep-orange-colors ul li:nth-child(11) p:before {
        content: "#fa5025"
    }

.deep-orange-colors ul li:nth-child(10) {
    background-color: #fa5c34
}

    .deep-orange-colors ul li:nth-child(10) p:before {
        content: "#fa5c34"
    }

.deep-orange-colors ul li:nth-child(9) {
    background-color: #fb6843
}

    .deep-orange-colors ul li:nth-child(9) p:before {
        content: "#fb6843"
    }

.deep-orange-colors ul li:nth-child(8) {
    background-color: #fb7452
}

    .deep-orange-colors ul li:nth-child(8) p:before {
        content: "#fb7452"
    }

.deep-orange-colors ul li:nth-child(7) {
    background-color: #fb8061
}

    .deep-orange-colors ul li:nth-child(7) p:before {
        content: "#fb8061"
    }

.deep-orange-colors ul li:nth-child(6) {
    background-color: #fc8c70
}

    .deep-orange-colors ul li:nth-child(6) p:before {
        content: "#fc8c70"
    }

.deep-orange-colors ul li:nth-child(5) {
    background-color: #fc987f
}

    .deep-orange-colors ul li:nth-child(5) p:before {
        content: "#fc987f"
    }

.deep-orange-colors ul li:nth-child(4) {
    background-color: #fca48e
}

    .deep-orange-colors ul li:nth-child(4) p:before {
        content: "#fca48e"
    }

.deep-orange-colors ul li:nth-child(3) {
    background-color: #fdb09d
}

    .deep-orange-colors ul li:nth-child(3) p:before {
        content: "#fdb09d"
    }

.deep-orange-colors ul li:nth-child(2) {
    background-color: #fdbcac
}

    .deep-orange-colors ul li:nth-child(2) p:before {
        content: "#fdbcac"
    }

.deep-orange-colors ul li:nth-child(1) {
    background-color: #fdc8bb
}

    .deep-orange-colors ul li:nth-child(1) p:before {
        content: "#fdc8bb"
    }

.brown-colors ul li:nth-child(14) {
    background-color: #513631
}

    .brown-colors ul li:nth-child(14) p:before {
        content: "#513631"
    }

.brown-colors ul li:nth-child(13) {
    background-color: #61403a
}

    .brown-colors ul li:nth-child(13) p:before {
        content: "#61403a"
    }

.brown-colors ul li:nth-child(12) {
    background-color: #714b44
}

    .brown-colors ul li:nth-child(12) p:before {
        content: "#714b44"
    }

.brown-colors ul li:nth-child(11) {
    background-color: #81554d
}

    .brown-colors ul li:nth-child(11) p:before {
        content: "#81554d"
    }

.brown-colors ul li:nth-child(10) {
    background-color: #916057
}

    .brown-colors ul li:nth-child(10) p:before {
        content: "#916057"
    }

.brown-colors ul li:nth-child(9) {
    background-color: #a06b61
}

    .brown-colors ul li:nth-child(9) p:before {
        content: "#a06b61"
    }

.brown-colors ul li:nth-child(8) {
    background-color: #aa7a71
}

    .brown-colors ul li:nth-child(8) p:before {
        content: "#aa7a71"
    }

.brown-colors ul li:nth-child(7) {
    background-color: #b38981
}

    .brown-colors ul li:nth-child(7) p:before {
        content: "#b38981"
    }

.brown-colors ul li:nth-child(6) {
    background-color: #bd9791
}

    .brown-colors ul li:nth-child(6) p:before {
        content: "#bd9791"
    }

.brown-colors ul li:nth-child(5) {
    background-color: #c6a6a1
}

    .brown-colors ul li:nth-child(5) p:before {
        content: "#c6a6a1"
    }

.brown-colors ul li:nth-child(4) {
    background-color: #d0b5b1
}

    .brown-colors ul li:nth-child(4) p:before {
        content: "#d0b5b1"
    }

.brown-colors ul li:nth-child(3) {
    background-color: #dac4c1
}

    .brown-colors ul li:nth-child(3) p:before {
        content: "#dac4c1"
    }

.brown-colors ul li:nth-child(2) {
    background-color: #e3d3d0
}

    .brown-colors ul li:nth-child(2) p:before {
        content: "#e3d3d0"
    }

.brown-colors ul li:nth-child(1) {
    background-color: #ede2e0
}

    .brown-colors ul li:nth-child(1) p:before {
        content: "#ede2e0"
    }

.grey-colors ul li:nth-child(14) {
    background-color: #323232
}

    .grey-colors ul li:nth-child(14) p:before {
        content: "#323232"
    }

.grey-colors ul li:nth-child(13) {
    background-color: #3f3f3f
}

    .grey-colors ul li:nth-child(13) p:before {
        content: "#3f3f3f"
    }

.grey-colors ul li:nth-child(12) {
    background-color: #4b4b4b
}

    .grey-colors ul li:nth-child(12) p:before {
        content: "#4b4b4b"
    }

.grey-colors ul li:nth-child(11) {
    background-color: #585858
}

    .grey-colors ul li:nth-child(11) p:before {
        content: "#585858"
    }

.grey-colors ul li:nth-child(10) {
    background-color: #656565
}

    .grey-colors ul li:nth-child(10) p:before {
        content: "#656565"
    }

.grey-colors ul li:nth-child(9) {
    background-color: #727272
}

    .grey-colors ul li:nth-child(9) p:before {
        content: "#727272"
    }

.grey-colors ul li:nth-child(8) {
    background-color: #7e7e7e
}

    .grey-colors ul li:nth-child(8) p:before {
        content: "#7e7e7e"
    }

.grey-colors ul li:nth-child(7) {
    background-color: #8b8b8b
}

    .grey-colors ul li:nth-child(7) p:before {
        content: "#8b8b8b"
    }

.grey-colors ul li:nth-child(6) {
    background-color: #989898
}

    .grey-colors ul li:nth-child(6) p:before {
        content: "#989898"
    }

.grey-colors ul li:nth-child(5) {
    background-color: #a5a5a5
}

    .grey-colors ul li:nth-child(5) p:before {
        content: "#a5a5a5"
    }

.grey-colors ul li:nth-child(4) {
    background-color: #b1b1b1
}

    .grey-colors ul li:nth-child(4) p:before {
        content: "#b1b1b1"
    }

.grey-colors ul li:nth-child(3) {
    background-color: #bebebe
}

    .grey-colors ul li:nth-child(3) p:before {
        content: "#bebebe"
    }

.grey-colors ul li:nth-child(2) {
    background-color: #cbcbcb
}

    .grey-colors ul li:nth-child(2) p:before {
        content: "#cbcbcb"
    }

.grey-colors ul li:nth-child(1) {
    background-color: #d8d8d8
}

    .grey-colors ul li:nth-child(1) p:before {
        content: "#d8d8d8"
    }

.blue-grey-colors ul li:nth-child(14) {
    background-color: #35444a
}

    .blue-grey-colors ul li:nth-child(14) p:before {
        content: "#35444a"
    }

.blue-grey-colors ul li:nth-child(13) {
    background-color: #3f5159
}

    .blue-grey-colors ul li:nth-child(13) p:before {
        content: "#3f5159"
    }

.blue-grey-colors ul li:nth-child(12) {
    background-color: #4a5f68
}

    .blue-grey-colors ul li:nth-child(12) p:before {
        content: "#4a5f68"
    }

.blue-grey-colors ul li:nth-child(11) {
    background-color: #546d77
}

    .blue-grey-colors ul li:nth-child(11) p:before {
        content: "#546d77"
    }

.blue-grey-colors ul li:nth-child(10) {
    background-color: #5f7a85
}

    .blue-grey-colors ul li:nth-child(10) p:before {
        content: "#5f7a85"
    }

.blue-grey-colors ul li:nth-child(9) {
    background-color: #6a8894
}

    .blue-grey-colors ul li:nth-child(9) p:before {
        content: "#6a8894"
    }

.blue-grey-colors ul li:nth-child(8) {
    background-color: #78949f
}

    .blue-grey-colors ul li:nth-child(8) p:before {
        content: "#78949f"
    }

.blue-grey-colors ul li:nth-child(7) {
    background-color: #87a0aa
}

    .blue-grey-colors ul li:nth-child(7) p:before {
        content: "#87a0aa"
    }

.blue-grey-colors ul li:nth-child(6) {
    background-color: #96abb4
}

    .blue-grey-colors ul li:nth-child(6) p:before {
        content: "#96abb4"
    }

.blue-grey-colors ul li:nth-child(5) {
    background-color: #a5b7bf
}

    .blue-grey-colors ul li:nth-child(5) p:before {
        content: "#a5b7bf"
    }

.blue-grey-colors ul li:nth-child(4) {
    background-color: #b4c3ca
}

    .blue-grey-colors ul li:nth-child(4) p:before {
        content: "#b4c3ca"
    }

.blue-grey-colors ul li:nth-child(3) {
    background-color: #c3cfd4
}

    .blue-grey-colors ul li:nth-child(3) p:before {
        content: "#c3cfd4"
    }

.blue-grey-colors ul li:nth-child(2) {
    background-color: #d2dbdf
}

    .blue-grey-colors ul li:nth-child(2) p:before {
        content: "#d2dbdf"
    }

.blue-grey-colors ul li:nth-child(1) {
    background-color: #e1e7e9
}

    .blue-grey-colors ul li:nth-child(1) p:before {
        content: "#e1e7e9"
    }

.primary-colorr ul li:nth-child(14) {
    background-color: #1cc9a7
}

    .primary-colorr ul li:nth-child(14) p:before {
        content: "#1cc9a7"
    }

.primary-colorr ul li:nth-child(13) {
    background-color: #1ed7b2
}

    .primary-colorr ul li:nth-child(13) p:before {
        content: "#1ed7b2"
    }

.primary-colorr ul li:nth-child(12) {
    background-color: #23e1bb
}

    .primary-colorr ul li:nth-child(12) p:before {
        content: "#23e1bb"
    }

.primary-colorr ul li:nth-child(11) {
    background-color: #31e2bf
}

    .primary-colorr ul li:nth-child(11) p:before {
        content: "#31e2bf"
    }

.primary-colorr ul li:nth-child(10) {
    background-color: #3ee4c4
}

    .primary-colorr ul li:nth-child(10) p:before {
        content: "#3ee4c4"
    }

.primary-colorr ul li:nth-child(9) {
    background-color: #4ce6c8
}

    .primary-colorr ul li:nth-child(9) p:before {
        content: "#4ce6c8"
    }

.primary-colorr ul li:nth-child(8) {
    background-color: #59e8cc
}

    .primary-colorr ul li:nth-child(8) p:before {
        content: "#59e8cc"
    }

.primary-colorr ul li:nth-child(7) {
    background-color: #66ead0
}

    .primary-colorr ul li:nth-child(7) p:before {
        content: "#66ead0"
    }

.primary-colorr ul li:nth-child(6) {
    background-color: #74ecd4
}

    .primary-colorr ul li:nth-child(6) p:before {
        content: "#74ecd4"
    }

.primary-colorr ul li:nth-child(5) {
    background-color: #81eed8
}

    .primary-colorr ul li:nth-child(5) p:before {
        content: "#81eed8"
    }

.primary-colorr ul li:nth-child(4) {
    background-color: #8fefdc
}

    .primary-colorr ul li:nth-child(4) p:before {
        content: "#8fefdc"
    }

.primary-colorr ul li:nth-child(3) {
    background-color: #9cf1e1
}

    .primary-colorr ul li:nth-child(3) p:before {
        content: "#9cf1e1"
    }

.primary-colorr ul li:nth-child(2) {
    background-color: #aaf3e5
}

    .primary-colorr ul li:nth-child(2) p:before {
        content: "#aaf3e5"
    }

.primary-colorr ul li:nth-child(1) {
    background-color: #b7f5e9
}

    .primary-colorr ul li:nth-child(1) p:before {
        content: "#b7f5e9"
    }

.success-colorr ul li:nth-child(14) {
    background-color: #33d176
}

    .success-colorr ul li:nth-child(14) p:before {
        content: "#33d176"
    }

.success-colorr ul li:nth-child(13) {
    background-color: #3bd37c
}

    .success-colorr ul li:nth-child(13) p:before {
        content: "#3bd37c"
    }

.success-colorr ul li:nth-child(12) {
    background-color: #44d581
}

    .success-colorr ul li:nth-child(12) p:before {
        content: "#44d581"
    }

.success-colorr ul li:nth-child(11) {
    background-color: #4cd787
}

    .success-colorr ul li:nth-child(11) p:before {
        content: "#4cd787"
    }

.success-colorr ul li:nth-child(10) {
    background-color: #54d98c
}

    .success-colorr ul li:nth-child(10) p:before {
        content: "#54d98c"
    }

.success-colorr ul li:nth-child(9) {
    background-color: #5dda92
}

    .success-colorr ul li:nth-child(9) p:before {
        content: "#5dda92"
    }

.success-colorr ul li:nth-child(8) {
    background-color: #65dc98
}

    .success-colorr ul li:nth-child(8) p:before {
        content: "#65dc98"
    }

.success-colorr ul li:nth-child(7) {
    background-color: #6dde9d
}

    .success-colorr ul li:nth-child(7) p:before {
        content: "#6dde9d"
    }

.success-colorr ul li:nth-child(6) {
    background-color: #76e0a3
}

    .success-colorr ul li:nth-child(6) p:before {
        content: "#76e0a3"
    }

.success-colorr ul li:nth-child(5) {
    background-color: #7ee2a8
}

    .success-colorr ul li:nth-child(5) p:before {
        content: "#7ee2a8"
    }

.success-colorr ul li:nth-child(4) {
    background-color: #86e4ae
}

    .success-colorr ul li:nth-child(4) p:before {
        content: "#86e4ae"
    }

.success-colorr ul li:nth-child(3) {
    background-color: #8fe6b4
}

    .success-colorr ul li:nth-child(3) p:before {
        content: "#8fe6b4"
    }

.success-colorr ul li:nth-child(2) {
    background-color: #97e8b9
}

    .success-colorr ul li:nth-child(2) p:before {
        content: "#97e8b9"
    }

.success-colorr ul li:nth-child(1) {
    background-color: #9fe9bf
}

    .success-colorr ul li:nth-child(1) p:before {
        content: "#9fe9bf"
    }

.info-colorr ul li:nth-child(14) {
    background-color: #3d9cdd
}

    .info-colorr ul li:nth-child(14) p:before {
        content: "#3d9cdd"
    }

.info-colorr ul li:nth-child(13) {
    background-color: #45a1de
}

    .info-colorr ul li:nth-child(13) p:before {
        content: "#45a1de"
    }

.info-colorr ul li:nth-child(12) {
    background-color: #4ea5e0
}

    .info-colorr ul li:nth-child(12) p:before {
        content: "#4ea5e0"
    }

.info-colorr ul li:nth-child(11) {
    background-color: #57aae1
}

    .info-colorr ul li:nth-child(11) p:before {
        content: "#57aae1"
    }

.info-colorr ul li:nth-child(10) {
    background-color: #5faee3
}

    .info-colorr ul li:nth-child(10) p:before {
        content: "#5faee3"
    }

.info-colorr ul li:nth-child(9) {
    background-color: #68b2e4
}

    .info-colorr ul li:nth-child(9) p:before {
        content: "#68b2e4"
    }

.info-colorr ul li:nth-child(8) {
    background-color: #71b7e6
}

    .info-colorr ul li:nth-child(8) p:before {
        content: "#71b7e6"
    }

.info-colorr ul li:nth-child(7) {
    background-color: #79bbe7
}

    .info-colorr ul li:nth-child(7) p:before {
        content: "#79bbe7"
    }

.info-colorr ul li:nth-child(6) {
    background-color: #82c0e9
}

    .info-colorr ul li:nth-child(6) p:before {
        content: "#82c0e9"
    }

.info-colorr ul li:nth-child(5) {
    background-color: #8bc4ea
}

    .info-colorr ul li:nth-child(5) p:before {
        content: "#8bc4ea"
    }

.info-colorr ul li:nth-child(4) {
    background-color: #93c8ec
}

    .info-colorr ul li:nth-child(4) p:before {
        content: "#93c8ec"
    }

.info-colorr ul li:nth-child(3) {
    background-color: #9ccded
}

    .info-colorr ul li:nth-child(3) p:before {
        content: "#9ccded"
    }

.info-colorr ul li:nth-child(2) {
    background-color: #a5d1ef
}

    .info-colorr ul li:nth-child(2) p:before {
        content: "#a5d1ef"
    }

.info-colorr ul li:nth-child(1) {
    background-color: #add6f1
}

    .info-colorr ul li:nth-child(1) p:before {
        content: "#add6f1"
    }

.warning-colorr ul li:nth-child(14) {
    background-color: #f2c619
}

    .warning-colorr ul li:nth-child(14) p:before {
        content: "#f2c619"
    }

.warning-colorr ul li:nth-child(13) {
    background-color: #f2c922
}

    .warning-colorr ul li:nth-child(13) p:before {
        content: "#f2c922"
    }

.warning-colorr ul li:nth-child(12) {
    background-color: #f3cb2c
}

    .warning-colorr ul li:nth-child(12) p:before {
        content: "#f3cb2c"
    }

.warning-colorr ul li:nth-child(11) {
    background-color: #f3cd36
}

    .warning-colorr ul li:nth-child(11) p:before {
        content: "#f3cd36"
    }

.warning-colorr ul li:nth-child(10) {
    background-color: #f4d03f
}

    .warning-colorr ul li:nth-child(10) p:before {
        content: "#f4d03f"
    }

.warning-colorr ul li:nth-child(9) {
    background-color: #f4d249
}

    .warning-colorr ul li:nth-child(9) p:before {
        content: "#f4d249"
    }

.warning-colorr ul li:nth-child(8) {
    background-color: #f5d552
}

    .warning-colorr ul li:nth-child(8) p:before {
        content: "#f5d552"
    }

.warning-colorr ul li:nth-child(7) {
    background-color: #f5d75c
}

    .warning-colorr ul li:nth-child(7) p:before {
        content: "#f5d75c"
    }

.warning-colorr ul li:nth-child(6) {
    background-color: #f6d966
}

    .warning-colorr ul li:nth-child(6) p:before {
        content: "#f6d966"
    }

.warning-colorr ul li:nth-child(5) {
    background-color: #f7dc6f
}

    .warning-colorr ul li:nth-child(5) p:before {
        content: "#f7dc6f"
    }

.warning-colorr ul li:nth-child(4) {
    background-color: #f7de79
}

    .warning-colorr ul li:nth-child(4) p:before {
        content: "#f7de79"
    }

.warning-colorr ul li:nth-child(3) {
    background-color: #f8e083
}

    .warning-colorr ul li:nth-child(3) p:before {
        content: "#f8e083"
    }

.warning-colorr ul li:nth-child(2) {
    background-color: #f8e38c
}

    .warning-colorr ul li:nth-child(2) p:before {
        content: "#f8e38c"
    }

.warning-colorr ul li:nth-child(1) {
    background-color: #f9e596
}

    .warning-colorr ul li:nth-child(1) p:before {
        content: "#f9e596"
    }

.danger-colorr ul li:nth-child(14) {
    background-color: #e85445
}

    .danger-colorr ul li:nth-child(14) p:before {
        content: "#e85445"
    }

.danger-colorr ul li:nth-child(13) {
    background-color: #e95d4e
}

    .danger-colorr ul li:nth-child(13) p:before {
        content: "#e95d4e"
    }

.danger-colorr ul li:nth-child(12) {
    background-color: #ea6557
}

    .danger-colorr ul li:nth-child(12) p:before {
        content: "#ea6557"
    }

.danger-colorr ul li:nth-child(11) {
    background-color: #eb6d60
}

    .danger-colorr ul li:nth-child(11) p:before {
        content: "#eb6d60"
    }

.danger-colorr ul li:nth-child(10) {
    background-color: #ed7669
}

    .danger-colorr ul li:nth-child(10) p:before {
        content: "#ed7669"
    }

.danger-colorr ul li:nth-child(9) {
    background-color: #ee7e72
}

    .danger-colorr ul li:nth-child(9) p:before {
        content: "#ee7e72"
    }

.danger-colorr ul li:nth-child(8) {
    background-color: #ef867c
}

    .danger-colorr ul li:nth-child(8) p:before {
        content: "#ef867c"
    }

.danger-colorr ul li:nth-child(7) {
    background-color: #f08f85
}

    .danger-colorr ul li:nth-child(7) p:before {
        content: "#f08f85"
    }

.danger-colorr ul li:nth-child(6) {
    background-color: #f1978e
}

    .danger-colorr ul li:nth-child(6) p:before {
        content: "#f1978e"
    }

.danger-colorr ul li:nth-child(5) {
    background-color: #f29f97
}

    .danger-colorr ul li:nth-child(5) p:before {
        content: "#f29f97"
    }

.danger-colorr ul li:nth-child(4) {
    background-color: #f3a8a0
}

    .danger-colorr ul li:nth-child(4) p:before {
        content: "#f3a8a0"
    }

.danger-colorr ul li:nth-child(3) {
    background-color: #f4b0a9
}

    .danger-colorr ul li:nth-child(3) p:before {
        content: "#f4b0a9"
    }

.danger-colorr ul li:nth-child(2) {
    background-color: #f6b8b2
}

    .danger-colorr ul li:nth-child(2) p:before {
        content: "#f6b8b2"
    }

.danger-colorr ul li:nth-child(1) {
    background-color: #f7c1bb
}

    .danger-colorr ul li:nth-child(1) p:before {
        content: "#f7c1bb"
    }

#draggableMultiple .sortable-moves {
    cursor: move;
    margin-bottom: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .14);
    margin-bottom: 20px;
    padding: 15px 0 15px 60px
}

.sortable-moves {
    font-size: 14px;
    line-height: 1.55556em;
    list-style-type: none;
    margin-bottom: 15px;
    min-height: 3.55556em;
    padding-left: 5.11111em;
    position: relative;
    cursor: move
}

    .sortable-moves img {
        position: absolute;
        height: 40px;
        left: 10px;
        border-radius: 50px;
        top: 15px
    }

    .sortable-moves h6 {
        margin-bottom: 0;
        font-weight: 700
    }

.card-sub {
    cursor: move;
    border: none;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .05), 0 -2px 1px -2px rgba(0, 0, 0, .04), 0 0 0 -1px rgba(0, 0, 0, .05)
}

    .card-sub:hover {
        box-shadow: 0 0 25px -5px #9e9c9e;
        transition: all 180ms linear
    }

.payment-card .icofont-paypal-alt,
.payment-card .icofont-visa-alt,
.payment-card .icofont-mastercard {
    display: block;
    font-size: 60px;
    color: #ed5565
}

.payment-card .icofont-visa-alt {
    color: #1c84c6
}

.payment-card .icofont-mastercard {
    color: #f8ac59
}

.payment-tabs .nav-tabs .slide,
.payment-tabs .md-tabs .nav-item + .nav-item,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + .nav-item,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + .nav-item,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + .nav-item,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + .nav-item,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + .nav-item,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + .nav-item,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + .nav-item,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + .nav-item,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .nav-item + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + a,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + a,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-1 a + a,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-1 a + a,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-1 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-2 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + a,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + a,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-2 a + a,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-2 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-3 a + a,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-3 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + a,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + a,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-3 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-4 a + a,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-4 a + a,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-4 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + a,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + a {
    width: calc(100%/5)
}

.demo-container {
    padding-bottom: 0
}

.jp-card .jp-card-front,
.jp-card .jp-card-back {
    background: #9D833E !important
}

.payment-form {
    max-width: 550px;
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 0
}

.ace_editor {
    width: 100% !important;
    position: relative !important;
    margin-top: 20px
}

.long-press:focus {
    outline-color: #9D833E
}

.inputor:focus {
    border-color: #9D833E
}

#edui1 {
    width: auto !important
}

.tab-pane form .md-add-on i {
    font-size: 20px
}

.wall-elips {
    position: absolute;
    right: 15px
}

.social-wallpaper {
    position: relative
}

.social-profile {
    position: relative;
    padding-top: 15px
}

.timeline-btn {
    position: absolute;
    bottom: 0;
    right: 30px
}

.nav-tabs.md-tabs.tab-timeline li a {
    padding: 20px 0 10px;
    color: #666;
    font-size: 18px
}

.social-timeline-left {
    position: absolute;
    top: -200px;
    margin-right: 15px
}

.post-input {
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    resize: none
}

.user-box .media-object,
.friend-box .media-object {
    height: 45px;
    width: 45px;
    display: inline-block
}

.friend-box img {
    margin-right: 10px;
    margin-bottom: 10px
}

.chat-header {
    color: #222
}

.live-status {
    height: 9px;
    width: 9px;
    position: absolute;
    bottom: 0;
    right: 17px;
    border-radius: 100%;
    border: 1px solid
}

.tab-timeline .slide {
    bottom: -1px
}

.image-upload input {
    visibility: hidden;
    max-width: 0;
    max-height: 0
}

.file-upload-lbl {
    max-width: 15px;
    padding: 5px 0 0
}

.ellipsis::after {
    top: 15px;
    border: none;
    position: absolute;
    content: '\f142';
    font-family: FontAwesome;
    right: 30px
}

.elipsis-box {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .11);
    top: 40px;
    right: -10px
}

    .elipsis-box:after {
        content: '';
        height: 13px;
        width: 13px;
        background: #fff;
        position: absolute;
        top: -5px;
        right: 10px;
        transform: rotate(45deg);
        box-shadow: -3px -3px 11px 1px rgba(170, 170, 170, .22)
    }

.friend-elipsis {
    left: -10px;
    top: -10px
}

.social-profile:hover .profile-hvr,
.social-wallpaper:hover .profile-hvr {
    opacity: 1;
    transition: all ease-in-out .3s
}

.profile-hvr {
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 20px;
    padding: 10px;
    top: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .61);
    transition: all ease-in-out .3s
}

.social-profile {
    margin: 0 15px
}

.social-follower {
    text-align: center
}

    .social-follower h4 {
        font-size: 18px;
        margin-bottom: 10px;
        font-style: normal
    }

    .social-follower h5 {
        font-size: 14px
    }

    .social-follower .follower-counter {
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 13px
    }

        .social-follower .follower-counter .txt-primary {
            font-size: 24px
        }

.timeline-icon {
    height: 45px;
    width: 45px;
    display: block;
    margin: 0 auto;
    border: 4px #fff solid
}

.social-timelines-left:after {
    height: 3px;
    width: 25%;
    position: absolute;
    background: #ccc;
    top: 20px;
    content: "";
    right: 0;
    z-index: 0
}

.social-timelines:before {
    position: absolute;
    content: ' ';
    width: 3px;
    background: #ccc;
    left: 4%;
    z-index: 0;
    height: 100%;
    top: 0;
    z-index: -1
}

.timeline-dot:after,
.timeline-dot:before {
    content: "";
    position: absolute;
    height: 9px;
    width: 9px;
    background-color: #ccc;
    left: 3.8%;
    border-radius: 100%
}

.user-box .social-designation,
.post-timelines .social-time {
    font-size: 13px
}

.user-box .f-right {
    text-transform: capitalize
}

.social-msg span {
    color: #666;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px
}

.social-msg a {
    display: inline-block
}

.view-info .social-label,
.contact-info .social-label,
.work-info .social-label {
    font-size: 15px;
    padding-left: 0;
    padding-top: 0
}

.view-info .social-user-name,
.contact-info .social-user-name,
.work-info .social-user-name {
    font-size: 14px;
    padding-left: 0
}

.friend-elipsis .social-designation {
    font-size: 13px
}

.timeline-details p {
    padding-top: 10px;
    margin-bottom: 0
}

.timeline-details .chat-header,
.post-timelines .chat-header {
    font-size: 15px
}

.social-client-description {
    padding-bottom: 20px;
    margin-bottom: 20px
}

    .social-client-description p {
        margin-top: 5px;
        margin-bottom: 0
    }

    .social-client-description span {
        font-size: 12px;
        margin-left: 10px
    }

    .social-client-description .chat-header {
        font-size: 13px
    }

.social-tabs a {
    font-size: 18px
}

.timeline-btn a {
    margin-bottom: 20px
}

.profile-hvr i {
    cursor: pointer
}

.fc-left {
    margin-bottom: 10px
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em
}

#external-events .fc-event {
    background: #fff;
    color: #000;
    cursor: move;
    border-left: none;
    padding: 5px 18px;
    margin-bottom: 5px
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666
}

    #external-events p input {
        margin: 0;
        vertical-align: middle
    }

.fc th,
.fc td {
    line-height: 2.5
}

.fc-state-default {
    background-color: #fff;
    color: #272727
}

tr:first-child > td > .fc-day-grid-event {
    color: #000;
    padding-left: 10px;
    background: #f3f3f3
}

.fc-nonbusiness {
    background-color: #fff
}

.fc-state-active {
    background-color: #9D833E;
    color: #fff
}

.fc-toolbar {
    margin-bottom: 8px
}

    .fc-toolbar .fc-center {
        display: block
    }

.fc-center h2 {
    font-weight: 300;
    font-size: 25px;
    margin-top: 10px
}

.fc button {
    height: auto;
    padding: 10px
}

.fc-toolbar .fc-left {
    float: right
}

.fc-button-group {
    margin-right: 10px
}

.fc .fc-toolbar > * > * {
    margin-left: 0
}

.fc-event,
.fc-event-dot {
    background-color: transparent
}

.fc-day-grid-event:hover {
    color: #000 !important;
    opacity: .8
}

.fc-time-grid-event .fc-content {
    color: #fff
}

.fc-bgevent {
    background: #d8d6d6 !important
}

.fc-state-default {
    background-image: none !important;
    border-color: none !important;
    text-shadow: none !important;
    box-shadow: none !important
}

.fc-state-down,
.fc-state-active {
    background-color: none !important;
    background-image: none !important;
    box-shadow: none !important
}

.fc th {
    background: #9D833E;
    color: #fff;
    border-color: #9D833E
}

.fc-event {
    line-height: 1.3;
    border-radius: 2px;
    border-left: 4px solid #9D833E !important
}

tr:first-child > td > .fc-day-grid-event {
    margin-left: 0
}

.clndr {
    width: 100%
}

.clndr {
    background-color: #f3f3f3;
    box-shadow: 0 4 px 0 #272727
}

    .clndr .clndr-controls {
        padding: 14px;
        background-color: #37bc9b;
        color: #fff;
        text-align: center
    }

        .clndr.clndr-controls.clndr-previous-button {
            float: left;
            text-align: left
        }

        .clndr.clndr-controls.clndr-next-button {
            float: right;
            text-align: right
        }

        .clndr.clndr-controls.clndr-next-button,
        .clndr.clndr-controls.clndr-previous-button {
            width: 30px;
            cursor: pointer
        }

            .clndr.clndr-controls.clndr-next-button:hover,
            .clndr.clndr-controls.clndr-previous-button:hover {
                opacity: .5
            }

    .clndr.clndr-grid {
        float: left;
        width: 65%;
        background-color: #fff
    }

        .clndr.clndr-grid.days-of-the-week {
            width: 100%;
            background-color: #f6bb42
        }

            .clndr.clndr-grid.days-of-the-week.header-day {
                float: left;
                width: 14.2857%;
                padding: 14px;
                text-align: center;
                color: #fff
            }

        .clndr.clndr-grid.days {
            width: 100%
        }

            .clndr.clndr-grid.days.day,
            .clndr.clndr-grid.days.empty {
                float: left;
                width: 14.2857%;
                padding: 12px 0;
                text-align: center;
                color: #4f4f4f
            }

                .clndr .clndr-grid .days .day.event .day-number,
                .clndr .clndr-grid .days .empty.event .day-number {
                    border: 1px solid #f6bb42;
                    border-radius: 50%;
                    padding: 6px 9px
                }

                .clndr.clndr-grid.days.day.adjacent-month.day-number,
                .clndr.clndr-grid.days.day.inactive.day-number,
                .clndr.clndr-grid.days.empty.adjacent-month.day-number {
                    opacity: .3;
                    cursor: pointer
                }

                .clndr.clndr-grid.days.day.selected {
                    background-color: #da4453;
                    color: #fff
                }

            .clndr.clndr-grid.days.today {
                background-color: #37bc9b;
                color: #fff;
                background-image: none
            }

    .clndr.event-listing {
        float: left;
        width: 35%
    }

        .clndr.event-listing.event-listing-title {
            padding: 15.5px;
            font-size: .88rem;
            background-color: #f4a911;
            text-align: center;
            color: #fff;
            letter-spacing: 1px
        }

        .clndr.event-listing.event-item {
            padding: 6px 14px;
            color: #4f4f4f
        }

        .clndr .event-listing .event-item-location {
            font-weight: 400
        }

.fc-event {
    border-color: #9D833E
}

.job-right-header .card-header .card-header-right {
    top: 7px;
    right: 15px
}

.job-right-header .radio-inline {
    display: block
}

.job-right-header .checkbox-fade {
    display: block
}

    .job-right-header .checkbox-fade label {
        position: absolute;
        z-index: 9999
    }

    .job-right-header .checkbox-fade div {
        position: relative;
        padding-left: 40px;
        margin-bottom: 20px
    }

.job-right-header a {
    color: #9D833E;
    font-weight: 600
}

.job-details-list {
    padding-left: inherit;
    list-style-type: square;
    margin-bottom: 40px
}

    .job-details-list li {
        margin-bottom: 10px
    }

.company-name p {
    font-weight: 600;
    color: #9D833E;
    font-size: 20px;
    margin-bottom: 5px
}

.job-cards .media {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #ddd
}

.job-cards:last-child .media {
    border-bottom: none;
    padding-bottom: 0
}

.job-cards img {
    width: 60px
}

.job-cards .media-right {
    position: absolute;
    top: 20px;
    right: 0
}

.job-badge {
    position: absolute;
    top: 20px;
    right: 10px
}

.job-lable .label {
    background-color: #9D833E;
    color: #fff;
    margin: 5px 10px;
    position: relative;
    z-index: 9;
    display: inline-block;
    padding: 5px 10px 5px 12px
}

    .job-lable .label:before {
        content: "";
        background-color: #9D833E;
        width: 15px;
        height: 15px;
        transform: rotate(45deg);
        position: absolute;
        left: -7px;
        top: 3px;
        z-index: -1
    }

    .job-lable .label:after {
        content: '\ed55';
        font-family: icofont !important;
        position: absolute;
        left: 0;
        font-size: 5px;
        top: 8px
    }

.job-card-desc {
    font-weight: 600
}

.job-meta-data {
    text-transform: capitalize;
    font-size: 12px;
    margin-bottom: 10px
}

    .job-meta-data i {
        margin-right: 5px;
        color: #9D833E
    }

.email-card {
    padding: 0 15px
}

    .email-card .user-head {
        background-color: #9D833E;
        padding: 10px;
        min-height: 80px;
        display: flex;
        align-items: center
    }

        .email-card .user-head .user-name {
            margin-left: 10px;
            margin-bottom: 10px
        }

            .email-card .user-head .user-name span {
                display: block;
                color: #fff
            }

    .email-card .user-body {
        margin-left: -15px;
        margin-right: -15px;
        background-color: #fff;
        border-right: 1px solid #ddd
    }

        .email-card .user-body .page-list li {
            text-transform: capitalize;
            border-bottom: 1px solid #ddd;
            transition: all ease-in .3s;
            cursor: pointer
        }

            .email-card .user-body .page-list li .mail-section {
                padding: 15px 20px;
                display: block;
                color: #6a6a6a
            }

                .email-card .user-body .page-list li .mail-section a {
                    color: #6a6a6a
                }

            .email-card .user-body .page-list li i {
                margin-right: 10px
            }

            .email-card .user-body .page-list li.active,
            .email-card .user-body .page-list li:hover {
                background-color: #e5e5e5
            }

        .email-card .user-body .label-list a {
            padding: 10px 20px;
            display: block;
            color: #6a6a6a;
            position: relative;
            padding-left: 25px
        }

            .email-card .user-body .label-list a:before {
                content: '';
                position: absolute;
                height: 10px;
                width: 10px;
                border-radius: 50px;
                left: 0;
                top: 16px
            }

            .email-card .user-body .label-list a.mail-work:before {
                background-color: #9D833E
            }

            .email-card .user-body .label-list a.mail-design:before {
                background-color: #3498db
            }

            .email-card .user-body .label-list a.mail-family:before {
                background-color: #2ecc71
            }

            .email-card .user-body .label-list a.mail-friends:before {
                background-color: #f1c40f
            }

            .email-card .user-body .label-list a.mail-office:before {
                background-color: #e74c3c
            }

    .email-card .mail-box-head {
        background-color: #bdc3c7;
        min-height: 80px;
        padding: 20px 0
    }

        .email-card .mail-box-head h3 {
            color: #fff
        }

        .email-card .mail-box-head .input-group {
            margin-bottom: 0
        }

    .email-card .mail-body {
        padding: 20px 0
    }

        .email-card .mail-body .mail-body-header {
            margin-bottom: 20px
        }

            .email-card .mail-body .mail-body-header .btn-group {
                height: 42px
            }

    .email-card .mail-body-content .check-star {
        display: flex;
        align-items: center
    }

        .email-card .mail-body-content .check-star .icofont-star {
            margin-top: -8px
        }

    .email-card .mail-body-content tr {
        transition: all ease-in .3s
    }

        .email-card .mail-body-content tr:hover {
            background-color: #e5e5e5;
            cursor: pointer
        }

    .email-card .mail-body-content .unread a {
        color: #222;
        font-weight: 600
    }

    .email-card .mail-body-content .read a {
        color: #222;
        font-weight: 400
    }

.email-summernote ~ .note-frame {
    border: 1px solid #ddd;
    border-radius: 2px
}

.email-read .photo-table {
    padding-right: 10px
}

.email-read .user-name {
    margin-bottom: 10px
}

.mail-body-content.email-read {
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .05), 0 -2px 1px -2px rgba(0, 0, 0, .04), 0 0 0 -1px rgba(0, 0, 0, .05);
    border-radius: 4px
}

    .mail-body-content.email-read .card {
        border-top: none;
        margin-bottom: 0
    }

    .mail-body-content.email-read:hover {
        box-shadow: 0 0 25px -5px #9e9c9e;
        transition: all 150ms linear
    }

.user-name {
    margin-bottom: 20px
}

.email-card .user-mail h6 {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 20px;
    color: #292b2c
}

.email-content {
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

.mail-img {
    margin-top: 20px
}

.email-welcome-txt {
    font-weight: 600
}

.set-map {
    height: 400px
}

#mapGeo {
    height: 345px
}

#address-search .input-group {
    margin-bottom: 0
}

.light-nav-border,
.primary-nav,
.warning-nav,
.success-nav,
.info-nav,
.danger-nav {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px
}

    .light-nav-border a,
    .primary-nav a,
    .warning-nav a,
    .success-nav a,
    .info-nav a,
    .danger-nav a {
        color: #222
    }

    .light-nav-border li.active a,
    .primary-nav li.active a,
    .warning-nav li.active a,
    .success-nav li.active a,
    .info-nav li.active a,
    .danger-nav li.active a {
        color: #9D833E;
        font-weight: 600
    }

    .light-nav-border .nav-item,
    .primary-nav .nav-item,
    .warning-nav .nav-item,
    .success-nav .nav-item,
    .info-nav .nav-item,
    .danger-nav .nav-item,
    .light-nav-border .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .light-nav-border a,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a,
    .success-nav .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .success-nav a,
    .info-nav .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .info-nav a,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a,
    .light-nav-border .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .light-nav-border a,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a,
    .success-nav .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav a,
    .info-nav .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav a,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a,
    .light-nav-border .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .light-nav-border a,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a,
    .success-nav .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .success-nav a,
    .info-nav .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .info-nav a,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a,
    .light-nav-border .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .light-nav-border a,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a,
    .success-nav .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .success-nav a,
    .info-nav .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .info-nav a,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a {
        margin-left: 15px
    }

        .light-nav-border .nav-item:hover .navbar-varient-submenu,
        .primary-nav .nav-item:hover .navbar-varient-submenu,
        .warning-nav .nav-item:hover .navbar-varient-submenu,
        .success-nav .nav-item:hover .navbar-varient-submenu,
        .info-nav .nav-item:hover .navbar-varient-submenu,
        .danger-nav .nav-item:hover .navbar-varient-submenu,
        .light-nav-border .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .light-nav-border a:hover .navbar-varient-submenu,
        .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a:hover .navbar-varient-submenu,
        .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a:hover .navbar-varient-submenu,
        .success-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .success-nav a:hover .navbar-varient-submenu,
        .info-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .info-nav a:hover .navbar-varient-submenu,
        .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a:hover .navbar-varient-submenu,
        .light-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .light-nav-border a:hover .navbar-varient-submenu,
        .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu,
        .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu,
        .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu,
        .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu,
        .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu,
        .light-nav-border .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .light-nav-border a:hover .navbar-varient-submenu,
        .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a:hover .navbar-varient-submenu,
        .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a:hover .navbar-varient-submenu,
        .success-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .success-nav a:hover .navbar-varient-submenu,
        .info-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .info-nav a:hover .navbar-varient-submenu,
        .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a:hover .navbar-varient-submenu,
        .light-nav-border .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .light-nav-border a:hover .navbar-varient-submenu,
        .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a:hover .navbar-varient-submenu,
        .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a:hover .navbar-varient-submenu,
        .success-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .success-nav a:hover .navbar-varient-submenu,
        .info-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .info-nav a:hover .navbar-varient-submenu,
        .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a:hover .navbar-varient-submenu {
            transform: translateY(5px);
            opacity: 1;
            visibility: visible
        }

    .light-nav-border .navbar-varient-submenu,
    .primary-nav .navbar-varient-submenu,
    .warning-nav .navbar-varient-submenu,
    .success-nav .navbar-varient-submenu,
    .info-nav .navbar-varient-submenu,
    .danger-nav .navbar-varient-submenu {
        box-shadow: 0 0 1px 2px rgba(0, 0, 0, .03), 0 -2px 1px -2px rgba(0, 0, 0, .02), 0 0 0 -1px rgba(0, 0, 0, .03);
        border: 1px solid #ddd;
        position: absolute;
        width: 16em;
        background-color: #fff;
        transition: all linear .3s;
        transform: translateY(30px);
        opacity: 0;
        visibility: hidden;
        z-index: 999
    }

        .light-nav-border .navbar-varient-submenu a,
        .primary-nav .navbar-varient-submenu a,
        .warning-nav .navbar-varient-submenu a,
        .success-nav .navbar-varient-submenu a,
        .info-nav .navbar-varient-submenu a,
        .danger-nav .navbar-varient-submenu a {
            padding: 10px;
            display: block;
            transition: background-color linear .3s
        }

            .light-nav-border .navbar-varient-submenu a:hover,
            .primary-nav .navbar-varient-submenu a:hover,
            .warning-nav .navbar-varient-submenu a:hover,
            .success-nav .navbar-varient-submenu a:hover,
            .info-nav .navbar-varient-submenu a:hover,
            .danger-nav .navbar-varient-submenu a:hover {
                background-color: #f1f1f1
            }

    .light-nav-border .profile-sub-menu,
    .primary-nav .profile-sub-menu,
    .warning-nav .profile-sub-menu,
    .success-nav .profile-sub-menu,
    .info-nav .profile-sub-menu,
    .danger-nav .profile-sub-menu {
        right: 10px
    }

        .light-nav-border .profile-sub-menu i,
        .primary-nav .profile-sub-menu i,
        .warning-nav .profile-sub-menu i,
        .success-nav .profile-sub-menu i,
        .info-nav .profile-sub-menu i,
        .danger-nav .profile-sub-menu i {
            margin-right: 10px
        }

.primary-nav {
    background-color: #55e7ca
}

    .primary-nav a {
        color: #666
    }

    .primary-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .primary-nav .navbar-varient-submenu a {
        color: #222
    }

.warning-nav {
    background-color: #f7dc6f
}

    .warning-nav a {
        color: #666
    }

    .warning-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .warning-nav .navbar-varient-submenu a {
        color: #222
    }

.success-nav {
    background-color: #7ee2a8
}

    .success-nav a {
        color: #666
    }

    .success-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .success-nav .navbar-varient-submenu a {
        color: #222
    }

.info-nav {
    background-color: #8bc4ea
}

    .info-nav a {
        color: #666
    }

    .info-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .info-nav .navbar-varient-submenu a {
        color: #222
    }

.danger-nav {
    background-color: #f5b4ae
}

    .danger-nav a {
        color: #666
    }

    .danger-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .danger-nav .navbar-varient-submenu a {
        color: #222
    }

.bg-dark {
    background-color: #212129;
    color: #fff
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .9)
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .navbar-light .navbar-nav .open > .nav-link {
    color: rgba(255, 255, 255, .9)
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, .3)
    }

.navbar-dark button.btn {
    color: #fff;
    border-color: #fff
}

.dark-nav-border,
.primary-nav-dark,
.warning-nav-dark,
.success-nav-dark,
.info-nav-dark,
.danger-nav-dark {
    border: 1px solid #212129;
    padding: 15px
}

.primary-nav,
.warning-nav,
.success-nav,
.info-nav,
.danger-nav {
    border: none;
    padding: 15px
}

    .dark-nav-border a,
    .primary-nav-dark a,
    .warning-nav-dark a,
    .success-nav-dark a,
    .info-nav-dark a,
    .danger-nav-dark a,
    .primary-nav a,
    .warning-nav a,
    .success-nav a,
    .info-nav a,
    .danger-nav a {
        color: rgba(0, 0, 0, .9)
    }

    .dark-nav-border .navbar-varient-submenu,
    .primary-nav-dark .navbar-varient-submenu,
    .warning-nav-dark .navbar-varient-submenu,
    .success-nav-dark .navbar-varient-submenu,
    .info-nav-dark .navbar-varient-submenu,
    .danger-nav-dark .navbar-varient-submenu,
    .primary-nav .navbar-varient-submenu,
    .warning-nav .navbar-varient-submenu,
    .success-nav .navbar-varient-submenu,
    .info-nav .navbar-varient-submenu,
    .danger-nav .navbar-varient-submenu {
        box-shadow: -2 0 1px 2px rgba(0, 0, 0, .03), 0 -2px 1px -2px rgba(0, 0, 0, .02), 0 0 0 -1px rgba(0, 0, 0, .03);
        border: 1px solid #ddd;
        position: absolute;
        width: 16em;
        background-color: #fff;
        transition: all linear .3s;
        transform: translateY(30px);
        opacity: 0;
        visibility: hidden;
        z-index: 999
    }

    .dark-nav-border .nav-item:hover .navbar-varient-submenu,
    .primary-nav-dark .nav-item:hover .navbar-varient-submenu,
    .warning-nav-dark .nav-item:hover .navbar-varient-submenu,
    .success-nav-dark .nav-item:hover .navbar-varient-submenu,
    .info-nav-dark .nav-item:hover .navbar-varient-submenu,
    .danger-nav-dark .nav-item:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .primary-nav .nav-item:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a:hover .navbar-varient-submenu,
    .warning-nav .nav-item:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a:hover .navbar-varient-submenu,
    .success-nav .nav-item:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .success-nav a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .success-nav a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .success-nav a:hover .navbar-varient-submenu,
    .info-nav .nav-item:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .info-nav a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .info-nav a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .info-nav a:hover .navbar-varient-submenu,
    .danger-nav .nav-item:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .success-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .success-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .success-nav a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .info-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .info-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .info-nav a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu {
        transform: translateY(5px);
        opacity: 1;
        visibility: visible
    }

    .dark-nav-border .navbar-varient-submenu a:hover,
    .primary-nav-dark .navbar-varient-submenu a:hover,
    .warning-nav-dark .navbar-varient-submenu a:hover,
    .success-nav-dark .navbar-varient-submenu a:hover,
    .info-nav-dark .navbar-varient-submenu a:hover,
    .danger-nav-dark .navbar-varient-submenu a:hover,
    .primary-nav .navbar-varient-submenu a:hover,
    .warning-nav .navbar-varient-submenu a:hover,
    .success-nav .navbar-varient-submenu a:hover,
    .info-nav .navbar-varient-submenu a:hover,
    .danger-nav .navbar-varient-submenu a:hover {
        background-color: #f1f1f1
    }

    .dark-nav-border .navbar-varient-submenu a,
    .primary-nav-dark .navbar-varient-submenu a,
    .warning-nav-dark .navbar-varient-submenu a,
    .success-nav-dark .navbar-varient-submenu a,
    .info-nav-dark .navbar-varient-submenu a,
    .danger-nav-dark .navbar-varient-submenu a,
    .primary-nav .navbar-varient-submenu a,
    .warning-nav .navbar-varient-submenu a,
    .success-nav .navbar-varient-submenu a,
    .info-nav .navbar-varient-submenu a,
    .danger-nav .navbar-varient-submenu a {
        padding: 10px;
        display: block;
        transition: background-color linear .3s
    }

    .dark-nav-border li.active a,
    .primary-nav-dark li.active a,
    .warning-nav-dark li.active a,
    .success-nav-dark li.active a,
    .info-nav-dark li.active a,
    .danger-nav-dark li.active a,
    .primary-nav li.active a,
    .warning-nav li.active a,
    .success-nav li.active a,
    .info-nav li.active a,
    .danger-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .dark-nav-border .profile-sub-menu,
    .primary-nav-dark .profile-sub-menu,
    .warning-nav-dark .profile-sub-menu,
    .success-nav-dark .profile-sub-menu,
    .info-nav-dark .profile-sub-menu,
    .danger-nav-dark .profile-sub-menu,
    .primary-nav .profile-sub-menu,
    .warning-nav .profile-sub-menu,
    .success-nav .profile-sub-menu,
    .info-nav .profile-sub-menu,
    .danger-nav .profile-sub-menu {
        right: 10px
    }

.primary-nav-dark {
    background-color: #148f77;
    border: none
}

    .primary-nav-dark a {
        color: #fff
    }

    .primary-nav-dark li.active a {
        color: #fff;
        font-weight: 600
    }

    .primary-nav-dark .navbar-varient-submenu a {
        color: #fff
    }

    .primary-nav-dark .nav-link.disabled {
        color: rgba(255, 255, 255, .5)
    }

    .primary-nav-dark .navbar-varient-submenu {
        background-color: #148f77;
        border-color: #117964
    }

        .primary-nav-dark .navbar-varient-submenu a:hover {
            background-color: #117964
        }

.warning-nav-dark {
    background-color: #c29d0b;
    border: none
}

    .warning-nav-dark a {
        color: #fff
    }

    .warning-nav-dark li.active a {
        color: #fff;
        font-weight: 600
    }

    .warning-nav-dark .navbar-varient-submenu a {
        color: #fff
    }

    .warning-nav-dark .nav-link.disabled {
        color: rgba(255, 255, 255, .5)
    }

    .warning-nav-dark .navbar-varient-submenu {
        background-color: #c29d0b;
        border-color: #aa8a0a
    }

        .warning-nav-dark .navbar-varient-submenu a:hover {
            background-color: #aa8a0a
        }

.success-nav-dark {
    background-color: #25a25a;
    border: none
}

    .success-nav-dark a {
        color: #fff
    }

    .success-nav-dark li.active a {
        color: #fff;
        font-weight: 600
    }

    .success-nav-dark .navbar-varient-submenu a {
        color: #fff
    }

    .success-nav-dark .nav-link.disabled {
        color: rgba(255, 255, 255, .5)
    }

    .success-nav-dark .navbar-varient-submenu {
        background-color: #25a25a;
        border-color: #208e4e
    }

        .success-nav-dark .navbar-varient-submenu a:hover {
            background-color: #208e4e
        }

.info-nav-dark {
    background-color: #217dbb;
    border: none
}

    .info-nav-dark a {
        color: #fff
    }

    .info-nav-dark li.active a {
        color: #fff;
        font-weight: 600
    }

    .info-nav-dark .navbar-varient-submenu a {
        color: #fff
    }

    .info-nav-dark .nav-link.disabled {
        color: rgba(255, 255, 255, .5)
    }

    .info-nav-dark .navbar-varient-submenu {
        background-color: #217dbb;
        border-color: #1d6fa5
    }

        .info-nav-dark .navbar-varient-submenu a:hover {
            background-color: #1d6fa5
        }

.danger-nav-dark {
    background-color: #d62c1a;
    border: none
}

    .danger-nav-dark a {
        color: #fff
    }

    .danger-nav-dark li.active a {
        color: #fff;
        font-weight: 600
    }

    .danger-nav-dark .navbar-varient-submenu a {
        color: #fff
    }

    .danger-nav-dark .nav-link.disabled {
        color: rgba(255, 255, 255, .5)
    }

    .danger-nav-dark .navbar-varient-submenu {
        background-color: #d62c1a;
        border-color: #bf2718
    }

        .danger-nav-dark .navbar-varient-submenu a:hover {
            background-color: #bf2718
        }

.nav-item label.badge-top-left,
.main-menu .main-menu-content .nav-item .tree-1 a label.badge-top-left,
.main-menu .main-menu-content .nav-item .tree-2 a label.badge-top-left,
.main-menu .main-menu-content .nav-item .tree-3 a label.badge-top-left,
.main-menu .main-menu-content .nav-item .tree-4 a label.badge-top-left {
    right: 4.4%;
    bottom: 38px
}

.nav-item .radio-inline,
.main-menu .main-menu-content .nav-item .tree-1 a .radio-inline,
.main-menu .main-menu-content .nav-item .tree-2 a .radio-inline,
.main-menu .main-menu-content .nav-item .tree-3 a .radio-inline,
.main-menu .main-menu-content .nav-item .tree-4 a .radio-inline {
    margin-top: 7px
}

.primary-nav-dark button,
.warning-nav-dark button,
.success-nav-dark button,
.info-nav-dark button,
.danger-nav-dark button {
    border-color: #fff
}

.primary-nav-dark i,
.warning-nav-dark i,
.success-nav-dark i,
.info-nav-dark i,
.danger-nav-dark i {
    color: #fff
}

.primary-nav button,
.warning-nav button,
.success-nav button,
.info-nav button,
.danger-nav button {
    border-color: rgba(0, 0, 0, .6) !important
}

.primary-nav i,
.warning-nav i,
.success-nav i,
.info-nav i,
.danger-nav i {
    color: rgba(0, 0, 0, .6) !important
}

.light-nav-border button,
.primary-nav button,
.warning-nav button,
.success-nav button,
.info-nav button,
.danger-nav button {
    border-color: rgba(0, 0, 0, .1)
}

.light-nav-border i,
.primary-nav i,
.warning-nav i,
.success-nav i,
.info-nav i,
.danger-nav i {
    color: rgba(0, 0, 0, .4)
}

.note-card {
    padding-top: 0;
    padding-bottom: 0
}

    .note-card .note-box-aside {
        border-right: 1px solid #ddd
    }

        .note-card .note-box-aside .row {
            padding: 20px 0;
            display: flex;
            align-items: center
        }

    .note-card .Note-header {
        padding: 20px 0
    }

    .note-card .note-write {
        position: relative;
        background: linear-gradient(top, #f0f0f0 0%, #ffffec 5%) 0 0;
        background-size: 100% 35px
    }

        .note-card .note-write:before {
            content: '';
            position: absolute;
            width: 0;
            top: 0;
            left: 32px;
            bottom: 0;
            border-left: 1px solid #dacaaa
        }

        .note-card .note-write:after {
            content: '';
            position: absolute;
            width: 0;
            top: 0;
            left: 34px;
            bottom: 0;
            border-left: 1px solid #dacaaa
        }

    .note-card #Note-pad {
        border: none;
        resize: none;
        background: 0 0;
        padding: 0 20px 0 50px;
        line-height: 35px
    }

    .note-card .Note-created__on {
        display: block
    }

.summernote-page .modal-footer {
    margin: 0 auto
}

pre[class*=language-] {
    background-color: #fff;
    border: 1px solid #ddd
}

    pre[class*=language-] code {
        background-color: #fff !important
    }

pre.line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber
}

    pre.line-numbers > code {
        position: relative
    }

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber
}

    .line-numbers-rows > span:before {
        content: counter(linenumber);
        color: #999;
        display: block;
        padding-right: .8em;
        text-align: right
    }

.progress-xl {
    height: 30px
}

.progress-lg {
    height: 24px
}

.progres-md {
    height: 18px
}

.progress-sm {
    height: 12px
}

.progress-xs {
    height: 6px
}

.progress-bar-page .progress {
    margin-bottom: 2rem
}

.progress-bar-default {
    background-color: #bdc3c7
}

.progress-bar-primary {
    background-color: #9D833E
}

.progress-bar-success {
    background-color: #2ecc71
}

.progress-bar-info {
    background-color: #3498db
}

.progress-bar-warning {
    background-color: #f1c40f
}

.progress-bar-danger {
    background-color: #e74c3c
}

.progress-bar-pink {
    background-color: #ff7aa3
}

.progress-bar-purple {
    background-color: #9261c6
}

.progress-bar-orange {
    background-color: #e67e22
}

.progress-bar-yellow {
    background-color: #f1c40f
}

.progress-bar-emrald {
    background-color: #2ecc71
}

.loader {
    margin: 18px auto;
    top: 65px;
    left: 65px;
    right: 0;
    width: 100px;
    height: 100px;
    position: relative;
    transform: translate(-50%, -50%)
}

    .loader.animation-start .circle {
        -webkit-animation: rotating 2s ease-in-out infinite;
        animation: rotating 2s ease-in-out infinite
    }

    .loader.animation-stop .circle {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

    .loader .circle {
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        transform-origin: 50% 50%;
        -webkit-animation-iteration-count: 0;
        animation-iteration-count: 0
    }

        .loader .circle:after {
            content: '';
            top: 0;
            left: 0;
            width: 10px;
            height: 10px;
            display: block;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            background-color: #9D833E
        }

        .loader .circle.delay-1 {
            -webkit-animation-delay: .125s;
            animation-delay: .125s
        }

        .loader .circle.size-1:after {
            width: 11px;
            height: 11px
        }

        .loader .circle.delay-2 {
            -webkit-animation-delay: .25s;
            animation-delay: .25s
        }

        .loader .circle.size-2:after {
            width: 12px;
            height: 12px
        }

        .loader .circle.delay-3 {
            -webkit-animation-delay: .375s;
            animation-delay: .375s
        }

        .loader .circle.size-3:after {
            width: 13px;
            height: 13px
        }

        .loader .circle.delay-4 {
            -webkit-animation-delay: .5s;
            animation-delay: .5s
        }

        .loader .circle.size-4:after {
            width: 14px;
            height: 14px
        }

        .loader .circle.delay-5 {
            -webkit-animation-delay: .625s;
            animation-delay: .625s
        }

        .loader .circle.size-5:after {
            width: 15px;
            height: 15px
        }

        .loader .circle.delay-6 {
            -webkit-animation-delay: .75s;
            animation-delay: .75s
        }

        .loader .circle.size-6:after {
            width: 16px;
            height: 16px
        }

        .loader .circle.delay-7 {
            -webkit-animation-delay: .875s;
            animation-delay: .875s
        }

        .loader .circle.size-7:after {
            width: 17px;
            height: 17px
        }

        .loader .circle.delay-8 {
            -webkit-animation-delay: 1s;
            animation-delay: 1s
        }

        .loader .circle.size-8:after {
            width: 18px;
            height: 18px
        }

        .loader .circle.delay-9 {
            -webkit-animation-delay: 1.125s;
            animation-delay: 1.125s
        }

        .loader .circle.size-9:after {
            width: 19px;
            height: 19px
        }

        .loader .circle.delay-10 {
            -webkit-animation-delay: 1.25s;
            animation-delay: 1.25s
        }

        .loader .circle.size-10:after {
            width: 20px;
            height: 20px
        }

        .loader .circle.delay-11 {
            -webkit-animation-delay: 1.375s;
            animation-delay: 1.375s
        }

        .loader .circle.size-11:after {
            width: 21px;
            height: 21px
        }

        .loader .circle.delay-12 {
            -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s
        }

        .loader .circle.size-12:after {
            width: 22px;
            height: 22px
        }

@-webkit-keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

#loader2 {
    width: 80px;
    height: 130px;
    display: block;
    transform-origin: 50% 50%;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: 0 auto
}

#circle-loader2 {
    fill: none;
    stroke: #9D833E;
    stroke-width: 4;
    -webkit-animation: draw 3s ease-in-out infinite;
    animation: draw 3s ease-in-out infinite
}

@-webkit-keyframes draw {
    0% {
        stroke-dasharray: 20, 282.6
    }

    50% {
        stroke-dasharray: 200, 282.6
    }

    100% {
        stroke-dasharray: 20, 282.6
    }
}

@keyframes draw {
    0% {
        stroke-dasharray: 20, 282.6
    }

    50% {
        stroke-dasharray: 200, 282.6
    }

    100% {
        stroke-dasharray: 20, 282.6
    }
}

@-webkit-keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.preloader3 {
    width: auto;
    height: 130px;
    text-align: center;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .preloader3 > div {
        margin: 2px;
        background-color: #9D833E;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        display: inline-block;
        -webkit-animation: stretchdelay .7s infinite ease-in-out;
        animation: stretchdelay .7s infinite ease-in-out
    }

    .preloader3 .circ2 {
        -webkit-animation-delay: -.6s;
        animation-delay: -.6s
    }

    .preloader3 .circ3 {
        -webkit-animation-delay: -.5s;
        animation-delay: -.5s
    }

    .preloader3 .circ4 {
        -webkit-animation-delay: -.4s;
        animation-delay: -.4s
    }

    .preloader3 .circ5 {
        -webkit-animation-delay: -.3s;
        animation-delay: -.3s
    }

    .preloader3 .loader-md {
        height: 13px;
        width: 13px
    }

    .preloader3 .loader-lg {
        height: 18px;
        width: 18px
    }

@-webkit-keyframes stretchdelay {

    0%, 40%, 100% {
        -webkit-transform: translateY(-10px)
    }

    20% {
        -webkit-transform: translateY(-20px)
    }
}

@keyframes stretchdelay {

    0%, 40%, 100% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px)
    }

    20% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px)
    }
}

@-webkit-keyframes rotateColor {
    0% {
        border-top-color: #1b8bf9
    }

    12.5% {
        border-bottom-color: rgba(27, 139, 249, .8)
    }

    25% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    37.5% {
        border-bottom-color: rgba(27, 139, 249, .4)
    }

    50% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    50.00001% {
        border-bottom-color: #1b8bf9
    }

    62.5% {
        border-bottom-color: rgba(27, 139, 249, .8)
    }

    75% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    87.5% {
        border-bottom-color: rgba(27, 139, 249, .4)
    }
}

@keyframes rotateColor {
    0% {
        border-top-color: #1b8bf9
    }

    12.5% {
        border-bottom-color: rgba(27, 139, 249, .8)
    }

    25% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    37.5% {
        border-bottom-color: rgba(27, 139, 249, .4)
    }

    50% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    50.00001% {
        border-bottom-color: #1b8bf9
    }

    62.5% {
        border-bottom-color: rgba(27, 139, 249, .8)
    }

    75% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    87.5% {
        border-bottom-color: rgba(27, 139, 249, .4)
    }
}

.preloader4 {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 55px auto
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #9D833E;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounce {

    0%, 100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounce {

    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.preloader5 {
    margin: 55px 0;
    text-align: center
}

    .preloader5 .circle-5 {
        display: inline-block;
        padding: 11px;
        margin: 0 .6em;
        background: #9D833E;
        border-radius: 100%
    }

    .preloader5 .l {
        -webkit-animation: pulse 2s infinite linear;
        animation: pulse 2s infinite linear
    }

    .preloader5 .m {
        -webkit-animation: pulse 2s infinite linear;
        animation: pulse 2s infinite linear;
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .preloader5 .r {
        -webkit-animation: pulse 2s infinite linear;
        animation: pulse 2s infinite linear;
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }

@-webkit-keyframes pulse {
    10% {
        transform: scale(1)
    }

    20% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.7)
    }

    50% {
        transform: scale(1.7)
    }

    70% {
        transform: scale(1.7)
    }

    80% {
        transform: scale(1)
    }

    90% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes pulse {
    10% {
        transform: scale(1)
    }

    20% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.7)
    }

    50% {
        transform: scale(1.7)
    }

    70% {
        transform: scale(1.7)
    }

    80% {
        transform: scale(1)
    }

    90% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

.preloader6 {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: inherit;
    margin: 18px 0
}

    .preloader6 hr {
        border: 0;
        background: inherit;
        width: 80%;
        height: 80%;
        margin: 10%;
        border-radius: 100%
    }

        .preloader6::before,
        .preloader6::after,
        .preloader6 hr::before,
        .preloader6 hr::after {
            content: '';
            position: absolute;
            top: 0;
            z-index: -1;
            left: 33px;
            border: 17px solid transparent;
            border-bottom: 50px solid #9D833E;
            border-top: 50px solid #9D833E;
            -webkit-animation: rotateColor 1000ms infinite;
            animation: rotateColor 1000ms infinite
        }

    .preloader6::after {
        transform: rotate(45deg);
        -webkit-animation-delay: 125ms;
        animation-delay: 125ms
    }

    .preloader6 hr::before {
        transform: rotate(90deg);
        -webkit-animation-delay: 250ms;
        animation-delay: 250ms
    }

    .preloader6 hr::after {
        transform: rotate(135deg);
        -webkit-animation-delay: 375ms;
        animation-delay: 375ms
    }

.loader-block,
.loader {
    display: flex;
    align-items: center;
    justify-content: center
}

@keyframes rotateColor {
    0% {
        border-top-color: #9D833E
    }

    12.5% {
        border-bottom-color: rgba(26, 188, 156, .8)
    }

    25% {
        border-bottom-color: rgba(26, 188, 156, .6)
    }

    37.5% {
        border-bottom-color: rgba(26, 188, 156, .4)
    }

    50% {
        border-bottom-color: rgba(26, 188, 156, .6)
    }

    50.00001% {
        border-bottom-color: #9D833E
    }

    62.5% {
        border-bottom-color: rgba(26, 188, 156, .8)
    }

    75% {
        border-bottom-color: rgba(26, 188, 156, .6)
    }

    87.5% {
        border-bottom-color: rgba(26, 188, 156, .4)
    }
}

.range-slider {
    min-height: 200px;
    display: flex;
    align-items: center;
    margin-left: 15px
}

#RGB {
    height: 10px;
    background: gray
}

#RC .slider-selection {
    background: #ff8282
}

#RC .slider-handle {
    background: red
}

#GC .slider-selection {
    background: #428041
}

#GC .slider-handle {
    background: green
}

#BC .slider-selection {
    background: #8283ff
}

#BC .slider-handle {
    border-bottom-color: blue
}

#R,
#G,
#B {
    width: 300px
}

.range-slider-contain {
    position: absolute;
    bottom: 12%
}

.slider-handle {
    top: -5px;
    background-image: linear-gradient(to bottom, #9D833E 0%, #9D833E 100%);
    box-shadow: none
}

.slider-tick,
.slider-track {
    background-image: linear-gradient(to bottom, #BDC3C7 0%, #BDC3C7 100%)
}

.slider-handle.custom::before {
    line-height: 15px;
    font-size: 35px;
    color: #9D833E
}

#slider12a .slider-track-high,
#slider12c .slider-track-high {
    background: green
}

#slider12b .slider-track-low,
#slider12c .slider-track-low {
    background: red
}

#slider12c .slider-selection {
    background: #ff0
}

.slider-selection.tick-slider-selection {
    background-image: linear-gradient(to bottom, #28E1BD 0%, #28E1BD 100%)
}

.slider-tick.in-selection {
    background-image: linear-gradient(to bottom, #28E1BD 0%, #28E1BD 100%)
}

.slider.slider-horizontal .slider-track {
    height: 2px
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    top: -5px;
    cursor: pointer
}

.br-wrapper {
    margin: 20px 0 50px
}

.br-theme-bars-1to10 .br-widget .br-current-rating {
    clear: both;
    padding: 0;
    font-size: 16px;
    color: #757575;
    font-weight: 600
}

.br-theme-bars-reversed .br-widget .br-current-rating {
    clear: both;
    padding: 0;
    line-height: 2;
    font-size: 16px
}

.br-theme-bars-movie .br-widget .br-current-rating {
    color: #757575;
    font-weight: 600;
    text-align: left
}

.br-theme-bars-horizontal .br-widget .br-current-rating,
.br-theme-bars-reversed .br-widget .br-current-rating {
    color: #757575;
    font-weight: 600
}

span.value {
    display: inline
}

.current-rating {
    position: relative;
    top: -50px
}

    .current-rating.hidden {
        display: none
    }

.your-rating {
    position: relative;
    top: -50px
}

    .your-rating.hidden {
        display: none
    }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
    background-color: #8cddcd
}

    .br-theme-bars-1to10 .br-widget a.br-active,
    .br-theme-bars-1to10 .br-widget a.br-selected,
    .br-theme-bars-movie .br-widget a.br-active,
    .br-theme-bars-movie .br-widget a.br-selected,
    .br-theme-bars-reversed .br-widget a.br-active,
    .br-theme-bars-reversed .br-widget a.br-selected,
    .br-theme-bars-horizontal .br-widget a.br-active,
    .br-theme-bars-horizontal .br-widget a.br-selected {
        background-color: #9D833E
    }

.br-theme-bars-pill .br-widget a {
    background-color: #8cddcd;
    color: #9D833E
}

    .br-theme-bars-pill .br-widget a.br-active,
    .br-theme-bars-pill .br-widget a.br-selected {
        background-color: #9D833E
    }

.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #9D833E
}

.br-theme-css-stars .br-widget a.br-active:after,
.br-theme-css-stars .br-widget a.br-selected:after {
    color: #9D833E
}

.br-theme-bars-square .br-widget a {
    border: 2px solid #8cddcd;
    color: #8cddcd
}

    .br-theme-bars-square .br-widget a.br-active,
    .br-theme-bars-square .br-widget a.br-selected {
        border: 2px solid #9D833E;
        color: #9D833E
    }

.br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
.br-theme-fontawesome-stars-o .br-widget a:after,
.br-theme-fontawesome-stars-o .br-widget a.br-active:after,
.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
    color: #9D833E
}

#task-container ul {
    overflow: hidden
}

#task-container .task-headline {
    display: none;
    color: #666;
    border-bottom: 1px solid #c8c7bb;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 1.6em;
    position: relative
}

    #task-container .task-headline:before {
        height: 1px;
        width: 100%;
        background: #fff;
        position: absolute;
        content: " ";
        bottom: 0;
        left: 0
    }

#task-container .nothing-message {
    height: 160px;
    color: #666;
    background-size: 15%
}

#task-container li {
    float: left;
    width: 49%;
    overflow: auto;
    height: auto;
    min-height: 10px;
    background: #fff;
    display: inline-block;
    padding: 20px;
    border: 1px solid #ccc;
    color: #666;
    border-top: 9px solid #9D833E;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 2%;
    transition: all .3s;
    position: relative
}

    #task-container li:nth-child(even) {
        margin-right: 0
    }

    #task-container li:hover {
        opacity: 1;
        border-top: 9px solid #bdc3c7
    }

    #task-container li.complete {
        opacity: 1;
        border-top: 9px solid #e74c3c;
        transition: all ease-in .3s
    }

        #task-container li.complete:before {
            background: url(/images/complete.png) no-repeat;
            position: absolute;
            top: 5px;
            right: 5px;
            content: "";
            width: 55px;
            height: 55px;
            background-size: 100%
        }

        #task-container li.complete:hover {
            border-top: 9px solid #bdc3c7;
            opacity: 1
        }

        #task-container li.complete p {
            text-decoration: line-through
        }

#task-container p {
    line-height: 1.6em;
    text-align: left
}

.add-line.complete {
    text-decoration: line-through
}

.task-panel .to-do-label {
    padding-bottom: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px
}

    .task-panel .to-do-label:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding: 0
    }

.to-do-list {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px
}

    .to-do-list i {
        color: #ccc;
        font-size: 24px;
        opacity: 0
    }

    .to-do-list:last-child {
        border: none;
        padding: 0;
        margin: 0
    }

    .to-do-list:hover i {
        opacity: 1;
        transition: opacity ease-in .3s
    }

    .to-do-list p {
        display: inline-block
    }

.to-do-label .checkbox-fade {
    display: block
}

    .to-do-label .checkbox-fade .delete_todo {
        float: right;
        font-size: 24px;
        color: #ccc
    }

.to-do-label .check-task {
    display: block
}

.to-do-label i {
    cursor: pointer
}

.done-task span,
.done-task .captions {
    text-decoration: line-through
}

@media only screen and (max-width: 1199px) {
    .blog-page-card {
        margin-bottom: 30px
    }

        .blog-page-card:last-child {
            margin-bottom: 0
        }

    #draggablePanelList [class*=col-] .card-sub {
        margin-bottom: 30px
    }

    #draggablePanelList [class*=col-]:last-child .card-sub {
        margin-bottom: 0
    }

    .user-head {
        justify-content: center
    }

    .user-body {
        min-height: auto !important
    }

    .mail-box-head {
        text-align: center
    }

        .mail-box-head form {
            float: inherit
        }

    #external-events h6 {
        margin-top: 0;
        margin-bottom: 20px
    }

    .just_edit .input-group {
        width: 100% !important
    }

    .dotted-line-theme .ibtn_container {
        top: 10px;
        position: inherit
    }

    .users-card [class*=col-] {
        margin-bottom: 20px
    }

        .users-card [class*=col-]:last-child {
            margin-bottom: 0
        }

    .timeline-btn {
        text-align: center;
        width: 100%;
        right: 0
    }

    .social-timeline-left {
        position: inherit;
        top: 0;
        margin-right: 0
    }

    .timeline-icon {
        position: absolute;
        margin-left: 0
    }

    .timeline-right .card {
        margin-left: 70px !important
    }

    .social-timelines:before {
        left: 35px
    }

    .timeline-dot:after,
    .timeline-dot:before {
        left: 32px
    }

    .user-box .social-client-description {
        padding-bottom: 20px;
        margin-bottom: 0;
        border-bottom: 1px solid #ddd
    }

    .user-box .f-right {
        float: none;
        display: block
    }

    .main-timeline {
        padding: 10px
    }

        .main-timeline:before,
        .main-timeline:after {
            margin-left: -94px;
            margin-top: 25px;
            display: none
        }

    .cd-timeline-content::before {
        top: 15px
    }

    .cd-date,
    .cd-details {
        display: block;
        padding-left: 20px !important;
        padding-top: 0 !important
    }

    .cd-details {
        margin-bottom: 20px
    }

    .cd-timeline-content p {
        margin-bottom: 0
    }

    .clock-widget .basic-alarm {
        display: none
    }

    .weather-card-2 .weather-card-temp {
        padding: 0
    }

    .weather-card-2 .card-footer {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .user-activity-card .card-block-big {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media only screen and (max-width: 1024px) {
    .main-body .page-wrapper .page-header-title {
        display: block
    }

    .main-body .page-wrapper .page-header {
        margin-bottom: 10px
    }

    .main-body .page-wrapper .page-header-breadcrumb {
        float: inherit;
        display: inline-block;
        margin-top: 10px
    }
}

@media only screen and (max-width: 992px) {

    #footer-search tfoot .form-control,
    #footer-select tfoot .form-control,
    #form-input-table .form-control,
    .search-api .form-control,
    #dt-live-dom .form-control {
        width: 80%
    }

    .card-title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px
    }

    .header-navbar .navbar-wrapper .navbar-container {
        margin-left: 0
    }

    .header-navbar .navbar-wrapper .navbar-logo {
        width: 100%
    }

        .header-navbar .navbar-wrapper .navbar-logo .mobile-menu {
            display: block;
            position: absolute;
            left: 30px;
            top: 18px
        }

        .header-navbar .navbar-wrapper .navbar-logo .mobile-search {
            display: block;
            position: absolute;
            left: 70px;
            top: 18px
        }

        .header-navbar .navbar-wrapper .navbar-logo .mobile-options {
            display: block;
            position: absolute;
            right: 30px;
            top: 18px;
        }

    .header-navbar .navbar-container .nav-left,
    .header-navbar .navbar-wrapper .navbar-container .nav-right {
        display: none
    }

    .btn-blog {
        text-align: center
    }

    .animation-image img {
        margin: 20px auto 0
    }

    .animation-type {
        text-align: center
    }

    .nav-tabs.md-tabs.tab-timeline li a {
        font-size: 16px
    }
}

@media only screen and (min-width: 992px) {
    .btn-blog {
        text-align: right
    }
}

@media only screen and (max-width: 768px) {
    .card-block.list-tag ul li:last-child {
        margin-bottom: 20px
    }

    .inline-order-list {
        margin-top: 0
    }

    h4 {
        font-size: 1rem;
        font-weight: 600
    }

    .mail-body-content .form-group:nth-child(2) .form-control {
        margin-bottom: 20px
    }

    .mail-body-content .form-group:nth-child(2) .col-md-6:last-child .form-control {
        margin-bottom: 0
    }

    .card h5 {
        font-size: 16px
    }

    .header-navbar .navbar-wrapper .navbar-logo {
        display: inherit;
        /* padding-top: 13px */
    }

        .header-navbar .navbar-wrapper .navbar-logo a {
            display: inline-block
        }

        .header-navbar .navbar-wrapper .navbar-logo .mobile-options {
            top: 18px
        }

    .main-body .page-wrapper .page-header-title {
        display: block
    }

    body.header-fixed .main-body .page-wrapper {
        padding-bottom: 0;
        padding-top: 15px
    }

    .card-header-right i:nth-child(n+2) {
        display: none
    }

    .dataTables_paginate .pagination {
        float: inherit;
        text-align: center;
        display: inline-block;
        margin-top: 10px !important
    }

    .card .card-block ul.pagination li {
        float: left
    }

    div.dataTables_wrapper div.dataTables_info {
        display: inherit
    }

    .wizard > .steps > ul > li {
        float: inherit;
        width: 100%
    }

    .gallery-page .grid {
        padding: 0
    }

    figure.effect-steve h2 {
        margin-top: 0
    }

    .cover-profile .profile-bg-img {
        margin-bottom: 0
    }

    .card-block.user-info {
        position: inherit;
        text-align: center;
        background-color: #bdc3c7;
        margin-bottom: 20px
    }

    .user-info .media-left,
    .user-info .media-body {
        display: block
    }

    .cover-btn {
        position: inherit;
        float: none
    }

        .cover-btn .btn:first-child {
            margin-right: 10px
        }

    .user-info .user-title {
        position: initial;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .nav-tabs.md-tabs.tab-timeline li a {
        font-size: 14px
    }

    .user-content h4 {
        font-size: 1rem
    }

    .user-content h5 {
        margin-right: 0;
        font-size: 14px
    }

    .top-cap-text p {
        padding: 0
    }

        .top-cap-text p:last-child {
            margin-bottom: 0
        }

    .user-card .btn span {
        font-size: 13px
    }

    .toolbar-page [class*=col-] {
        margin-bottom: 30px
    }

        .toolbar-page [class*=col-]:last-child {
            margin-bottom: 0
        }

    .offline-404 h1 {
        font-size: 80px
    }

    .offline-404 h2 {
        font-size: 25px
    }

    .invoice-contact {
        margin-top: 20px;
        margin-bottom: 0
    }

    .lng-dropdown {
        display: none
    }

    .group-widget .card-block-big {
        height: 110px
    }

    .client-blocks ul li {
        font-size: 30px
    }

    .widget-profile-card-1 ~ .card-footer [class*=col-] {
        border: none;
        margin: 0 auto
    }

    .large-widget-card i {
        top: 15px
    }

    .user-activity-card .user-number {
        padding: 15px 0
    }

    .user-activity-card .m-b-40 {
        margin-bottom: 10px
    }

    .blur-user-card .blur-footer [class*=col-] {
        margin: 0 auto;
        border: none
    }

    .switchery {
        margin-bottom: 20px
    }

    .switchery-large,
    .switchery-large ~ .switchery-default,
    .switchery-small {
        margin-bottom: 0
    }

    .js-dynamic-disable,
    .js-dynamic-enable {
        display: block;
        width: 100%
    }

    .js-dynamic-disable {
        margin-bottom: 20px
    }

    .radio-inline,
    .border-checkbox-section .border-checkbox-group,
    .checkbox-fade,
    .checkbox-color {
        display: block
    }
}

@media only screen and (max-width: 640px) {
    .dt-button {
        margin-bottom: 5px
    }

    .email-read .card-header h6 {
        float: none;
        margin-top: 10px
    }

    .email-read .media {
        display: inline-block
    }

        .email-read .media.m-b-20 {
            margin-bottom: 0
        }

    .email-read .mail-img [class*=col-] {
        margin-bottom: 30px
    }

        .email-read .mail-img [class*=col-]:last-child {
            margin-bottom: 0
        }
}

@media only screen and (max-width: 573px) {
    .md-tabs {
        display: initial
    }

        .md-tabs .nav-item,
        .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a,
        .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a,
        .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a,
        .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a,
        .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a,
        .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a,
        .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a,
        .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a {
            width: calc(100%/1)
        }

    .nav-tabs .slide {
        width: calc(100%/1)
    }

    .toolbar-page [class*=col-] .sub-title {
        text-align: center
    }

    #task-container li {
        width: 100%
    }

    .nav-tabs.tabs {
        display: inherit
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .main-menu .main-menu-content .nav-item .tree-1 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-1 .nav-tabs a.show .nav-link,
    .nav-tabs .main-menu .main-menu-content .nav-item .tree-2 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-2 .nav-tabs a.show .nav-link,
    .nav-tabs .main-menu .main-menu-content .nav-item .tree-3 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-3 .nav-tabs a.show .nav-link,
    .nav-tabs .main-menu .main-menu-content .nav-item .tree-4 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-4 .nav-tabs a.show .nav-link,
    .nav-tabs .nav-link.active {
        border: none
    }

    .nav-tabs .nav-link {
        text-align: center
    }

    .search-content {
        display: block;
        text-align: center
    }

        .search-content img {
            margin-top: 20px
        }

    .seacrh-header {
        margin-top: 0
    }

        .seacrh-header .input-group {
            margin-bottom: 0
        }

    .payment-card .text-right {
        text-align: left !important
    }

    .payment-tabs .md-tabs .nav-item + .nav-item,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + .nav-item,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + .nav-item,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + .nav-item,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + .nav-item,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .nav-item + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-1 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-2 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-2 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-2 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-3 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-3 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-3 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-4 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + a {
        width: calc(100%/1)
    }

    .jp-card {
        min-width: 225px !important
    }

    .payment-form {
        padding: 0;
        padding-top: 20px
    }

    .modal-mob-btn [class*=col-]:first-child {
        margin-bottom: 20px
    }

    .location-mob-btn .btn {
        margin-bottom: 20px;
        margin-right: 0
    }

        .location-mob-btn .btn:last-child {
            margin-bottom: 0
        }

    .job-cards .media {
        display: inline-block;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px
    }

        .job-cards .media p {
            margin-bottom: 0
        }

    .invoice-btn-group .m-r-20 {
        margin-right: 0
    }

    .table-card .row-table {
        display: block;
        text-align: center
    }

        .table-card .row-table i {
            font-size: 28px;
            margin-bottom: 10px;
            display: inline-block
        }

        .table-card .row-table .br {
            border: none;
            border-bottom: 1px solid #ccc
        }

        .table-card .row-table > [class*=col-] {
            display: block
        }

    .card-block-big {
        padding: 1em
    }

        .card-block-big #barchart,
        .card-block-big #barchart2 {
            display: inline-block;
            margin-bottom: 10px
        }

    .widget-primary-card [class*=col-],
    .widget-success-card [class*=col-] {
        padding: 1em
    }

        .widget-primary-card [class*=col-] h6,
        .widget-success-card [class*=col-] h6 {
            margin-bottom: 0
        }

    .cd-horizontal-timeline .events-content em {
        text-align: left
    }

    .events-content h2 {
        font-size: 20px
    }

    .cd-horizontal-timeline {
        margin: 0 auto
    }

    .social-widget-card i {
        top: 25px;
        font-size: 38px
    }

    .widget-chat-box .card-header i {
        display: none
    }

    .mobile-inputs [class*=col-]:first-child {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 460px) {
    .fc-toolbar .fc-right .fc-button-group {
        margin-right: 0
    }

    .social-msg a {
        margin-bottom: 10px
    }

        .social-msg a:last-child {
            margin-bottom: 0
        }
}

@media only screen and (max-width: 480px) {
    [class*=alert-] code {
        margin-left: 0
    }

    .auth-body {
        min-width: auto
    }

    .breadcrumb-page .card {
        text-align: center
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 150px
    }

    #footer-search tfoot .form-control,
    #footer-select tfoot .form-control,
    #form-input-table .form-control,
    .search-api .form-control,
    #dt-live-dom .form-control {
        width: 70%
    }

    .grid figure {
        min-width: auto
    }

    .mytooltip .tooltip-content {
        width: 310px;
        margin: 0 0 20px -90px
    }

        .mytooltip .tooltip-content:after {
            margin-left: -90px
        }

    .cd-timeline-content .media {
        display: inherit !important;
        padding-left: 20px
    }

        .cd-timeline-content .media .media-left {
            text-align: center;
            margin: 10px auto
        }

    .summernote-page .modal-footer {
        display: inline-block;
        text-align: center
    }

        .summernote-page .modal-footer > :not(:first-child) {
            margin-top: 10px;
            margin-left: 0
        }

    .product-detail .txt-muted.d-inline-block {
        margin-top: 10px
    }

        .product-detail .txt-muted.d-inline-block ~ .f-right {
            float: none;
            display: block;
            margin-top: 10px
        }

    .mob-product-btn {
        text-align: center
    }

        .mob-product-btn .btn-primary,
        .mob-product-btn .sweet-alert button.confirm,
        .sweet-alert .mob-product-btn button.confirm,
        .mob-product-btn .wizard > .actions a,
        .wizard > .actions .mob-product-btn a {
            margin-right: 0;
            display: block;
            margin: 10px auto
        }
}

@media only screen and (max-width: 576px) {

    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification,
    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
        min-width: 280px;
        left: 0;
        right: auto;
        width: auto
    }

    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 801px) and (max-width:915px) {
    .grid figure {
        min-width: auto
    }
}

@media only screen and (min-width: 1200px) and (max-width:1258px) {
    .user-head {
        text-align: center
    }

        .user-head .user-face {
            margin: 0 auto
        }

        .user-head .user-name {
            display: none
        }
}

@media only screen and (min-width: 1279px) and (max-width:1500px) {
    .cd-horizontal-timeline {
        margin: 0 auto
    }

    #chartdiv {
        height: 440px
    }

    .social-card-1 .card-block-big {
        padding: 1.3em
    }

    #morris-extra-area {
        height: 400px !important
    }

    .widget-chat-box .send-chat,
    .widget-chat-box .receive-chat,
    .widget-chat-box .receive-chat {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
}


.card-header .toggle-padding-top .form-group.form-inline {
    margin-bottom: 0;
}

.ui-grid-cellRight {
    text-align: right;
}


/*Floating Menu*/
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    /*background-color: #F33;*/
    background-color: #667db6;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
    -webkit-animation: bot-to-top 2s ease-out;
    animation: bot-to-top 2s ease-out;
}

.floatul {
    position: fixed;
    right: 40px;
    padding-bottom: 20px;
    bottom: 80px;
    z-index: 100;
}

    .floatul li {
        list-style: none;
        margin-bottom: 10px;
    }

        .floatul li a {
            background-color: #667db6;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            box-shadow: 2px 2px 3px #999;
            width: 60px;
            height: 60px;
            display: block;
        }

    .floatul:hover {
        visibility: visible !important;
        opacity: 1 !important;
    }

.my-float {
    font-size: 24px;
    margin-top: 18px;
    margin-right: 0px;
}

a#menu-share + ul {
    visibility: hidden;
}

a#menu-share:hover + ul {
    visibility: visible;
    -webkit-animation: scale-in 0.5s;
    animation: scale-in 0.5s;
}

a#menu-share i {
    -webkit-animation: rotate-in 0.5s;
    animation: rotate-in 0.5s;
}

a#menu-share:hover > i {
    -webkit-animation: rotate-out 0.5s;
    animation: rotate-out 0.5s;
}

@-webkit-keyframes bot-to-top {
    0% {
        bottom: -40px
    }

    50% {
        bottom: 40px
    }
}

@keyframes bot-to-top {
    0% {
        bottom: -40px
    }

    50% {
        bottom: 40px
    }
}

@-webkit-keyframes scale-in {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-in {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes rotate-in {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate-in {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-out {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes rotate-out {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.icon-spin {
    /* -webkit-animation: spin 2s infinite linear; */
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    /* animation: spin 2s infinite linear; */
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: open sans, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: open sans, sans-serif, "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;
    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)
}

.ui-inputtext {
    height: 36px !important;
    /* width: 244px; */
    width: 100%;
}

.ui-datepicker-trigger {
    height: 36px !important;
}

.text-filter {
    width: 100px !important;
}

.text-medium {
    height: 39px;
    width: 180px !important;
}

.dropdown-medium {
    height: 30px;
    width: 180px !important;
}

/* Toggle button CSS Begin */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    float: right;
}

    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
    }

input.primary:checked + .slider {
    background-color: #9D853E;
}

input:checked + .slider:before {
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* Toggle button CSS End */
.pi-search-custom {
    padding: 10px !important;
    margin-left: 5px !important;
    font-size: 1.232em !important;
}

.ui-calendar .ui-datepicker {
    line-height: 9px;
}

.form-group-custom {
    margin-bottom: 0.25em;
}

@media (min-width: 576px) {
    .modal-dialog-custom {
        max-width: auto !important;
        width: auto !important;
        margin: 30px auto;
    }
}

.custom-modal-small .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
    max-width: 400px;
    width: 450px;
    margin: 1.75rem auto;
}

.required:after {
    color: #dc143c;
    content: "*";
    position: absolute;
    margin-right: 8px;
    margin-top: -8px;
    top: 0;
    right: 0;
    text-align: right;
    /* font-size: large; */
    font-weight: bold;
}

.ui-calendar-custom-width {
    width: 81% !important;
}

.ui-calendar .ui-inputtext {
    width: 81%;
}

select:invalid {
    color: #898989;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
}

.text-muted {
    color: #6c757d !important;
}

#topnav {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    background-color: transparent;
    border: 0;
    transition: all .5s ease;
    min-height: 62px;
}

    #topnav .dropdown.show .nav-link {
        background-color: rgba(255, 255, 255, 0.2);
    }

select:invalid {
    color: #898989;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
}

.text-muted {
    color: #6c757d !important;
}

#topnav {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    background-color: transparent;
    border: 0;
    transition: all .5s ease;
    min-height: 62px;
}

    #topnav .dropdown.show .nav-link {
        background-color: rgba(255, 255, 255, 0.2);
    }

    #topnav .language-switch a img {
        float: right;
        margin-top: 5px;
    }

    #topnav .has-submenu.active a {
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.1) !important;
    }

    #topnav .has-submenu.active .submenu li.active > a {
        color: #0f9cf3;
    }

    #topnav .topbar-main {
        /* background-color: #4d5467; */
    }

        #topnav .topbar-main .logo {
            color: #ffffff !important;
            font-size: 24px;
            font-weight: 700;
            letter-spacing: 1px;
            line-height: 60px;
            text-transform: uppercase;
            float: left;
        }

        #topnav .topbar-main .logo-small {
            display: none;
        }

        #topnav .topbar-main .badge-topbar {
            position: absolute;
            top: 7px;
            right: 7px;
            z-index: 99;
        }

        #topnav .topbar-main .nav > li > a {
            height: 36px;
            width: 36px;
            padding: 0;
            font-size: 24px;
            line-height: 35px;
            text-align: center;
            border-radius: 50%;
            margin: 12px 8px;
            color: rgba(10, 24, 50, 0.7);
        }

            #topnav .topbar-main .nav > li > a:focus,
            #topnav .topbar-main .nav > li > a:hover {
                background-color: rgba(10, 24, 50, 0.1);
                color: #0a1832;
            }

        #topnav .topbar-main .navbar-nav > .open > a {
            background-color: rgba(10, 24, 50, 0.1) !important;
        }

        #topnav .topbar-main .profile img {
            height: 34px;
            width: 34px;
            display: block;
        }

        #topnav .topbar-main .navbar-nav {
            margin: 0;
        }

    #topnav .navbar-custom {
        background-color: #424858;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        padding-left: 0;
    }

    #topnav .navbar-toggle {
        border: 0;
        position: relative;
        padding: 0;
        margin: 0;
        cursor: pointer;
    }

        #topnav .navbar-toggle:hover {
            background-color: transparent;
        }

            #topnav .navbar-toggle:hover span {
                background-color: #ffffff;
            }

        #topnav .navbar-toggle .lines {
            width: 25px;
            display: block;
            position: relative;
            margin: 0 10px 0 0;
            padding-top: 13px;
            height: 23px;
            transition: all .5s ease;
        }

        #topnav .navbar-toggle span {
            height: 2px;
            width: 100%;
            background-color: rgba(255, 255, 255, 0.8);
            display: block;
            margin-bottom: 5px;
            transition: transform .5s ease;
        }

        #topnav .navbar-toggle.open span {
            position: absolute;
        }

            #topnav .navbar-toggle.open span:first-child {
                top: 18px;
                transform: rotate(45deg);
            }

            #topnav .navbar-toggle.open span:nth-child(2) {
                visibility: hidden;
            }

            #topnav .navbar-toggle.open span:last-child {
                width: 100%;
                top: 18px;
                transform: rotate(-45deg);
            }

    #topnav .navigation-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #topnav .navigation-menu > li {
            display: inline-block;
            position: relative;
        }

            #topnav .navigation-menu > li > a {
                display: block;
                color: rgba(255, 255, 255, 0.7);
                font-size: 16px;
                transition: all .5s ease;
                line-height: 18px;
                padding-left: 25px;
                padding-right: 25px;
            }

                #topnav .navigation-menu > li > a:hover {
                    color: #ffffff;
                }

                #topnav .navigation-menu > li > a:focus {
                    color: #ffffff;
                }

                #topnav .navigation-menu > li > a:active {
                    color: #ffffff;
                }

                #topnav .navigation-menu > li > a i {
                    font-size: 14px;
                    margin-right: 8px;
                    text-align: center;
                    transition: all .5s ease;
                }

                #topnav .navigation-menu > li > a:hover,
                #topnav .navigation-menu > li > a:focus {
                    background-color: transparent;
                }

.card-block-scrollable {
    overflow-x: auto;
}

.form-group-custom-height {
    margin-bottom: 0.25em;
}

.col-block {
    width: 50%;
    float: left;
}

.swal2-styled {
    box-shadow: none !important;
}

.displaynone {
    display: none;
}

.grid-loader {
    position: absolute;
    top: 50%;
    /* left:50%; */
    left: 45%;
    display: inline-block;
    padding: 12px;
    background: white;
    -opacity: 0.5;
    color: #667db6;
    font-weight: bold;
    z-index: 9999;
    border: 1px solid #667db6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0 0 5px #667db6;
    -webkit-box-shadow: 0px 0px 5px #667db6;
}

    .grid-loader label {
        /* padding-left: 20px; */
        width: 50px;
        height: 50px;
        background: url('pglogo.f327321df87500281588.svg') no-repeat center left;
        margin-bottom: 0px;
    }

/* .grid-loader:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
} */
.ui-widget,
.ui-widget * {
    box-sizing: border-box;
}

.ui-helper-hidden {
    display: none !important;
}

.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-hidden-accessible input,
    .ui-helper-hidden-accessible select {
        transform: scale(0);
    }

.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);
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-datepicker-unselectable.ui-state-disabled span {
    background: #f5f5f5;
    cursor: not-allowed;
}

.ui-state-disabled a {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.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;
}

.ui-shadow {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

.ui-unselectable-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

.ui-overflow-hidden {
    overflow: hidden;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #898989;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #898989;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #898989;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #898989;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #898989;
}

.ui-placeholder {
    color: #898989;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
button {
    border-radius: 0;
}

.ui-accordion {
    width: 100%;
}

    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom: 1;
    }

        .ui-accordion .ui-accordion-header a {
            display: block;
            padding: .5em;
        }

    .ui-accordion .ui-accordion-toggle-icon,
    .ui-accordion .ui-accordion-header-text {
        vertical-align: middle;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em;
        border-top: 0;
        overflow: visible;
        zoom: 1;
    }

    .ui-accordion .ui-accordion-header.ui-state-disabled,
    .ui-accordion .ui-accordion-header.ui-state-disabled a {
        cursor: default;
    }

.ui-accordion-content-wrapper-overflown {
    overflow: hidden;
}

.ui-rtl .ui-accordion .ui-accordion-header a {
    padding: .5em 2em .5em .5em;
}

.ui-rtl .ui-accordion .ui-accordion-toggle-icon {
    left: initial;
    right: .5em;
}

    .ui-rtl .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before {
        content: '\e904';
    }

.ui-blockui {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-blockui-document {
    position: fixed;
}

.ui-autocomplete {
    width: auto;
    zoom: 1;
    cursor: pointer;
    box-shadow: none;
    position: relative;
    display: inline-block;
}

    .ui-autocomplete .ui-autocomplete-dropdown {
        height: 100%;
        width: 2em;
        margin-right: 0;
        vertical-align: top;
    }

    .ui-autocomplete .ui-autocomplete-input {
        padding-right: 1.5em;
    }

.ui-autocomplete-loader {
    position: absolute;
    right: .25em;
    top: 50%;
    margin-top: -.5em;
}

.ui-autocomplete-query {
    font-weight: bold;
}

.ui-autocomplete .ui-autocomplete-panel {
    min-width: 100%;
}

.ui-autocomplete-panel {
    position: absolute;
    overflow: auto;
}

    .ui-autocomplete-panel .ui-autocomplete-list {
        padding: 0.4em;
        border: 0 none;
    }

    .ui-autocomplete-panel .ui-autocomplete-list-item {
        border: 0 none;
        cursor: pointer;
        font-weight: normal;
        margin: 1px 0;
        padding: 0.186em 0.313em;
        text-align: left;
    }

.ui-autocomplete .ui-button-icon-only,
.ui-autocomplete .ui-button-icon-only:enabled:hover,
.ui-autocomplete .ui-button-icon-only:enabled:focus,
.ui-autocomplete .ui-button-icon-only:enabled:active {
    border-left: 0 none;
}

/* Multiple Selection */
.ui-autocomplete-multiple-container {
    display: inline-block;
    vertical-align: middle;
}

    .ui-autocomplete-multiple-container.ui-inputtext {
        clear: left;
        cursor: text;
        list-style-type: none;
        margin: 0;
        overflow: hidden;
        padding: 0 1.5em 0 .25em;
    }

.ui-autocomplete-token {
    cursor: default;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    padding: .125em .5em;
    white-space: nowrap;
    position: relative;
    margin-right: .125em;
    border: 0 none;
    font-size: .9em;
}

.ui-autocomplete-token-label {
    display: block;
    margin-right: 2em;
}

.ui-autocomplete-token-icon {
    margin-top: -.5em;
    position: absolute;
    right: 0.2em;
    top: 50%;
    cursor: pointer;
}

.ui-autocomplete-input-token {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    margin: 0 0 0 .125em;
    padding: .25em .25em .25em 0;
}

    .ui-autocomplete-input-token input {
        border: 0 none;
        width: 10em;
        outline: medium none;
        background-color: transparent;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }

.ui-autocomplete-dd .ui-autocomplete-loader {
    right: 2.25em;
}

.ui-autocomplete-dd input.ui-corner-all,
.ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

/** AutoComplete **/
.ui-fluid p-autocomplete,
.ui-fluid .ui-autocomplete,
.ui-fluid .ui-autocomplete-input {
    width: 100%;
}

    .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,
    .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container {
        width: calc(100% - 2em);
    }

    .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
        width: 2em;
    }

/** Breadcrumb **/
.ui-breadcrumb {
    margin: 0;
    padding: 0;
    padding: .5em;
}

    .ui-breadcrumb ul {
        margin: 0;
        padding: 0;
    }

        .ui-breadcrumb ul li {
            display: inline-block;
            margin: 0 .25em;
        }

.ui-breadcrumb-chevron,
.ui-breadcrumb-home {
    vertical-align: middle;
}

.ui-breadcrumb ul li .ui-menuitem-link {
    text-decoration: none;
}

.ui-breadcrumb .ui-menuitem-icon {
    margin-right: .25em;
    vertical-align: middle;
}

.ui-breadcrumb .ui-menuitem-text {
    vertical-align: middle;
}

/* Button */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    /* the overflow property removes extra width in IE */
}

p-button {
    display: inline-block;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .25em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-text-empty .ui-button-text {
    padding: .25em;
    text-indent: -9999999px;
}

.ui-button-text-icon-left .ui-button-text {
    padding: .25em 1em .25em 2.1em;
}

.ui-button-text-icon-right .ui-button-text {
    padding: .25em 2.1em .25em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-button-icon-left,
.ui-button-text-icon-left .ui-button-icon-left,
.ui-button-text-icon-right .ui-button-icon-right {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    height: 1em;
}

.ui-button-icon-only .ui-button-icon-left {
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    width: 1em;
    height: 1em;
}

.ui-button-icon-left {
    left: .5em;
}

.ui-button-icon-right {
    right: .5em;
}

/*button sets*/
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: 0;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
    /* reset extra padding in Firefox */
}

/** Fluid **/
.ui-fluid .ui-button {
    width: 100%;
}

.ui-fluid .ui-button-text-icon-left .ui-button-text,
.ui-fluid .ui-button-text-icon-right .ui-button-text {
    padding-left: 1em;
    padding-right: 1em;
}

/** ButtonSet **/
.ui-fluid .ui-buttonset {
    width: 100%;
}

    .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button {
        width: 100%;
    }

    .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {
        width: 50%;
    }

    .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {
        width: 33.3%;
    }

    .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {
        width: 25%;
    }

    .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button {
        width: 20%;
    }

    .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
        width: 16.6%;
    }

@media (max-width: 640px) {

    .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,
    .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,
    .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,
    .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,
    .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,
    .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
        width: 100%;
    }
}

.ui-calendar {
    position: relative;
    display: inline-block;
}

    .ui-calendar .ui-calendar-button {
        height: 100%;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        width: 2em;
        border-left: 0 none;
    }

        .ui-calendar .ui-calendar-button:enabled:hover,
        .ui-calendar .ui-calendar-button:focus {
            border-left: 0 none;
        }

    .ui-calendar .ui-datepicker {
        min-width: 100%;
    }

/* Fluid */
.ui-fluid .ui-calendar {
    width: 100%;
}

.ui-fluid .ui-calendar-button {
    width: 2em;
}

.ui-fluid .ui-datepicker-buttonbar button {
    width: auto;
}

.ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext {
    width: calc(100% - 2em);
}

/* Datepicker */
.ui-datepicker {
    width: auto;
    padding: .2em;
    position: absolute;
}

    .ui-datepicker.ui-datepicker-inline {
        display: inline-block;
        position: static;
    }

    .ui-datepicker .ui-datepicker-group {
        border-left-width: 0;
        border-right-width: 0;
        border-top-width: 0;
        border-bottom-width: 0;
    }

    /* Header */
    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .5em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: .5em;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: .125em;
    }

    .ui-datepicker .ui-datepicker-next {
        right: .125em;
    }

        .ui-datepicker .ui-datepicker-prev span,
        .ui-datepicker .ui-datepicker-next span {
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -.5em;
            margin-left: -.5em;
        }

    .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: .125em 0;
            vertical-align: middle;
        }

    .ui-datepicker select.ui-datepicker-month {
        margin-right: .25em;
    }

    .ui-datepicker span.ui-datepicker-year {
        margin-left: .25em;
    }

/* Multiple Month DatePicker */
.ui-datepicker-multiple-month .ui-datepicker-group {
    display: table-cell;
    border-left-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-right-width: 1px;
}

/* DatePicker Table */
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .5em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 0;
}

    .ui-datepicker td > span,
    .ui-datepicker td > a {
        display: block;
        padding: .5em;
        text-decoration: none;
        border: 0 none;
        text-align: center;
    }

.ui-datepicker .ui-datepicker-buttonbar {
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    padding: .5em;
}

    .ui-datepicker .ui-datepicker-buttonbar > .ui-g > div:last-child {
        text-align: right;
    }

    .ui-datepicker .ui-datepicker-buttonbar > .ui-g > div {
        padding: 0;
    }

.ui-calendar.ui-calendar-w-btn input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* Month Picker */
.ui-monthpicker .ui-monthpicker-month {
    width: 33.3%;
    display: inline-block;
    text-align: center;
    padding: .5em;
    cursor: pointer;
}

.ui-datepicker-monthpicker select.ui-datepicker-year {
    width: auto;
}

/* Time Picker */
.ui-timepicker {
    text-align: center;
    padding: .5em 0;
}

    .ui-timepicker > div {
        display: inline-block;
        margin-left: .5em;
        min-width: 1.5em;
    }

    .ui-timepicker > .ui-minute-picker,
    .ui-timepicker > .ui-second-picker {
        margin-left: 0;
    }

    .ui-timepicker > .ui-separator {
        margin-left: 0px;
        min-width: .75em;
    }

        .ui-timepicker > .ui-separator a {
            visibility: hidden;
        }

    .ui-timepicker > div a {
        display: block;
        opacity: 0.7;
        filter: Alpha(Opacity=70);
        cursor: pointer;
    }

        .ui-timepicker > div a:last-child {
            margin-top: .3em;
        }

        .ui-timepicker > div a:hover {
            display: block;
            opacity: 1;
            filter: Alpha(Opacity=100);
        }

input[type=text]::-ms-clear {
    display: none;
}

/* Touch UI */
.ui-datepicker-touch-ui,
.ui-calendar .ui-datepicker-touch-ui {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 80vw;
}

    .ui-datepicker-touch-ui.ui-datepicker th {
        padding: 2em 0;
    }

    .ui-datepicker-touch-ui.ui-datepicker td {
        padding: 0;
    }

        .ui-datepicker-touch-ui.ui-datepicker td > span,
        .ui-datepicker-touch-ui.ui-datepicker td > a {
            padding: 2em 0;
        }

    .ui-datepicker-touch-ui .ui-timepicker {
        padding: 1em 0;
    }

        .ui-datepicker-touch-ui .ui-timepicker > div a {
            font-size: 2em;
        }

.ui-datepicker-mask {
    position: fixed;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 40em) {
    .ui-datepicker-multiple-month {
        width: 17em;
        overflow: auto;
    }

    .ui-datepicker-touch-ui.ui-datepicker th {
        padding: 1em 0;
    }

    .ui-datepicker-touch-ui.ui-datepicker td span,
    .ui-datepicker-touch-ui.ui-datepicker td a {
        padding: 1em 0;
    }
}

.ui-card-header img {
    width: 100%;
}

.ui-card-body {
    padding: 1em;
}

.ui-card-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: .5em;
}

.ui-card-subtitle {
    opacity: .7;
    margin-bottom: .5em;
    margin-top: -.25em;
    font-weight: bold;
}

.ui-card-footer {
    padding-top: 1em;
}

.ui-carousel {
    position: relative;
    padding: .063em;
}

    .ui-carousel .ui-carousel-viewport .ui-carousel-items {
        list-style: none outside none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 32000px;
        left: 0;
    }

        .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
            margin: 1px;
            padding: 0;
            float: left;
            box-sizing: border-box;
        }

    .ui-carousel .ui-carousel-viewport {
        overflow: hidden;
        position: relative;
        border: 0;
    }

    .ui-carousel .ui-carousel-footer {
        margin: 1px 1px 0px 1px;
        padding: .5em;
        overflow: hidden;
    }

    .ui-carousel .ui-carousel-header {
        margin: 0 1px;
        overflow: hidden;
        padding: .625em;
    }

        .ui-carousel .ui-carousel-header .ui-carousel-header-title {
            display: inline-block;
            overflow: hidden;
        }

    .ui-carousel .ui-carousel-dropdown,
    .ui-carousel .ui-carousel-mobiledropdown {
        float: right;
        margin: 0px .625em;
        background-image: none;
    }

        .ui-carousel .ui-carousel-dropdown option,
        .ui-carousel .ui-carousel-mobiledropdown option {
            background-image: none;
            border: 0 none;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
        }

    .ui-carousel .ui-carousel-button {
        float: right;
        margin: .125em;
    }

    .ui-carousel .ui-carousel-page-link {
        float: left;
        margin: 0 .125em;
        text-decoration: none;
    }

    .ui-carousel .ui-carousel-page-link,
    .ui-carousel .ui-carousel-button {
        cursor: pointer;
    }

    .ui-carousel .ui-carousel-page-links {
        margin: 0px .5em;
        margin-top: .125em;
        float: right;
    }

    .ui-carousel .ui-carousel-mobiledropdown {
        display: none;
    }

.ui-chkbox {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: .25em;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .ui-chkbox .ui-chkbox-box {
        width: 1.125em;
        height: 1.125em;
        line-height: 1.125em;
        border-radius: 2px;
        text-align: center;
    }

    .ui-chkbox .ui-chkbox-icon {
        display: block;
    }

.ui-chkbox-label {
    vertical-align: middle;
}

.ui-chips > ul.ui-inputtext {
    clear: left;
    cursor: text;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0 .25em;
}

.ui-chips-token {
    cursor: default;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    padding: .125em .5em;
    white-space: nowrap;
    position: relative;
    margin-right: .125em;
    border: 0 none;
    font-size: .9em;
}

    .ui-chips-token .ui-chips-token-label {
        display: block;
        margin-right: 2em;
    }

.ui-chips > .ui-state-disabled .ui-chips-token-label {
    margin-right: 0;
}

.ui-chips-token .ui-chips-token-icon {
    margin-top: -.5em;
    position: absolute;
    right: 0.2em;
    top: 50%;
    cursor: pointer;
}

.ui-chips-input-token {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    margin: 0 0 0 .125em;
    padding: .25em .25em .25em 0;
}

    .ui-chips-input-token input {
        border: 0 none;
        width: 10em;
        outline: medium none;
        background-color: transparent;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }

.ui-colorpicker {
    display: inline-block;
}

.ui-colorpicker-dragging {
    cursor: pointer;
}

.ui-colorpicker-overlay {
    position: relative;
}

.ui-colorpicker-panel {
    position: relative;
    width: 193px;
    height: 166px;
    background-color: #323232;
    border-color: #191919;
}

.ui-colorpicker-overlay-panel {
    position: absolute;
}

.ui-colorpicker-preview {
    width: 2em;
    cursor: pointer;
}

.ui-colorpicker-panel .ui-colorpicker-content {
    position: relative;
}

.ui-colorpicker-panel .ui-colorpicker-color-selector {
    width: 150px;
    height: 150px;
    top: 8px;
    left: 8px;
    position: absolute;
}

.ui-colorpicker-panel .ui-colorpicker-color {
    width: 150px;
    height: 150px;
    background: transparent url('color.c7a33805ffda0d32bd2a.png') no-repeat left top;
}

.ui-colorpicker-panel .ui-colorpicker-color-handle {
    position: absolute;
    top: 0px;
    left: 150px;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    border: 1px solid #ffffff;
    margin: -5px 0 0 -5px;
    cursor: pointer;
}

.ui-colorpicker-panel .ui-colorpicker-hue {
    background: transparent url('hue.0614c27197fc3ce572e1.png') no-repeat left top;
    width: 17px;
    height: 150px;
    top: 8px;
    left: 167px;
    position: absolute;
    opacity: .85;
}

.ui-colorpicker-panel .ui-colorpicker-hue-handle {
    position: absolute;
    top: 150px;
    left: 0px;
    width: 21px;
    margin-left: -2px;
    margin-top: -5px;
    height: 10px;
    border: 2px solid #ffffff;
    opacity: .85;
    cursor: pointer;
}

.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle,
.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle {
    opacity: .5;
}

.ui-contextmenu {
    width: 12.5em;
    padding: .25em;
    position: absolute;
    display: none;
}

    .ui-contextmenu .ui-menu-separator {
        border-width: 1px 0 0 0;
    }

    .ui-contextmenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .ui-contextmenu .ui-submenu-list {
        display: none;
        position: absolute;
        width: 12.5em;
        padding: .25em;
    }

    .ui-contextmenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        position: relative;
    }

    .ui-contextmenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle;
    }

    .ui-contextmenu .ui-menuitem-text {
        vertical-align: middle;
    }

    .ui-contextmenu .ui-menuitem {
        position: relative;
    }

    .ui-contextmenu .ui-menuitem-link .ui-submenu-icon {
        position: absolute;
        margin-top: -.5em;
        right: 0;
        top: 50%;
    }

    .ui-contextmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
        display: block !important;
    }

.ui-datagrid .ui-paginator {
    text-align: center;
}

.ui-datagrid-column {
    padding: .25em;
}

.ui-datagrid-content-empty {
    padding: .25em .625em;
}

.ui-datagrid .ui-datagrid-header,
.ui-datagrid .ui-datagrid-footer {
    text-align: center;
    padding: .5em .75em;
}

.ui-datagrid .ui-datagrid-header {
    border-bottom: 0 none;
}

.ui-datagrid .ui-datagrid-footer {
    border-top: 0 none;
}

.ui-datagrid .ui-paginator-top {
    border-bottom: 0 none;
}

.ui-datagrid .ui-paginator-bottom {
    border-top: 0 none;
}

.ui-datalist .ui-datalist-header,
.ui-datalist .ui-datalist-footer {
    text-align: center;
    padding: .5em .75em;
}

.ui-datalist .ui-datalist-header {
    border-bottom: 0 none;
}

.ui-datalist .ui-datalist-footer {
    border-top: 0 none;
}

.ui-datalist .ui-datalist-data {
    margin: 0;
    padding: 0;
}

    .ui-datalist .ui-datalist-data > li {
        list-style-type: none;
    }

.ui-datalist .ui-datalist-emptymessage {
    padding: .5em .75em;
}

.ui-datalist.ui-datalist-scrollable .ui-datalist-content {
    overflow: auto;
}

.ui-datalist .ui-paginator-top {
    border-bottom: 0 none;
}

.ui-datalist .ui-paginator-bottom {
    border-top: 0 none;
}

.ui-datascroller {
}

    .ui-datascroller .ui-datascroller-header {
        text-align: center;
        padding: .5em .75em;
        border-bottom: 0 none;
    }

    .ui-datascroller .ui-datascroller-footer {
        text-align: center;
        padding: .25em .625em;
        border-top: 0px none;
    }

    .ui-datascroller .ui-datascroller-content {
        padding: .25em .625em;
    }

.ui-datascroller-inline .ui-datascroller-content {
    overflow: auto;
}

.ui-datascroller .ui-datascroller-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ui-datatable {
    position: relative;
}

    .ui-datatable table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed;
    }

    .ui-datatable .ui-datatable-header,
    .ui-datatable .ui-datatable-caption,
    .ui-datatable .ui-datatable-footer {
        text-align: center;
        padding: .5em .75em;
        box-sizing: border-box;
    }

    .ui-datatable .ui-datatable-caption,
    .ui-datatable .ui-datatable-header {
        border-bottom: 0 none;
    }

    .ui-datatable .ui-datatable-footer {
        border-top: 0 none;
    }

    .ui-datatable thead th,
    .ui-datatable tfoot td {
        text-align: center;
    }

    .ui-datatable thead tr {
        border-width: 0;
    }

    .ui-datatable .ui-datatable-thead > tr > th,
    .ui-datatable .ui-datatable-tfoot > tr > td,
    .ui-datatable .ui-datatable-data > tr > td {
        border-color: inherit;
        box-sizing: border-box;
        padding: .25em .5em;
        border-width: 1px;
        border-style: solid;
    }

    .ui-datatable.ui-datatable-resizable .ui-datatable-thead > tr > th,
    .ui-datatable.ui-datatable-resizable .ui-datatable-tfoot > tr > td,
    .ui-datatable.ui-datatable-resizable .ui-datatable-data > tr > td {
        overflow: hidden;
    }

    .ui-datatable .ui-datatable-thead > tr > th,
    .ui-datatable .ui-datatable-tfoot > tr > td {
        font-weight: normal;
    }

    .ui-datatable tbody {
        outline: 0;
    }

    .ui-datatable .ui-sortable-column {
        cursor: pointer;
    }

    .ui-datatable .ui-sortable-column-icon {
        display: inline-block;
        margin-left: .125em;
    }

    .ui-datatable tr.ui-state-highlight {
        cursor: pointer;
    }

/* Scrollable */
.ui-datatable-scrollable-body {
    overflow: auto;
    overflow-anchor: none;
    min-height: 0%;
}

.ui-datatable-scrollable-header,
.ui-datatable-scrollable-footer {
    overflow: hidden;
}

.ui-datatable-scrollable .ui-datatable-scrollable-header,
.ui-datatable-scrollable .ui-datatable-scrollable-footer {
    position: relative;
    border: 0 none;
}

    .ui-datatable-scrollable .ui-datatable-scrollable-header td {
        font-weight: normal;
    }

.ui-datatable-scrollable-body .ui-datatable-data,
.ui-datatable-scrollable-body .ui-datatable-data > tr:first-child {
    border-top-color: transparent;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover,
.ui-datatable .ui-datatable-data tr.ui-state-highlight {
    border-color: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td a,
.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td span.ui-rowgroup-header-name {
    display: inline-block;
    vertical-align: middle;
}

.ui-datatable-scrollable-theadclone {
    height: 0;
}

    .ui-datatable-scrollable-theadclone tr {
        height: 0;
    }

    .ui-datatable-scrollable-theadclone th.ui-state-default {
        height: 0;
        border-bottom-width: 0;
        border-top-width: 0;
        padding-top: 0;
        padding-bottom: 0;
        outline: 0 none;
    }

    .ui-datatable-scrollable-theadclone th span.ui-column-title {
        display: block;
        height: 0;
    }

.ui-datatable .ui-paginator {
    padding: .125em;
}

.ui-datatable .ui-paginator-top {
    border-bottom-width: 0;
}

.ui-datatable .ui-paginator-bottom {
    border-top-width: 0;
}

.ui-datatable-rtl {
    direction: rtl;
}

    .ui-datatable-rtl.ui-datatable thead th,
    .ui-datatable-rtl.ui-datatable tfoot td {
        text-align: right;
    }

/* Row Toggler */
.ui-row-toggler {
    cursor: pointer;
}

/* Resizable */
.ui-datatable .ui-column-resizer {
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    margin: 0;
    width: .5em;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
}

.ui-datatable .ui-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
}

.ui-datatable-resizable {
    padding-bottom: 1px;
    /*fix for webkit overlow*/
    overflow: auto;
}

    .ui-datatable-resizable thead th,
    .ui-datatable-resizable tbody td,
    .ui-datatable-resizable tfoot td {
        white-space: nowrap;
    }

    .ui-datatable-resizable th.ui-resizable-column {
        background-clip: padding-box;
        position: relative;
    }

/** Reflow **/
.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    display: none;
}

/* Filter */
.ui-datatable .ui-column-filter {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: .25em;
}

/* Editing */
.ui-datatable .ui-editable-column input {
    width: 100%;
    outline: 0;
}

.ui-datatable .ui-datatable-data > tr > td.ui-editable-column {
    padding: .5em;
}

.ui-datatable .ui-editable-column > .ui-cell-editor {
    display: none;
}

.ui-datatable .ui-datatable-data > tr > td.ui-editable-column.ui-cell-editing {
    padding: 1px;
}

.ui-datatable .ui-editable-column.ui-cell-editing > .ui-cell-editor {
    display: block;
}

.ui-datatable .ui-editable-column.ui-cell-editing > .ui-cell-data {
    display: none;
}

.ui-datatable-stacked thead th,
.ui-datatable-stacked tfoot td {
    display: none !important;
}

.ui-datatable.ui-datatable-stacked .ui-datatable-data > tr > td {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
}

.ui-datatable.ui-datatable-stacked .ui-datatable-data.ui-widget-content {
    border: 0 none;
}

.ui-datatable-stacked .ui-datatable-data tr.ui-widget-content {
    border-left: 0 none;
    border-right: 0 none;
}

.ui-datatable-stacked .ui-datatable-data td .ui-column-title {
    padding: .4em;
    min-width: 30%;
    display: inline-block;
    margin: -.4em 1em -.4em -.4em;
    font-weight: bold;
}

.ui-datatable .ui-selection-column .ui-chkbox,
.ui-datatable .ui-selection-column .ui-radiobutton {
    margin: 0;
    display: block;
}

.ui-datatable .ui-selection-column .ui-chkbox-box,
.ui-datatable .ui-selection-column .ui-radiobutton-box {
    display: block;
    box-sizing: border-box;
    margin: 0;
}

.ui-datatable-scrollable-wrapper {
    position: relative;
}

.ui-datatable-scrollable-view {
}

.ui-datatable-frozen-view .ui-datatable-scrollable-body {
    overflow: hidden;
}

.ui-datatable-unfrozen-view {
    position: absolute;
    top: 0px;
}

.ui-datatable .ui-datatable-load-status {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.ui-datatable .ui-datatable-virtual-table {
    position: absolute;
    top: 0px;
    left: 0px;
}

.ui-datatable .ui-datatable-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
    z-index: 1;
}

.ui-datatable .ui-datatable-loading-content {
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: 2;
}

@media (max-width: 35em) {

    .ui-datatable-reflow thead th,
    .ui-datatable-reflow tfoot td {
        display: none !important;
    }

    .ui-datatable-reflow .ui-datatable-data > tr > td {
        text-align: left;
        display: block;
        border: 0 none;
        width: 100% !important;
        box-sizing: border-box;
        float: left;
        clear: left;
    }

    .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
        border: 0 none;
    }

    .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
        border-left: 0 none;
        border-right: 0 none;
    }

    .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
        font-weight: bold;
    }

    .ui-datatable-reflow.ui-datatable-scrollable .ui-datatable-scrollable-body colgroup {
        display: block;
    }
}

.ui-dataview {
    position: relative;
}

    .ui-dataview .ui-paginator {
        text-align: center;
    }

.ui-dataview-column {
    padding: .25em;
}

.ui-dataview-content-empty {
    padding: .25em .625em;
}

.ui-dataview .ui-dataview-header,
.ui-dataview .ui-dataview-footer {
    padding: .5em .75em;
}

.ui-dataview .ui-dataview-header {
    border-bottom: 0 none;
}

.ui-dataview .ui-dataview-footer {
    border-top: 0 none;
}

.ui-dataview .ui-paginator-top {
    border-bottom: 0 none;
}

.ui-dataview .ui-paginator-bottom {
    border-top: 0 none;
}

.ui-dataview.ui-dataview-list > .ui-dataview-content > div.ui-g > div {
    width: 100%;
}

.ui-dataview .ui-dataview-emptymessage {
    padding: .5em .75em;
}

/* Loader */
.ui-dataview-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
    z-index: 1;
}

.ui-dataview-loading-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin-top: -1em;
    margin-left: -1em;
}

.ui-dataview-loading-icon {
    font-size: 2em;
}

.ui-dialog {
    position: fixed;
    padding: 0;
}

.ui-dynamicdialog {
    top: 50%;
    left: 50%;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .5em .75em;
    position: relative;
    border: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em .75em;
    background: none;
    zoom: 1;
}

.ui-dialog-resizable .ui-dialog-content {
    overflow: auto;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-dialog .ui-dialog-titlebar-icon {
    text-decoration: none;
    float: right;
    float: right;
    padding: .125em;
    cursor: pointer;
    border: 1px solid transparent;
}

    .ui-dialog .ui-dialog-titlebar-icon span {
        display: block;
        margin: 0;
    }

.ui-dialog-footer {
    padding: 1em;
    border-width: 1px 0 0 0;
    text-align: right;
}

.ui-dialog-mask {
    position: fixed;
    width: 100%;
    height: 100%;
}

.ui-dialog-maximized {
    transition: left .3s, top .3s, width .3s, height .3s;
}

/* ConfirmDialog */
.ui-confirmdialog {
    width: 30em;
    top: 50%;
    left: 50%;
}

    .ui-confirmdialog.ui-dialog .ui-dialog-content {
        padding: 1em 2em;
    }

    .ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon {
        font-size: 1.5em;
        vertical-align: middle;
        margin-right: .5em;
    }

    .ui-confirmdialog .ui-dialog-content .ui-confirmdialog-message {
        vertical-align: middle;
    }

.ui-dialog-footer .ui-button {
    margin-right: .25em;
}

/* Fluid */
.ui-fluid .ui-dialog-footer .ui-button {
    width: auto;
}

/* RTL */
.ui-rtl .ui-dialog .ui-dialog-titlebar-close {
    float: left;
}

.ui-rtl .ui-dialog .ui-dialog-buttonpane button {
    text-align: right;
}

@media screen and (max-width: 40em) {
    .ui-confirmdialog {
        width: 90%;
    }
}

.ui-dropdown,
.ui-select-container {
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    min-width: 12.5em;
}

    .ui-dropdown .ui-dropdown-clear-icon {
        position: absolute;
        right: 2em;
        top: 50%;
        font-size: 1em;
        height: 1em;
        margin-top: -.5em;
    }

    .ui-dropdown .ui-dropdown-trigger {
        border-right: none;
        border-top: none;
        border-bottom: none;
        cursor: pointer;
        width: 1.5em;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 .25em;
    }

        .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
            top: 50%;
            left: 50%;
            margin-top: -.5em;
            margin-left: -.5em;
            position: absolute;
        }

    .ui-dropdown .ui-dropdown-label {
        display: block;
        border: none;
        white-space: nowrap;
        overflow: hidden;
        font-weight: normal;
        width: 100%;
        padding-right: 2.5em;
    }

.ui-dropdown-item-empty,
.ui-dropdown-label-empty {
    text-indent: -9999px;
    overflow: hidden;
}

.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,
.ui-dropdown.ui-state-disabled .ui-dropdown-label {
    cursor: default;
}

.ui-dropdown label.ui-dropdown-label {
    cursor: pointer;
}

.ui-dropdown input.ui-dropdown-label {
    cursor: default;
}

.ui-dropdown .ui-dropdown-panel {
    min-width: 100%;
}

.ui-dropdown-panel {
    position: absolute;
    height: auto;
}

    .ui-dropdown-panel .ui-dropdown-items-wrapper {
        overflow: auto;
    }

    .ui-dropdown-panel .ui-dropdown-item {
        font-weight: normal;
        border: 0 none;
        cursor: pointer;
        margin: 1px 0;
        padding: .125em .25em;
        text-align: left;
    }

    .ui-dropdown-panel .ui-dropdown-empty-message {
        padding: .5em;
    }

    .ui-dropdown-panel .ui-dropdown-item-group {
        font-weight: bold;
        cursor: default;
    }

    .ui-dropdown-panel .ui-dropdown-list {
        padding: 0.4em;
        border: 0 none;
    }

    .ui-dropdown-panel .ui-dropdown-filter {
        width: 100%;
        box-sizing: border-box;
        padding-right: 1.5em;
    }

    .ui-dropdown-panel .ui-dropdown-filter-container {
        position: relative;
        margin: 0;
        padding: 0.4em;
        display: inline-block;
        width: 100%;
    }

        .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
            position: absolute;
            top: .8em;
            right: 1em;
        }

/** Dropdown **/
.ui-fluid .ui-dropdown {
    width: 100%;
    min-width: 100%;
}

.ui-fieldset,
.ui-fieldset .ui-fieldset-legend {
    padding: 0.5em 1em;
}

.ui-fieldset-toggleable .ui-fieldset-legend {
    padding: 0;
}

    .ui-fieldset-toggleable .ui-fieldset-legend a {
        padding: 0.5em 1em;
        cursor: pointer;
        white-space: nowrap;
        display: block;
    }

.ui-fieldset .ui-fieldset-toggler {
    margin-right: .1em;
    display: inline-block;
    vertical-align: middle;
}

.ui-fieldset .ui-fieldset-legend-text {
    vertical-align: middle;
}

.ui-fieldset .ui-fieldset-content-wrapper-overflown {
    overflow: hidden;
}

/*
 * FileUpload
 */
.ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input {
    cursor: default;
}

.ui-fileupload-buttonbar {
    padding: .5em;
    border-bottom: 0 none;
}

    .ui-fileupload-buttonbar .ui-button {
        vertical-align: middle;
        margin-right: .25em;
    }

.ui-fileupload-content {
    padding: 1em;
    position: relative;
    transition: border-color .3s;
}

    .ui-fileupload-content.ui-fileupload-highlight {
        border-color: #156090;
    }

.ui-fileupload-files img {
    border: none;
}

.ui-fileupload-files {
    display: table;
}

.ui-fileupload-row {
    display: table-row;
}

    .ui-fileupload-row > div {
        display: table-cell;
        padding: .5em 1em;
        vertical-align: middle;
    }

.ui-fileupload-content .ui-progressbar {
    width: 100%;
    position: absolute;
    top: 1px;
    left: 0;
    height: .25em;
    border: 0 none;
}

.ui-fileupload-content .ui-progressbar-value {
    border-radius: 0;
    border: 0 none;
}

/* Simple */
.ui-fileupload-choose {
    position: relative;
    overflow: hidden;
}

    .ui-fileupload-choose input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        direction: ltr;
        cursor: pointer;
    }

    .ui-fileupload-choose.ui-fileupload-choose-selected input[type=file] {
        display: none;
    }

/* ui-fluid */
.ui-fluid .ui-fileupload .ui-button {
    width: auto;
}

.ui-fluid .ui-fileupload-content .ui-button-icon-only {
    width: 2em;
}

@media (max-width: 40em) {
    .ui-fileupload-buttonbar .ui-button {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: .25em;
    }

        .ui-fileupload-buttonbar .ui-button:last-child {
            margin-bottom: 0;
        }

    .ui-fileupload-row > div {
        display: block;
    }
}

.ui-fluid .fc .ui-button {
    width: auto;
}

.ui-galleria {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}

    .ui-galleria .ui-galleria-panel-wrapper {
        position: relative;
        padding: 0;
        margin: 0;
    }

    .ui-galleria .ui-galleria-panel {
        -webkit-filter: inherit;
        filter: inherit;
        position: absolute;
        top: 0;
        left: 0;
        list-style-type: none;
    }

    .ui-galleria .ui-galleria-filmstrip-wrapper {
        overflow: hidden;
        margin: .25em auto;
        position: relative;
    }

    .ui-galleria .ui-galleria-filmstrip {
        list-style: none outside none;
        margin: 0;
        padding: 0;
        width: 2340px;
        z-index: 900;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ui-galleria .ui-galleria-frame {
        float: left;
        margin-right: 5px;
        opacity: 0.3;
        cursor: pointer;
    }

    .ui-galleria .ui-galleria-frame-active {
        opacity: 1;
    }

    .ui-galleria .ui-galleria-frame-content {
        overflow: hidden;
    }

    .ui-galleria .ui-galleria-nav-next,
    .ui-galleria .ui-galleria-nav-prev {
        cursor: pointer;
        position: absolute;
        z-index: 910;
    }

    .ui-galleria .ui-galleria-nav-prev {
        left: 4px;
    }

    .ui-galleria .ui-galleria-nav-next {
        right: 4px;
    }

    .ui-galleria .ui-galleria-caption {
        position: absolute;
        left: 1px;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
        color: #ededed;
        padding: 0.2em 1em;
    }

        .ui-galleria .ui-galleria-caption h4 {
            color: #ededed;
        }

    .ui-galleria .ui-galleria-panel-content {
        padding: 1em 1.4em;
    }

.ui-growl {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 20em;
}

.ui-growl-item-container {
    position: relative;
    margin: 0 0 10px 0;
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.ui-growl-item {
    position: relative;
    display: block;
    padding: .5em 1em;
}

    .ui-growl-item p {
        padding: 0;
        margin: 0;
    }

.ui-growl-icon-close {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
}

.ui-growl-title {
    font-weight: bold;
    padding: 0 0 .5em 0;
    display: block;
}

.ui-growl-image {
    position: absolute;
    display: inline-block;
    left: .5em;
    top: .25em;
    padding: 0;
    font-size: 2em;
}

.ui-growl-message {
    padding: 0 0 .25em 0;
    margin-left: 2.5em;
}

    .ui-growl-message p {
        font-weight: normal;
    }

/* Deprecated Grid CSS */
.ui-grid {
    clear: both;
    padding: 0;
    margin: 0;
}

    .ui-grid::before,
    .ui-grid::after {
        content: "";
        display: table;
    }

    .ui-grid::after {
        clear: both;
    }

    .ui-grid .ui-grid-row {
        display: flex;
        clear: both;
    }

.ui-grid-row::after {
    clear: both;
    content: "";
    display: table;
}

.ui-grid-col-1,
.ui-grid-col-2,
.ui-grid-col-3,
.ui-grid-col-4,
.ui-grid-col-5,
.ui-grid-col-6,
.ui-grid-col-7,
.ui-grid-col-8,
.ui-grid-col-9,
.ui-grid-col-10,
.ui-grid-col-11,
.ui-grid-col-12 {
    float: left;
    box-sizing: border-box;
}

.ui-grid-col-1 {
    width: 8.33333%;
}

.ui-grid-col-2 {
    width: 16.66666%;
}

.ui-grid-col-3 {
    width: 25%;
}

.ui-grid-col-4 {
    width: 33.33333%;
}

.ui-grid-col-5 {
    width: 41.66666%;
}

.ui-grid-col-6 {
    width: 50%;
}

.ui-grid-col-7 {
    width: 58.33333%;
}

.ui-grid-col-8 {
    width: 66.66666%;
}

.ui-grid-col-9 {
    width: 75%;
}

.ui-grid-col-10 {
    width: 83.33333%;
}

.ui-grid-col-11 {
    width: 91.66666%;
}

.ui-grid-col-12 {
    width: 100%;
}

@media (min-width: 480px) {
    .ui-grid-fixed {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .ui-grid-fixed {
        width: 768px;
    }
}

@media (min-width: 960px) {
    .ui-grid-fixed {
        width: 960px;
    }
}

@media (min-width: 1024px) {
    .ui-grid-fixed {
        width: 1024px;
    }
}

/* Responsive */
@media (max-width: 640px) {
    .ui-grid-responsive .ui-grid-row {
        display: block;
    }

    .ui-grid-responsive .ui-grid-col-1,
    .ui-grid-responsive .ui-grid-col-2,
    .ui-grid-responsive .ui-grid-col-3,
    .ui-grid-responsive .ui-grid-col-4,
    .ui-grid-responsive .ui-grid-col-5,
    .ui-grid-responsive .ui-grid-col-6,
    .ui-grid-responsive .ui-grid-col-7,
    .ui-grid-responsive .ui-grid-col-8,
    .ui-grid-responsive .ui-grid-col-9,
    .ui-grid-responsive .ui-grid-col-10,
    .ui-grid-responsive .ui-grid-col-11,
    .ui-grid-responsive .ui-grid-col-12 {
        width: 100%;
        float: none;
    }
}

.ui-grid.ui-grid-pad > .ui-grid-row > div {
    padding: .25em .5em;
}

/* Responsive */
@media (max-width: 640px) {
    .ui-grid-responsive .ui-grid-row {
        display: block;
    }

    .ui-grid-responsive .ui-grid-col-1,
    .ui-grid-responsive .ui-grid-col-2,
    .ui-grid-responsive .ui-grid-col-3,
    .ui-grid-responsive .ui-grid-col-4,
    .ui-grid-responsive .ui-grid-col-5,
    .ui-grid-responsive .ui-grid-col-6,
    .ui-grid-responsive .ui-grid-col-7,
    .ui-grid-responsive .ui-grid-col-8,
    .ui-grid-responsive .ui-grid-col-9,
    .ui-grid-responsive .ui-grid-col-10,
    .ui-grid-responsive .ui-grid-col-11,
    .ui-grid-responsive .ui-grid-col-12 {
        width: 100%;
        float: none;
    }
}

/* New Grid CSS */
.ui-g {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

    .ui-g::after {
        clear: both;
        content: "";
        display: table;
        box-sizing: border-box;
    }

.ui-g-1,
.ui-g-2,
.ui-g-3,
.ui-g-4,
.ui-g-5,
.ui-g-6,
.ui-g-7,
.ui-g-8,
.ui-g-9,
.ui-g-10,
.ui-g-11,
.ui-g-12 {
    float: left;
    box-sizing: border-box;
    padding: 0.5em;
}

.ui-g-1 {
    width: 8.3333%;
}

.ui-g-2 {
    width: 16.6667%;
}

.ui-g-3 {
    width: 25%;
}

.ui-g-4 {
    width: 33.3333%;
}

.ui-g-5 {
    width: 41.6667%;
}

.ui-g-6 {
    width: 50%;
}

.ui-g-7 {
    width: 58.3333%;
}

.ui-g-8 {
    width: 66.6667%;
}

.ui-g-9 {
    width: 75%;
}

.ui-g-10 {
    width: 83.3333%;
}

.ui-g-11 {
    width: 91.6667%;
}

.ui-g-12 {
    width: 100%;
}

.ui-g-offset-12 {
    margin-left: 100%;
}

.ui-g-offset-11 {
    margin-left: 91.66666667%;
}

.ui-g-offset-10 {
    margin-left: 83.33333333%;
}

.ui-g-offset-9 {
    margin-left: 75%;
}

.ui-g-offset-8 {
    margin-left: 66.66666667%;
}

.ui-g-offset-7 {
    margin-left: 58.33333333%;
}

.ui-g-offset-6 {
    margin-left: 50%;
}

.ui-g-offset-5 {
    margin-left: 41.66666667%;
}

.ui-g-offset-4 {
    margin-left: 33.33333333%;
}

.ui-g-offset-3 {
    margin-left: 25%;
}

.ui-g-offset-2 {
    margin-left: 16.66666667%;
}

.ui-g-offset-1 {
    margin-left: 8.33333333%;
}

.ui-g-offset-0 {
    margin-left: 0%;
}

@media screen and (max-width: 40em) {

    .ui-sm-1,
    .ui-sm-2,
    .ui-sm-3,
    .ui-sm-4,
    .ui-sm-5,
    .ui-sm-6,
    .ui-sm-7,
    .ui-sm-8,
    .ui-sm-9,
    .ui-sm-10,
    .ui-sm-11,
    .ui-sm-12 {
        padding: 0.5em;
    }

    .ui-sm-1 {
        width: 8.3333%;
    }

    .ui-sm-2 {
        width: 16.6667%;
    }

    .ui-sm-3 {
        width: 25%;
    }

    .ui-sm-4 {
        width: 33.3333%;
    }

    .ui-sm-5 {
        width: 41.6667%;
    }

    .ui-sm-6 {
        width: 50%;
    }

    .ui-sm-7 {
        width: 58.3333%;
    }

    .ui-sm-8 {
        width: 66.6667%;
    }

    .ui-sm-9 {
        width: 75%;
    }

    .ui-sm-10 {
        width: 83.3333%;
    }

    .ui-sm-11 {
        width: 91.6667%;
    }

    .ui-sm-12 {
        width: 100%;
    }

    .ui-sm-offset-12 {
        margin-left: 100%;
    }

    .ui-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .ui-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .ui-sm-offset-9 {
        margin-left: 75%;
    }

    .ui-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .ui-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .ui-sm-offset-6 {
        margin-left: 50%;
    }

    .ui-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .ui-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .ui-sm-offset-3 {
        margin-left: 25%;
    }

    .ui-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .ui-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .ui-sm-offset-0 {
        margin-left: 0%;
    }
}

@media screen and (min-width: 40.063em) {

    .ui-md-1,
    .ui-md-2,
    .ui-md-3,
    .ui-md-4,
    .ui-md-5,
    .ui-md-6,
    .ui-md-7,
    .ui-md-8,
    .ui-md-9,
    .ui-md-10,
    .ui-md-11,
    .ui-md-12 {
        padding: 0.5em;
    }

    .ui-md-1 {
        width: 8.3333%;
    }

    .ui-md-2 {
        width: 16.6667%;
    }

    .ui-md-3 {
        width: 25%;
    }

    .ui-md-4 {
        width: 33.3333%;
    }

    .ui-md-5 {
        width: 41.6667%;
    }

    .ui-md-6 {
        width: 50%;
    }

    .ui-md-7 {
        width: 58.3333%;
    }

    .ui-md-8 {
        width: 66.6667%;
    }

    .ui-md-9 {
        width: 75%;
    }

    .ui-md-10 {
        width: 83.3333%;
    }

    .ui-md-11 {
        width: 91.6667%;
    }

    .ui-md-12 {
        width: 100%;
    }

    .ui-md-offset-12 {
        margin-left: 100%;
    }

    .ui-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .ui-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .ui-md-offset-9 {
        margin-left: 75%;
    }

    .ui-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .ui-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .ui-md-offset-6 {
        margin-left: 50%;
    }

    .ui-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .ui-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .ui-md-offset-3 {
        margin-left: 25%;
    }

    .ui-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .ui-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .ui-md-offset-0 {
        margin-left: 0%;
    }
}

@media screen and (min-width: 64.063em) {

    .ui-lg-1,
    .ui-lg-2,
    .ui-lg-3,
    .ui-lg-4,
    .ui-lg-5,
    .ui-lg-6,
    .ui-lg-7,
    .ui-lg-8,
    .ui-lg-9,
    .ui-lg-10,
    .ui-lg-11,
    .ui-lg-12 {
        padding: 0.5em;
    }

    .ui-lg-1 {
        width: 8.3333%;
    }

    .ui-lg-2 {
        width: 16.6667%;
    }

    .ui-lg-3 {
        width: 25%;
    }

    .ui-lg-4 {
        width: 33.3333%;
    }

    .ui-lg-5 {
        width: 41.6667%;
    }

    .ui-lg-6 {
        width: 50%;
    }

    .ui-lg-7 {
        width: 58.3333%;
    }

    .ui-lg-8 {
        width: 66.6667%;
    }

    .ui-lg-9 {
        width: 75%;
    }

    .ui-lg-10 {
        width: 83.3333%;
    }

    .ui-lg-11 {
        width: 91.6667%;
    }

    .ui-lg-12 {
        width: 100%;
    }

    .ui-lg-offset-12 {
        margin-left: 100%;
    }

    .ui-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .ui-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .ui-lg-offset-9 {
        margin-left: 75%;
    }

    .ui-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .ui-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .ui-lg-offset-6 {
        margin-left: 50%;
    }

    .ui-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .ui-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .ui-lg-offset-3 {
        margin-left: 25%;
    }

    .ui-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .ui-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .ui-lg-offset-0 {
        margin-left: 0%;
    }
}

@media screen and (min-width: 90.063em) {

    .ui-xl-1,
    .ui-xl-2,
    .ui-xl-3,
    .ui-xl-4,
    .ui-xl-5,
    .ui-xl-6,
    .ui-xl-7,
    .ui-xl-8,
    .ui-xl-9,
    .ui-xl-10,
    .ui-xl-11,
    .ui-xl-12 {
        padding: 0.5em;
    }

    .ui-xl-1 {
        width: 8.3333%;
    }

    .ui-xl-2 {
        width: 16.6667%;
    }

    .ui-xl-3 {
        width: 25%;
    }

    .ui-xl-4 {
        width: 33.3333%;
    }

    .ui-xl-5 {
        width: 41.6667%;
    }

    .ui-xl-6 {
        width: 50%;
    }

    .ui-xl-7 {
        width: 58.3333%;
    }

    .ui-xl-8 {
        width: 66.6667%;
    }

    .ui-xl-9 {
        width: 75%;
    }

    .ui-xl-10 {
        width: 83.3333%;
    }

    .ui-xl-11 {
        width: 91.6667%;
    }

    .ui-xl-12 {
        width: 100%;
    }

    .ui-xl-offset-12 {
        margin-left: 100%;
    }

    .ui-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .ui-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .ui-xl-offset-9 {
        margin-left: 75%;
    }

    .ui-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .ui-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .ui-xl-offset-6 {
        margin-left: 50%;
    }

    .ui-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .ui-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .ui-xl-offset-3 {
        margin-left: 25%;
    }

    .ui-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .ui-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .ui-xl-offset-0 {
        margin-left: 0%;
    }
}

.ui-g-nopad {
    padding: 0;
}

.ui-fluid .ui-inputgroup p-inputmask {
    flex: 1 1 auto;
}

.ui-inputgroup p-inputmask:not(:first-child) .ui-inputtext {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0 none;
}

.ui-inputgroup p-inputmask:not(:last-child) .ui-inputtext {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0 none;
}

.ui-inplace .ui-inplace-display {
    display: inline;
    cursor: pointer;
    border: 0 none;
    padding: .25em;
    font-weight: normal;
}

.ui-inplace .ui-inplace-content {
    display: inline;
}

.ui-inputswitch {
    position: relative;
    display: inline-block;
    width: 3em;
    height: 1.75em;
}

.ui-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s;
    border-radius: 30px;
}

    .ui-inputswitch-slider:before {
        position: absolute;
        content: "";
        height: 1.250em;
        width: 1.250em;
        left: .25em;
        bottom: .25em;
        border-radius: 50%;
        transition: .3s;
    }

.ui-inputswitch-checked .ui-inputswitch-slider:before {
    transform: translateX(1.250em);
}

.ui-inputswitch.ui-state-disabled .ui-inputswitch-slider,
.ui-inputswitch-readonly .ui-inputswitch-slider {
    cursor: default;
}

.ui-inputtext {
    margin: 0;
    outline: medium none;
    padding: .25em;
    font-weight: normal;
}

.ui-widget-header .ui-inputtext,
.ui-widget-content .ui-inputtext {
    font-weight: normal;
}

.ui-fluid .ui-inputtext {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ui-inputgroup {
    display: flex;
}

    .ui-inputgroup .ui-inputgroup-addon {
        display: inline-block;
        text-align: center;
        min-width: 1.5em;
        padding: .25em;
        border-width: 1px;
        border-style: solid;
    }

        .ui-inputgroup .ui-inputgroup-addon + .ui-inputgroup-addon {
            border-left: 0 none;
        }

    .ui-inputgroup .ui-inputtext {
        padding-left: .5em;
    }

        .ui-inputgroup .ui-inputtext:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-left: 0 none;
        }

        .ui-inputgroup .ui-inputtext:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-right: 0 none;
        }

    .ui-inputgroup .ui-button {
        margin-right: 0;
        border-radius: 0;
    }

.ui-fluid .ui-inputgroup .ui-button {
    width: auto;
}

.ui-fluid .ui-inputgroup .ui-inputtext {
    flex: 1 1 auto;
}

.ui-inputgroup .ui-chkbox,
.ui-inputgroup .ui-radiobutton {
    margin-right: 0;
    vertical-align: bottom;
}

/* Floating Label */
.ui-float-label {
    display: block;
    position: relative;
}

    .ui-float-label > label {
        position: absolute;
        pointer-events: none;
    }

    .ui-float-label > label, .label-text {
        font-weight: normal;
        font-size: 12px;
        left: 1.25em;
        top: 50%;
        margin-top: -.5em;
        transition: 0.3s ease all;
        -moz-transition: 0.3s ease all;
        -webkit-transition: 0.3s ease all;
        color: #898989;
        line-height: 1;
    }

    /* breaks firefox so defined separately */
    .ui-float-label > input:-webkit-autofill ~ label {
        top: -.75em;
        font-size: 12px;
    }

    .ui-float-label > input:focus ~ label,
    .ui-float-label > input:focus ~ label,
    .ui-float-label > input.ui-state-filled ~ label,
    .ui-float-label > .ui-inputwrapper-focus ~ label,
    .ui-float-label > .ui-inputwrapper-filled ~ label {
        top: -.75em;
        font-size: 12px;
    }

.select2.select2-container.ui-state-filled ~ label, multiselect.ui-state-filled ~ label, .gp-dropdown.ui-state-filled ~ label {
    top: -.75em;
    font-size: 12px;
}


.ui-inputtextarea-resizable {
    overflow: hidden;
    resize: none;
}

.ui-fluid .ui-inputtextarea {
    width: 100%;
}

.ui-float-label textarea:focus ~ label,
.ui-float-label textarea.ui-state-filled ~ label {
    top: -.75em;
    font-size: 12px;
}

.ui-float-label > textarea ~ label {
    left: 1.25em;
    top: 1.25em;
}

.ui-lightbox {
    position: fixed;
    display: none;
}

.ui-lightbox-content-wrapper {
    position: relative;
}

.ui-lightbox-content {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #000000;
}

.ui-lightbox-nav-right,
.ui-lightbox-nav-left {
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.ui-lightbox-nav-left {
    left: 0;
}

.ui-lightbox-nav-right {
    right: 0;
}

.ui-lightbox-loading .ui-lightbox-content {
    background: url('loading.8732a6660b528fadfaeb.gif') #000000 center center no-repeat;
}

.ui-lightbox-caption {
    padding: 0.2em 0.4em;
    display: none;
}

.ui-lightbox-caption-text {
    margin: 0.3em 0 0.1em 0;
    float: left;
}

.ui-lightbox-close {
    float: right;
    margin: 0;
    padding: .125em;
}

    .ui-lightbox-close.ui-state-hover {
        padding: 0;
    }

.ui-lightbox-nav-left,
.ui-lightbox-nav-right {
    opacity: .5;
}

    .ui-lightbox-nav-left:hover,
    .ui-lightbox-nav-right:hover {
        opacity: 1;
    }

.ui-listbox {
    padding: .25em;
    width: 10em;
}

    .ui-listbox .ui-listbox-list-wrapper {
        overflow: auto;
    }

    .ui-listbox .ui-listbox-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .ui-listbox .ui-listbox-item {
        padding: .25em;
        border: 0 none;
        cursor: pointer;
        font-weight: normal;
        margin-bottom: 1px;
    }

        .ui-listbox .ui-listbox-item > span {
            vertical-align: middle;
        }

        .ui-listbox .ui-listbox-item:last-child {
            margin-bottom: 0;
        }

    .ui-listbox.ui-state-disabled .ui-listbox-item {
        cursor: default;
    }

.ui-listbox-header {
    margin-bottom: 0.3em;
    padding: .125em .2em;
    position: relative;
}

    .ui-listbox-header .ui-chkbox {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

    .ui-listbox-header .ui-listbox-filter-container {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 100%;
    }

    .ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container {
        width: calc(100% - 2em);
    }

    .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
        position: absolute;
        top: .25em;
        left: .25em;
    }

    .ui-listbox-header .ui-inputtext {
        padding: .125em .125em .125em 1.25em;
        width: 100%;
    }

.ui-listbox-footer {
    padding: .125em .2em;
}

.ui-menu {
    width: 12.5em;
    padding: .25em;
}

    .ui-menu.ui-menu-dynamic {
        position: absolute;
    }

    .ui-menu .ui-menu-separator {
        border-width: 1px 0 0 0;
    }

    .ui-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .ui-menu .ui-submenu-header {
        padding: .25em .5em;
        margin: .125em 0;
    }

    .ui-menu .ui-menuitem {
        margin: .125em 0;
    }

    .ui-menu .ui-menuitem-link {
        cursor: pointer;
        padding: .25em;
        display: block;
        text-decoration: none;
    }

    .ui-menu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle;
    }

    .ui-menu .ui-menuitem-text {
        vertical-align: middle;
    }

.ui-megamenu {
    padding: .25em;
}

.ui-megamenu-root-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .ui-megamenu-root-list > .ui-menuitem {
        position: relative;
    }

.ui-megamenu .ui-menuitem-link {
    padding: .25em;
    display: block;
    text-decoration: none;
}

.ui-megamenu .ui-menuitem-icon {
    margin-right: .25em;
    vertical-align: middle;
}

.ui-megamenu .ui-menuitem-text {
    vertical-align: middle;
}

.ui-megamenu-panel {
    display: none;
    position: absolute;
    width: auto;
}

.ui-megamenu-root-list > .ui-menuitem-active > .ui-megamenu-panel {
    display: block;
}

.ui-megamenu-panel .ui-menuitem {
    margin: .125em 0;
}

.ui-megamenu-submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 12.5em;
}

.ui-megamenu-submenu-header {
    padding: .25em;
}

/* Horizontal */
.ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem {
    display: inline-block;
}

    .ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
        vertical-align: middle;
        margin-left: .25em;
    }

/* Vertical */
.ui-megamenu-vertical {
    width: 12.5em;
}

    .ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem {
        display: block;
    }

        .ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link {
            position: relative;
        }

            .ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
                position: absolute;
                width: 1em;
                height: 1em;
                top: 50%;
                right: 0;
                margin-top: -.5em;
            }

.ui-megamenu .ui-g {
    flex-wrap: nowrap;
}

.ui-menubar {
    padding: .25em;
}

    .ui-menubar:after {
        content: "";
        clear: both;
        display: table;
    }

    .ui-menubar ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .ui-menubar .ui-menuitem-link {
        display: block;
        padding: .25em;
        position: relative;
        text-decoration: none;
    }

    .ui-menubar .ui-menuitem-icon {
        margin-right: .25em;
    }

    .ui-menubar .ui-menubar-root-list {
        display: inline-block;
    }

        .ui-menubar .ui-menubar-root-list > .ui-menuitem {
            display: inline-block;
            position: relative;
        }

            .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
                padding: .5em;
            }

                .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
                    vertical-align: middle;
                    margin-left: .25em;
                }

        .ui-menubar .ui-menubar-root-list > li ul {
            display: none;
        }

        .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
            display: inline-block;
            vertical-align: middle;
            height: 1.5em;
        }

    .ui-menubar .ui-submenu-list {
        display: none;
        position: absolute;
        min-width: 12.5em;
        padding: .25em;
    }

        .ui-menubar .ui-submenu-list .ui-menuitem {
            margin: .125em 0;
            position: relative;
        }

    .ui-menubar .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle;
    }

    .ui-menubar .ui-menuitem-text {
        vertical-align: middle;
    }

    .ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon {
        position: absolute;
        margin-top: -.5em;
        right: 0;
        top: 50%;
    }

    .ui-menubar .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
        display: block;
    }

    .ui-menubar .ui-menubar-custom {
        float: right;
        padding: .25em;
    }

.ui-message {
    border: 1px solid;
    margin: 0px .25em;
    padding: .25em .5em;
    display: inline-block;
    vertical-align: top;
}

    .ui-message .ui-message-icon,
    .ui-message .ui-message-text {
        vertical-align: middle;
    }

.ui-fluid .ui-message {
    display: block;
}

.ui-messages {
    border: 1px solid;
    margin: .5em 0;
    padding: 1em 1em 1em .5em;
    position: relative;
    display: flex;
}

    .ui-messages .ui-messages-icon {
        display: inline-block;
        padding: 0;
        vertical-align: middle;
        font-size: 2em;
    }

    .ui-messages .ui-messages-summary {
        font-weight: bold;
        margin-left: .25em;
    }

    .ui-messages .ui-messages-detail {
        margin-left: .25em;
    }

    .ui-messages ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: inline-block;
        vertical-align: middle;
        display: flex;
        align-items: center;
    }

        .ui-messages ul > li {
            padding: .25em;
        }

    .ui-messages.ui-messages-noicon ul {
        margin: 0 1.5em 0 0;
    }

    .ui-messages .ui-messages-close {
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 5px;
    }

.ui-multiselect {
    /* display: inline-block; */
    position: relative;
    width: auto;
    cursor: pointer;
}

    .ui-multiselect .ui-multiselect-trigger {
        border-right: none;
        border-top: none;
        border-bottom: none;
        cursor: pointer;
        width: 1.5em;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 .25em;
    }

        .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
            top: 50%;
            left: 50%;
            margin-top: -.5em;
            margin-left: -.5em;
            position: absolute;
            font-size: 1.0em;
        }

    .ui-multiselect .ui-multiselect-label-container {
        overflow: hidden;
    }

    .ui-multiselect .ui-multiselect-label {
        display: block;
        padding: .25em 2em .25em .25em;
        width: auto;
        border: none;
        cursor: pointer;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .ui-multiselect.ui-state-disabled .ui-multiselect-trigger,
    .ui-multiselect.ui-state-disabled .ui-multiselect-label {
        cursor: auto
    }

.ui-multiselect-panel {
    padding: 0.2em;
    position: absolute;
    min-width: 12em;
}

.ui-multiselect .ui-multiselect-panel {
    min-width: 100%;
}

.ui-multiselect-panel .ui-multiselect-items-wrapper {
    overflow: auto;
    position: relative;
    padding: 0.2em 0;
}

.ui-multiselect-panel .ui-multiselect-list {
    border: 0 none;
}

.ui-multiselect-panel .ui-multiselect-item {
    border: 0 none;
    cursor: pointer;
    font-weight: normal;
    margin: 1px 0;
    padding: .125em .25em;
    text-align: left;
    white-space: nowrap;
    display: block;
    position: relative;
}

    .ui-multiselect-panel .ui-multiselect-item .ui-chkbox {
        display: inline-block;
        vertical-align: middle;
    }

    .ui-multiselect-panel .ui-multiselect-item span {
        display: inline-block;
        vertical-align: middle;
    }

.ui-multiselect-header {
    margin-bottom: 0.3em;
    padding: .25em;
    position: relative;
    text-align: left;
    min-height: 2em;
}

    .ui-multiselect-header .ui-chkbox {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

    .ui-multiselect-header .ui-multiselect-filter-container {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 65%;
    }

    .ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container {
        width: 85%;
    }

    .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
        position: absolute;
        top: .25em;
        left: .125em;
    }

    .ui-multiselect-header .ui-inputtext {
        padding: .125em .125em .125em 1.25em;
        width: 100%;
    }

    .ui-multiselect-header .ui-multiselect-close {
        position: absolute;
        right: .375em;
        top: .375em;
        display: block;
        border: 0 none;
        cursor: pointer;
    }

    .ui-multiselect-header a.ui-multiselect-all,
    .ui-multiselect-header a.ui-multiselect-none {
        float: left;
        margin-right: 10px;
        display: block;
    }

.ui-multiselect-footer {
    padding: .25em;
}

.ui-fluid .ui-multiselect {
    width: 100%;
    box-sizing: border-box;
}

.ui-organizationchart .ui-organizationchart-table {
    border-spacing: 0;
    border-collapse: separate;
    margin: 0 auto;
}

    .ui-organizationchart .ui-organizationchart-table > tr > td {
        text-align: center;
        vertical-align: top;
        padding: 0;
        padding: 0 .75em;
    }

.ui-organizationchart .ui-organizationchart-node-content {
    padding: .5em .75em;
    display: inline-block;
    position: relative;
}

    .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
        position: absolute;
        bottom: -9px;
        margin-left: -8px;
        z-index: 2;
        left: 50%;
    }

.ui-organizationchart .ui-organizationchart-line-down {
    margin: 0 auto;
    height: 20px;
    width: 1px;
    float: none;
}

.ui-organizationchart .ui-organizationchart-line-right {
    float: none;
    border-radius: 0px;
}

.ui-organizationchart .ui-organizationchart-line-left {
    float: none;
    border-radius: 0;
}

.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
    cursor: pointer;
}

.ui-orderlist {
    display: flex;
    flex-wrap: wrap;
}

.ui-orderlist-controls-left {
    flex-direction: row;
}

.ui-orderlist-controls-right {
    flex-direction: row-reverse;
}

.ui-orderlist-controls,
.ui-orderlist-list-container {
    flex: 0 0 auto;
}

.ui-orderlist-controls {
    padding: 0 .25em;
    width: 16.66666%;
    align-self: center;
}

    .ui-orderlist-controls .ui-button.ui-button-icon-only {
        display: block;
        margin-bottom: 0.25em;
        width: 100%;
    }

.ui-orderlist-list-container {
    width: 83.33333%;
}

.ui-orderlist-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 12.5em;
}

.ui-orderlist-caption {
    text-align: center;
    padding: .5em .75em;
    border-bottom: 0 none;
}

.ui-orderlist-item {
    margin: 1px;
    padding: .125em;
    cursor: pointer;
    border: 0 none;
    font-weight: inherit;
}

.ui-orderlist-filter-container {
    position: relative;
    width: 100%;
    padding: .5em .6em;
    border-bottom: 0 none;
}

    .ui-orderlist-filter-container .ui-inputtext {
        text-indent: 1.1em;
        width: 100%;
    }

    .ui-orderlist-filter-container .ui-orderlist-filter-icon {
        position: absolute;
        top: 50%;
        left: 1em;
        margin-top: -.6em;
    }

.ui-orderlist.ui-state-disabled .ui-orderlist-item,
.ui-orderlist.ui-state-disabled .ui-button {
    cursor: default;
}

.ui-orderlist.ui-state-disabled .ui-orderlist-list {
    overflow: hidden;
}

.ui-orderlist .ui-orderlist-droppoint {
    height: 6px;
    list-style-type: none;
}

@media (max-width: 767px) {
    .ui-orderlist-controls {
        width: 100%;
        text-align: center;
    }

    .ui-orderlist .ui-orderlist-list-container {
        width: 100%;
    }

    .ui-orderlist .ui-orderlist-controls .ui-button.ui-button.ui-button-icon-only {
        display: inline-block;
        width: 20%;
        margin-right: .25em;
    }
}

.ui-paginator {
    margin: 0;
    text-align: center;
    padding: .125em;
}

    .ui-paginator .ui-paginator-top {
        border-bottom: 0 none;
    }

    .ui-paginator .ui-paginator-bottom {
        border-top: 0 none;
    }

    .ui-paginator .ui-paginator-left-content {
        float: left;
    }

    .ui-paginator .ui-paginator-right-content {
        float: right;
    }

    .ui-paginator .ui-paginator-page,
    .ui-paginator .ui-paginator-pages,
    .ui-paginator .ui-paginator-next,
    .ui-paginator .ui-paginator-last,
    .ui-paginator .ui-paginator-first,
    .ui-paginator .ui-paginator-prev,
    .ui-paginator .ui-paginator-current {
        display: inline-block;
        min-width: 1.5em;
        height: 1.5em;
        line-height: 1.5em;
        zoom: 1;
        margin-left: .063em;
        margin-right: .063em;
        text-decoration: none;
        vertical-align: middle;
        text-align: center;
        position: relative;
    }

    .ui-paginator .ui-paginator-pages {
        width: auto;
        line-height: 1;
    }

    .ui-paginator .ui-paginator-icon {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 1em;
        height: 1em;
        margin-top: -.5em;
        margin-left: -.5em;
    }

    .ui-paginator .ui-paginator-page,
    .ui-paginator .ui-paginator-next,
    .ui-paginator .ui-paginator-last,
    .ui-paginator .ui-paginator-first,
    .ui-paginator .ui-paginator-prev {
        cursor: pointer;
    }

    .ui-paginator .ui-paginator-current,
    .ui-paginator .ui-paginator-rpp-options {
        margin-left: 1em;
        margin-right: 1em;
        background-image: none;
    }

        .ui-paginator .ui-paginator-jtp-select option,
        .ui-paginator .ui-paginator-rpp-options option {
            background-image: none;
            border: 0 none;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
        }

    .ui-paginator a.ui-state-disabled {
        outline: 0 none;
    }

    .ui-paginator .ui-dropdown {
        min-width: 4em;
        margin-left: .375em;
    }

.ui-fluid .ui-paginator .ui-dropdown {
    width: auto;
}

.ui-overlaypanel {
    padding: 0;
    margin: 0;
    position: absolute;
    margin-top: 10px;
}

.ui-overlaypanel-flipped {
    margin-top: 0;
    margin-bottom: 10px;
}

.ui-overlaypanel-content {
    padding: 0.5em 1em;
}

.ui-overlaypanel-close {
    position: absolute;
    top: -1em;
    right: -1em;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
}

.ui-overlaypanel-close-icon {
    line-height: inherit;
}

.ui-overlaypanel:after,
.ui-overlaypanel:before {
    bottom: 100%;
    left: 1.25em;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ui-overlaypanel:after {
    border-width: 8px;
    margin-left: -8px;
}

.ui-overlaypanel:before {
    border-width: 10px;
    margin-left: -10px;
}

.ui-overlaypanel-shifted:after,
.ui-overlaypanel-shifted:before {
    left: auto;
    right: 1.25em;
    margin-left: auto;
}

.ui-overlaypanel-shifted:after {
    margin-right: -8px;
}

.ui-overlaypanel:before {
    margin-right: -10px;
}

.ui-overlaypanel-flipped:after,
.ui-overlaypanel-flipped:before {
    bottom: auto;
    top: 100%;
}

.ui-overlaypanel.ui-overlaypanel-flipped:after {
    border-bottom-color: transparent;
}

.ui-overlaypanel.ui-overlaypanel-flipped:before {
    border-bottom-color: transparent
}

.ui-panelmenu {
    width: auto;
}

    .ui-panelmenu .ui-menu-separator {
        border-width: 1px 0 0 0;
    }

    .ui-panelmenu .ui-panelmenu-content-wrapper {
        overflow: hidden;
    }

    .ui-panelmenu .ui-panelmenu-header {
        margin: -1px 0 0 0;
        zoom: 1;
    }

    .ui-panelmenu .ui-panelmenu-header-link {
        padding: .5em;
        display: block;
        text-decoration: none;
    }

    .ui-panelmenu .ui-panelmenu-icon {
        vertical-align: middle;
    }

    .ui-panelmenu .ui-menuitem-text {
        vertical-align: middle;
    }

    .ui-panelmenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle;
    }

    .ui-panelmenu .ui-panelmenu-content {
        padding: 0.25em;
        border-top: 0;
        margin-bottom: 1px;
    }

    .ui-panelmenu .ui-submenu-list {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-left: 1.5em;
    }

    .ui-panelmenu .ui-panelmenu-content > .ui-panelmenu-root-submenu > .ui-submenu-list {
        margin-left: 0;
    }

    .ui-panelmenu .ui-menuitem {
        overflow: hidden;
        margin: .125em 0;
    }

    .ui-panelmenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        text-decoration: none;
    }

.ui-panel {
    padding: 0.2em;
}

    .ui-panel .ui-panel-titlebar {
        padding: .5em .75em;
    }

        .ui-panel .ui-panel-titlebar.ui-panel-titlebar-clickable {
            cursor: pointer;
        }

    .ui-panel .ui-panel-titlebar-icon {
        float: right;
        cursor: pointer;
    }

    .ui-panel .ui-panel-titlebar-icon {
        margin-left: 0.2em;
        margin-top: -0.1em;
    }

    .ui-panel .ui-panel-content {
        border: 0;
        background: none;
        padding: .5em .75em;
    }

    .ui-panel .ui-panel-footer {
        border-width: 1px 0 0;
        padding: .25em .5em;
        text-align: left;
    }

.ui-panel-content-wrapper-overflown {
    overflow: hidden;
}

.ui-password-panel {
    padding: .25em .5em;
    position: absolute;
}

    .ui-password-panel .ui-password-meter {
        height: 10px;
        background: transparent url('password-meter.d59e6dc2616c53ce8e77.png') no-repeat left top;
        padding: 0;
        margin: 0;
    }

.ui-password-info {
    margin-top: .25em;
}

/* Overlay Animations */
.ui-password-panel {
    transform: translateY(5%);
    opacity: 0;
    transition: transform .3s, opacity .3s;
}

.ui-password-panel-visible {
    transform: translateY(0);
    opacity: 1;
}

.ui-password-panel-hidden {
    opacity: 0;
    transform: translateY(5%);
    transition: transform .3s, opacity .15s;
}

.ui-picklist > div {
    float: left;
}

.ui-picklist .ui-picklist-buttons {
    height: 12.5em;
    padding: 0 .25em;
}

.ui-picklist .ui-picklist-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 12.5em;
    width: 12.5em;
}

    .ui-picklist .ui-picklist-list li {
        margin: 1px;
        padding: .125em;
    }

.ui-picklist .ui-button {
    display: block;
    margin-bottom: 0.25em;
}

.ui-picklist .ui-button-text-icon-left {
    width: 100%;
}

.ui-picklist .ui-picklist-item {
    cursor: pointer;
    border: 0 none;
    font-weight: inherit;
}

.ui-picklist .ui-picklist-caption {
    text-align: center;
    padding: .5em .75em;
    border-bottom: 0 none;
}

.ui-picklist table {
    width: 100%;
    border-collapse: collapse;
}

.ui-picklist .ui-picklist-filter-container {
    position: relative;
    width: 100%;
    padding: .5em .6em;
    border-bottom: 0 none;
}

    .ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
        text-indent: 1.1em;
        width: 100%;
    }

    .ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
        position: absolute;
        top: 50%;
        left: 1em;
        margin-top: -.6em;
    }

.ui-picklist {
    display: table;
}

    .ui-picklist > div {
        float: none;
        display: table-cell;
        vertical-align: top;
    }

    .ui-picklist .ui-picklist-buttons {
        vertical-align: middle;
    }

    /* Vertical */
    .ui-picklist.ui-picklist-vertical {
        display: table;
    }

        .ui-picklist.ui-picklist-vertical > div {
            float: none;
            display: table-row;
            vertical-align: top;
        }

        .ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
            text-align: center;
            height: auto;
        }

            .ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button {
                display: inline-block;
            }

        .ui-picklist.ui-picklist-vertical .ui-button {
            margin-top: 0.25em;
        }

.ui-picklist-outline {
    outline: 1px dotted black;
    z-index: 1;
}

.ui-picklist .ui-picklist-droppoint {
    height: 6px;
    list-style-type: none;
}

.ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty {
    height: 100%;
    list-style-type: none;
}

.ui-picklist-list.ui-picklist-source,
.ui-picklist-list.ui-picklist-target {
    outline: none;
}

/* Responsive */
.ui-picklist.ui-picklist-responsive * {
    box-sizing: border-box;
}

.ui-picklist.ui-picklist-responsive {
    width: 100%;
}

    .ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper {
        width: 35%;
    }

        .ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols {
            width: 45%;
        }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
        width: 10%;
    }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
            width: 100%;
        }

    .ui-picklist.ui-picklist-responsive .ui-picklist-list {
        width: auto;
    }

/* Responsive */
@media (max-width: 40em) {
    .ui-picklist.ui-picklist-responsive {
        display: block;
    }

        .ui-picklist.ui-picklist-responsive > div {
            display: block;
            width: 100% !important;
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
            text-align: center;
            height: auto;
            padding: .4em 0;
        }

            .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
                display: inline-block;
                width: 20%;
                margin-bottom: 0;
                margin-right: .25em;
            }

        .ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons {
            padding-bottom: .4em;
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons {
            padding-top: .4em;
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right::before {
            content: "\e930";
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right::before {
            content: "\e92c";
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left::before {
            content: "\e933";
        }

        .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left::before {
            content: "\e92f";
        }
}

.ui-progressbar {
    height: 1.2em;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.ui-progressbar-determinate .ui-progressbar-value {
    height: 100%;
    width: 0%;
    position: absolute;
    display: none;
    border: 0 none;
}

.ui-progressbar-determinate .ui-progressbar-value-animate {
    transition: width 1s ease-in-out;
}

.ui-progressbar-determinate .ui-progressbar-label {
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
    font-weight: bold;
}

.ui-progressbar-indeterminate {
    height: .5em;
}

    .ui-progressbar-indeterminate .ui-progressbar-value {
        border: 0 none;
    }

        .ui-progressbar-indeterminate .ui-progressbar-value::before {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            -webkit-animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
            animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
        }

        .ui-progressbar-indeterminate .ui-progressbar-value::after {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            -webkit-animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            -webkit-animation-delay: 1.15s;
            animation-delay: 1.15s;
        }

@-webkit-keyframes ui-progressbar-indeterminate-anim {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes ui-progressbar-indeterminate-anim {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes ui-progressbar-indeterminate-anim-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes ui-progressbar-indeterminate-anim-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

.ui-progress-spinner {
    position: relative;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    display: inline-block;
}

    .ui-progress-spinner::before {
        content: '';
        display: block;
        padding-top: 100%;
    }

.ui-progress-spinner-svg {
    -webkit-animation: ui-progress-spinner-rotate 2s linear infinite;
    animation: ui-progress-spinner-rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ui-progress-spinner-circle {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: 0;
    stroke: #d62d20;
    -webkit-animation: ui-progress-spinner-dash 1.5s ease-in-out infinite, ui-progress-spinner-color 6s ease-in-out infinite;
    animation: ui-progress-spinner-dash 1.5s ease-in-out infinite, ui-progress-spinner-color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@-webkit-keyframes ui-progress-spinner-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes ui-progress-spinner-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes ui-progress-spinner-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes ui-progress-spinner-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@-webkit-keyframes ui-progress-spinner-color {

    100%, 0% {
        stroke: #d62d20;
    }

    40% {
        stroke: #0057e7;
    }

    66% {
        stroke: #008744;
    }

    80%, 90% {
        stroke: #ffa700;
    }
}

@keyframes ui-progress-spinner-color {

    100%, 0% {
        stroke: #d62d20;
    }

    40% {
        stroke: #0057e7;
    }

    66% {
        stroke: #008744;
    }

    80%, 90% {
        stroke: #ffa700;
    }
}

.ui-radiobutton {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: .25em;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.ui-radiobutton-box {
    width: 1.125em;
    height: 1.125em;
    line-height: 1.125em;
    border-radius: 100%;
    text-align: center;
    position: relative;
}

.ui-radiobutton-icon {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    margin-left: -.5em;
}

.ui-radiobutton,
.ui-radiobutton-label {
    vertical-align: middle;
}

.ui-rating {
    font-size: 1.25em;
}

.ui-fluid .fc .ui-button {
    width: auto;
}

.ui-scrollpanel-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
}

.ui-scrollpanel-content {
    height: calc(100% + 18px);
    width: calc(100% + 18px);
    padding: 0 18px 18px 0;
    position: relative;
    overflow: auto;
    box-sizing: border-box;
}

.ui-scrollpanel-bar {
    position: relative;
    background: #c1c1c1;
    border-radius: 3px;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.25s linear;
}

.ui-scrollpanel-bar-y {
    width: 9px;
    top: 0;
}

.ui-scrollpanel-bar-x {
    height: 9px;
    bottom: 0;
}

.ui-scrollpanel-hidden {
    visibility: hidden;
}

.ui-scrollpanel:hover .ui-scrollpanel-bar,
.ui-scrollpanel:active .ui-scrollpanel-bar {
    opacity: 1;
}

.ui-scrollpanel-grabbed {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.ui-selectbutton {
    display: inline-block;
}

    .ui-selectbutton.ui-state-error {
        padding: 0;
    }

    .ui-selectbutton .ui-button.ui-state-focus {
        outline: none;
    }

.ui-sidebar {
    position: fixed;
    padding: .5em 1em;
    transition: transform .3s;
}

.ui-sidebar-left {
    top: 0;
    left: 0;
    width: 20em;
    height: 100%;
    transform: translateX(-100%);
}

.ui-sidebar-right {
    top: 0;
    right: 0;
    width: 20em;
    height: 100%;
    transform: translateX(100%);
}

.ui-sidebar-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 10em;
    transform: translateY(-100%);
}

.ui-sidebar-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10em;
    transform: translateY(100%);
}

.ui-sidebar-full {
    width: 100%;
    height: 100%;
    left: 0;
    transition: transform 0s;
}

.ui-sidebar-left.ui-sidebar-active,
.ui-sidebar-right.ui-sidebar-active {
    transform: translateX(0)
}

.ui-sidebar-left.ui-sidebar-sm,
.ui-sidebar-right.ui-sidebar-sm {
    width: 20em;
}

.ui-sidebar-left.ui-sidebar-md,
.ui-sidebar-right.ui-sidebar-md {
    width: 40em;
}

.ui-sidebar-left.ui-sidebar-lg,
.ui-sidebar-right.ui-sidebar-lg {
    width: 60em;
}

.ui-sidebar-top.ui-sidebar-active,
.ui-sidebar-bottom.ui-sidebar-active {
    transform: translateY(0)
}

.ui-sidebar-top.ui-sidebar-sm,
.ui-sidebar-bottom.ui-sidebar-sm {
    height: 10em;
}

.ui-sidebar-top.ui-sidebar-md,
.ui-sidebar-bottom.ui-sidebar-md {
    height: 20em;
}

.ui-sidebar-top.ui-sidebar-lg,
.ui-sidebar-bottom.ui-sidebar-lg {
    height: 30em;
}

.ui-sidebar-mask {
    position: fixed;
    width: 100%;
    height: 100%;
}

.ui-sidebar-close {
    float: right;
}

@media screen and (max-width: 64em) {

    .ui-sidebar-left.ui-sidebar-lg,
    .ui-sidebar-left.ui-sidebar-md,
    .ui-sidebar-right.ui-sidebar-lg,
    .ui-sidebar-right.ui-sidebar-md {
        width: 20em;
    }
}

.ui-slidemenu {
    width: 12.5em;
    padding: .25em;
}

    .ui-slidemenu.ui-slidemenu-dynamic {
        position: absolute;
    }

    .ui-slidemenu .ui-menu-separator {
        border-width: 1px 0 0 0;
    }

    .ui-slidemenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .ui-slidemenu .ui-slidemenu-rootlist {
        position: absolute;
        top: 0;
    }

    .ui-slidemenu .ui-submenu-list {
        display: none;
        position: absolute;
        top: 0;
        width: 12.5em;
        padding: .25em;
    }

    .ui-slidemenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        position: relative;
        text-decoration: none;
    }

    .ui-slidemenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle;
    }

    .ui-slidemenu .ui-menuitem-text {
        vertical-align: middle;
    }

    .ui-slidemenu .ui-menuitem {
        position: relative;
        margin: .125em 0;
    }

    .ui-slidemenu .ui-menuitem-link .ui-submenu-icon {
        position: absolute;
        margin-top: -.5em;
        right: 0;
        top: 50%;
    }

    .ui-slidemenu .ui-slidemenu-wrapper {
        position: relative;
    }

    .ui-slidemenu .ui-slidemenu-content {
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
    }

.ui-slidemenu-backward {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.25em;
    cursor: pointer;
    display: none;
}

    .ui-slidemenu-backward .ui-slidemenu-backward-icon {
        vertical-align: middle;
    }

    .ui-slidemenu-backward span {
        vertical-align: middle;
    }

.ui-slidemenu .ui-menuitem-active {
    position: static;
}

    .ui-slidemenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
        display: block;
    }

.ui-slidemenu ul:not(.ui-active-submenu) > .ui-menuitem:not(.ui-menuitem-active),
.ui-slidemenu .ui-active-submenu > .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
    display: none;
}

.ui-slidemenu .ui-active-submenu > .ui-menuitem-active ~ .ui-menuitem {
    display: block;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        touch-action: none;
        z-index: 1;
    }

        .ui-slider .ui-slider-handle.ui-slider-handle-active {
            z-index: 2;
        }

    .ui-slider .ui-slider-range {
        position: absolute;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.25em;
        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: -.25em;
        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-slider-animate .ui-slider-handle {
    transition: left .3s;
}

.ui-spinner {
    display: inline-block;
    overflow: visible;
    padding: 0;
    position: relative;
    vertical-align: middle;
}

.ui-spinner-input {
    vertical-align: middle;
    padding-right: 1.5em;
}

    .ui-spinner-input::-webkit-inner-spin-button,
    .ui-spinner-input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.ui-spinner-button {
    cursor: default;
    display: block;
    height: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
    width: 1.5em;
}

.ui-spinner .ui-spinner-button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    width: 1em;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* Fluid */
.ui-fluid .ui-spinner {
    width: 100%;
}

    .ui-fluid .ui-spinner .ui-spinner-input {
        padding-right: 2em;
        width: 100%;
    }

    .ui-fluid .ui-spinner .ui-spinner-button {
        width: 1.5em;
    }

        .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
            left: .7em;
        }

.ui-splitbutton {
    position: relative;
    display: inline-block;
    zoom: 1;
}

    .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
        width: 2em;
        vertical-align: top;
    }

    .ui-splitbutton.ui-state-disabled button {
        cursor: default;
    }

.ui-fluid .ui-splitbutton {
    width: 100%;
}

    .ui-fluid .ui-splitbutton .ui-button:first-child {
        width: calc(100% - 2em);
    }

    .ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
        width: 2em;
    }

.ui-splitbutton .ui-menuitem-link {
    cursor: pointer;
}

.ui-steps ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ui-steps .ui-steps-item {
    float: left;
    box-sizing: border-box;
    cursor: pointer;
}

.ui-steps.ui-steps-readonly .ui-steps-item {
    cursor: auto;
}

.ui-steps .ui-steps-item .ui-menuitem-link {
    text-decoration: none;
    display: block;
    padding: 1em;
    position: relative;
    text-align: center;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,
.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link {
    cursor: default;
}

.ui-steps .ui-steps-number {
    font-size: 2em;
    display: block;
}

.ui-steps .ui-steps-title {
    display: block;
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 40em) {
    .ui-steps .ui-steps-item .ui-menuitem-link {
        padding: 0.5em;
    }

    .ui-steps .ui-steps-item .ui-steps-title {
        display: none;
    }
}

.ui-table {
    position: relative;
}

    .ui-table table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed;
    }

    .ui-table .ui-table-thead > tr > th,
    .ui-table .ui-table-tbody > tr > td,
    .ui-table .ui-table-tfoot > tr > td {
        padding: .25em .5em;
    }

    .ui-table .ui-sortable-column {
        cursor: pointer;
    }

    .ui-table p-sorticon {
        vertical-align: middle;
    }

.ui-table-auto-layout > .ui-table-wrapper {
    overflow-x: auto;
}

    .ui-table-auto-layout > .ui-table-wrapper > table {
        table-layout: auto;
    }

/* Sections */
.ui-table-caption,
.ui-table-summary {
    padding: .25em .5em;
    text-align: center;
    font-weight: bold;
}

.ui-table-caption {
    border-bottom: 0 none;
}

.ui-table-summary {
    border-top: 0 none;
}

/* Paginator */
.ui-table .ui-paginator-top {
    border-bottom: 0 none;
}

.ui-table .ui-paginator-bottom {
    border-top: 0 none;
}

/* Scrollable */
.ui-table-scrollable-wrapper {
    position: relative;
}

.ui-table-scrollable-header,
.ui-table-scrollable-footer {
    overflow: hidden;
    border: 0 none;
}

.ui-table-scrollable-body {
    overflow: auto;
    position: relative;
}

.ui-table-virtual-table {
    position: absolute;
}

.ui-table-loading-virtual-table {
    display: none;
}

/* Frozen Columns */
.ui-table-frozen-view .ui-table-scrollable-body {
    overflow: hidden;
}

.ui-table-frozen-view > .ui-table-scrollable-body > table > .ui-table-tbody > tr > td:last-child {
    border-right: 0 none;
}

.ui-table-unfrozen-view {
    position: absolute;
    top: 0px;
}

/* Resizable */
.ui-table-resizable > .ui-table-wrapper {
    overflow-x: auto;
}

.ui-table-resizable .ui-table-thead > tr > th,
.ui-table-resizable .ui-table-tfoot > tr > td,
.ui-table-resizable .ui-table-tbody > tr > td {
    overflow: hidden;
}

.ui-table-resizable .ui-resizable-column {
    background-clip: padding-box;
    position: relative;
}

.ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
    display: none;
}

.ui-table .ui-column-resizer {
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    margin: 0;
    width: .5em;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
}

.ui-table .ui-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
}

/* Edit */
.ui-table .ui-table-tbody > tr > td.ui-editing-cell {
    padding: 0;
}

    .ui-table .ui-table-tbody > tr > td.ui-editing-cell p-celleditor > * {
        width: 100%;
    }

/* Reorder */
.ui-table-reorder-indicator-up,
.ui-table-reorder-indicator-down {
    position: absolute;
    display: none;
}

/* Responsive */
.ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
    display: none;
}

@media screen and (max-width: 40em) {

    .ui-table-responsive .ui-table-thead > tr > th,
    .ui-table-responsive .ui-table-tfoot > tr > td {
        display: none !important;
    }

    .ui-table-responsive .ui-table-tbody > tr > td {
        text-align: left;
        display: block;
        border: 0 none;
        width: 100% !important;
        box-sizing: border-box;
        float: left;
        clear: left;
    }

        .ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
            padding: .4em;
            min-width: 30%;
            display: inline-block;
            margin: -.4em 1em -.4em -.4em;
            font-weight: bold;
        }
}

/* Loader */
.ui-table-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
    z-index: 1;
}

.ui-table-loading-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin-top: -1em;
    margin-left: -1em;
}

.ui-table .ui-table-loading-icon {
    font-size: 2em;
}

/** TabMenu **/
.ui-tabmenu .ui-tabmenu-nav {
    margin: 0;
    padding: .25em .5em 0 .25em;
}

    .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
        list-style: none;
        float: left;
        position: relative;
        margin: 0 .2em 1px 0;
        padding: 0;
        white-space: nowrap;
        display: block;
        border-bottom: 0;
        top: 1px;
    }

        .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
            float: left;
            padding: 0.5em 1em;
            text-decoration: none;
        }

    .ui-tabmenu .ui-tabmenu-nav a {
        padding: 0.5em 1em;
    }

.ui-tabmenu .ui-menuitem-icon {
    margin-right: .25em;
    vertical-align: middle;
}

.ui-tabmenu .ui-menuitem-text {
    vertical-align: middle;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a {
    cursor: default;
}

.ui-tabview {
    padding: .25em;
}

    .ui-tabview .ui-tabview-nav {
        margin: 0;
    }

        .ui-tabview .ui-tabview-nav li {
            list-style: none;
            float: left;
            position: relative;
            margin: 0 .125em 1px 0;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabview .ui-tabview-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none;
            }

            .ui-tabview .ui-tabview-nav li.ui-tabview-selected a,
            .ui-tabview .ui-tabview-nav li.ui-state-disabled a,
            .ui-tabview .ui-tabview-nav li.ui-state-processing a {
                cursor: text;
            }

            .ui-tabview .ui-tabview-nav li a,
            .ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a {
                cursor: pointer;
            }

    .ui-tabview .ui-tabview-panel {
        border-width: 0;
        padding: 1em;
        background: none;
    }

    .ui-tabview .ui-tabview-nav li {
        display: block;
    }

        .ui-tabview .ui-tabview-nav li .ui-tabview-left-icon {
            margin-right: .25em;
            vertical-align: middle;
        }

        .ui-tabview .ui-tabview-nav li .ui-tabview-right-icon {
            margin-left: .25em;
            vertical-align: middle;
        }

    .ui-tabview .ui-tabview-title {
        vertical-align: middle;
    }

    .ui-tabview .ui-tabview-nav li .ui-tabview-close {
        margin: 0.5em 0.3em 0 0;
        cursor: pointer;
    }

    /* per orientation settings */
    /* top and bottom */
    .ui-tabview.ui-tabview-top > .ui-tabview-nav li {
        border-bottom: 0;
        top: 1px;
    }

    .ui-tabview.ui-tabview-top > .ui-tabview-nav {
        padding: .2em .2em 0;
    }

    .ui-tabview.ui-tabview-bottom > .ui-tabview-nav {
        padding: 0 .2em .2em;
    }

        .ui-tabview.ui-tabview-bottom > .ui-tabview-nav li {
            border-top: 0;
        }

/* left and right*/
.ui-tabview-left::after,
.ui-tabview-right::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.ui-tabview-left > .ui-tabview-nav {
    float: left;
    width: 25%;
    height: 300px;
    background-image: none;
    padding-top: 1px;
}

.ui-tabview-left > .ui-tabview-panels {
    float: right;
    width: 75%;
}

.ui-tabview.ui-tabview-left > .ui-tabview-nav li,
.ui-tabview.ui-tabview-right > .ui-tabview-nav li {
    display: block;
    float: right;
    white-space: normal;
    width: 99%;
}

.ui-tabview.ui-tabview-left > .ui-tabview-nav li {
    margin: 0 0 1px 0;
    border-right: 0 none;
}

.ui-tabview.ui-tabview-right > .ui-tabview-nav {
    float: right;
    width: 25%;
    height: 300px;
    background-image: none;
    padding-top: 1px;
}

.ui-tabview.ui-tabview-right > .ui-tabview-panels {
    float: left;
    width: 75%;
}

.ui-tabview.ui-tabview-right > .ui-tabview-nav li {
    margin: 0 0 1px 0;
    border-left: 0 none;
}

/* RTL */
.ui-rtl .ui-tabview .ui-tabview-nav li {
    float: right;
}

.ui-terminal {
    height: 18em;
    overflow: auto;
    padding: .25em;
}

.ui-terminal-input {
    border: 0 none;
    background-color: transparent;
    color: inherit;
    padding: 0;
    margin: 0 0 0 .125em;
    width: 75%;
    outline: none;
    vertical-align: baseline;
}

.ui-terminal-command {
    margin-left: .125em;
    -moz-margin-start: .125em;
}

.ui-terminal-input::-ms-clear {
    display: none;
}

.ui-tieredmenu {
    width: 12.5em;
    padding: .25em;
}

    .ui-tieredmenu.ui-tieredmenu-dynamic {
        position: absolute;
    }

    .ui-tieredmenu .ui-menu-separator {
        border-width: 1px 0 0 0;
    }

    .ui-tieredmenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .ui-tieredmenu .ui-submenu-list {
        display: none;
        position: absolute;
        width: 12.5em;
        padding: .25em;
    }

    .ui-tieredmenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        cursor: pointer;
        position: relative;
        text-decoration: none;
    }

    .ui-tieredmenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle;
    }

    .ui-tieredmenu .ui-menuitem-text {
        vertical-align: middle;
    }

    .ui-tieredmenu .ui-menuitem {
        position: relative;
        margin: .125em 0;
    }

    .ui-tieredmenu .ui-menuitem-link .ui-submenu-icon {
        position: absolute;
        margin-top: -.5em;
        right: 0;
        top: 50%;
    }

    .ui-tieredmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
        display: block;
    }

.ui-toast {
    position: fixed;
    width: 20em;
}

    .ui-toast .ui-toast-message {
        position: relative;
        display: block;
        margin-bottom: .75em;
        overflow: hidden;
    }

    .ui-toast .ui-toast-message-content {
        padding: .5em 1em;
    }

    .ui-toast .ui-toast-close-icon {
        position: absolute;
        top: .25em;
        right: .25em;
        cursor: pointer;
        display: inline-block;
    }

    .ui-toast .ui-toast-summary {
        font-weight: bold;
        padding: 0 0 .5em 0;
        display: block;
    }

    .ui-toast .ui-toast-icon {
        position: absolute;
        display: inline-block;
        left: .5em;
        top: .25em;
        padding: 0;
        font-size: 2em;
    }

    .ui-toast .ui-toast-message-text-content {
        padding: 0 0 .25em 0;
        margin-left: 2.5em;
    }

/* Positions */
.ui-toast-top-right {
    top: 20px;
    right: 20px;
}

.ui-toast-top-left {
    top: 20px;
    left: 20px;
}

.ui-toast-bottom-right {
    bottom: 20px;
    right: 20px;
}

.ui-toast-bottom-left {
    bottom: 20px;
    left: 20px;
}

.ui-toast-top-center {
    top: 20px;
    left: 50%;
    margin-left: -10em;
}

.ui-toast-bottom-center {
    bottom: 20px;
    left: 50%;
    margin-left: -10em;
}

.ui-toast-center {
    left: 50%;
    top: 50%;
    min-width: 20vw;
    transform: translate(-50%, -50%);
}

.ui-toolbar {
    padding: .25em .5em;
}

.ui-toolbar-group-left {
    float: left
}

.ui-toolbar-group-right {
    float: right
}

.ui-tooltip {
    position: absolute;
    display: none;
    padding: .25em .5em;
    max-width: 12.5em;
}

    .ui-tooltip.ui-tooltip-right,
    .ui-tooltip.ui-tooltip-left {
        padding: 0 .25em;
    }

    .ui-tooltip.ui-tooltip-top,
    .ui-tooltip.ui-tooltip-bottom {
        padding: .25em 0;
    }

    .ui-tooltip .ui-tooltip-text {
        padding: .125em .5em;
        background-color: rgb(76, 76, 76);
        color: #ffffff;
        white-space: pre-line;
    }

.ui-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.ui-tooltip-right .ui-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -.25em;
    border-width: .25em .25em .25em 0;
    border-right-color: rgb(76, 76, 76);
}

.ui-tooltip-left .ui-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -.25em;
    border-width: .25em 0 .25em .25em;
    border-left-color: rgb(76, 76, 76);
}

.ui-tooltip.ui-tooltip-top {
    padding: .25em 0;
}

.ui-tooltip-top .ui-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -.25em;
    border-width: .25em .25em 0;
    border-top-color: rgb(76, 76, 76);
}

.ui-tooltip-bottom .ui-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -.25em;
    border-width: 0 .25em .25em;
    border-bottom-color: rgb(76, 76, 76);
}

.ui-tree {
    width: 18em;
}

    .ui-tree .ui-treenode-selectable.ui-treenode-content {
        cursor: pointer;
    }

    .ui-tree .ui-tree-container {
        height: 100%;
        margin: 0;
        overflow: auto;
        padding: .25em;
        white-space: nowrap;
    }

.ui-tree-empty-message {
    padding: .25em;
}

.ui-tree .ui-treenode-children {
    margin: 0;
    padding: 0 0 0 1em;
}

.ui-tree .ui-treenode {
    background-attachment: scroll;
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat-y;
    list-style: none outside none;
    margin: 0;
    padding: .125em 0 0 0;
}

.ui-tree .ui-treenode-droppoint {
    height: 4px;
    list-style-type: none;
}

.ui-tree .ui-treenode-droppoint-active {
    border: 0 none;
}

.ui-tree .ui-tree-toggler {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.ui-tree .ui-treenode-icon {
    display: inline-block;
    vertical-align: middle;
}

.ui-tree .ui-treenode-label {
    display: inline-block;
    padding: 0 .25em;
    vertical-align: middle;
}

    .ui-tree .ui-treenode-label.ui-state-hover,
    .ui-tree .ui-treenode-label.ui-state-highlight {
        font-weight: normal;
        border: 0 none;
    }

.ui-tree .ui-treenode.ui-treenode-leaf > .ui-treenode-content > .ui-tree-toggler {
    visibility: hidden;
}

.ui-tree .ui-chkbox-box {
    cursor: pointer;
}

.ui-tree .ui-chkbox {
    display: inline-block;
    vertical-align: middle;
}

    .ui-tree .ui-chkbox .ui-chkbox-icon {
        margin-left: 1px;
    }

.ui-tree .ui-tree-filter {
    width: 100%;
    box-sizing: border-box;
    padding-right: 1.5em;
}

.ui-tree .ui-tree-filter-container {
    position: relative;
    margin: 0;
    padding: 0.4em;
    display: inline-block;
    width: 100%;
}

    .ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
        position: absolute;
        top: .8em;
        right: 1em;
    }

/** Fluid **/
.ui-fluid .ui-tree {
    width: 100%;
}

/** Horizontal Tree **/
.ui-tree-horizontal {
    width: auto;
    padding: .5em 0;
    overflow: auto;
}

.ui-tree.ui-tree-horizontal table,
.ui-tree.ui-tree-horizontal tr,
.ui-tree.ui-tree-horizontal td {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.ui-tree.ui-tree-horizontal .ui-tree-toggler {
    vertical-align: middle;
    margin: 0;
}

.ui-tree-horizontal .ui-treenode-content {
    font-weight: normal;
    padding: 0.4em 1em 0.4em 0.2em;
}

.ui-tree.ui-tree-horizontal .ui-tree-node-label {
    margin: 0;
}

.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
    font-weight: normal;
    white-space: nowrap;
}

.ui-tree.ui-tree-horizontal .ui-treenode {
    background: url('line.567f57385ea3dde2c9ae.gif') repeat-x scroll center center transparent;
    padding: .25em 2.5em;
}

    .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,
    .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
        padding-right: 0;
    }

.ui-tree.ui-tree-horizontal .ui-treenode-children {
    padding: 0;
    margin: 0;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector {
    width: 1px;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
    height: 100%;
    width: 1px;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
    background: url('line.567f57385ea3dde2c9ae.gif') repeat-y scroll 0 0 transparent;
    width: 1px;
}

.ui-tree.ui-tree-horizontal table {
    height: 0;
}

.ui-tree.ui-tree-horizontal .ui-chkbox {
    vertical-align: bottom;
    margin-right: .25em;
}

/** Loading **/
.ui-tree.ui-tree-loading {
    position: relative;
    min-height: 4em;
}

.ui-tree .ui-tree-loading-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
    z-index: 1;
}

.ui-tree .ui-tree-loading-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin-top: -1em;
    margin-left: -1em;
}

    .ui-tree .ui-tree-loading-content .ui-tree-loading-icon {
        font-size: 2em;
    }

.ui-treetable {
    position: relative;
}

    .ui-treetable table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed;
    }

    .ui-treetable .ui-treetable-thead > tr > th,
    .ui-treetable .ui-treetable-tbody > tr > td,
    .ui-treetable .ui-treetable-tfoot > tr > td {
        padding: .25em .5em;
    }

    .ui-treetable .ui-treetable-toggler {
        cursor: pointer;
        display: inline-block;
        height: 1em;
        position: relative;
        top: 50%;
        margin-top: -.5em;
    }

    .ui-treetable .ui-sortable-column {
        cursor: pointer;
    }

    .ui-treetable p-treetablesorticon {
        vertical-align: middle;
    }

.ui-treetable-auto-layout > .ui-treetable-wrapper {
    overflow-x: auto;
}

    .ui-treetable-auto-layout > .ui-treetable-wrapper > table {
        table-layout: auto;
    }

.ui-treetable .ui-treetable-chkbox {
    margin: 0 .25em;
    vertical-align: middle;
}

/* Sections */
.ui-treetable-caption,
.ui-treetable-summary {
    padding: .25em .5em;
    text-align: center;
    font-weight: bold;
}

.ui-treetable-caption {
    border-bottom: 0 none;
}

.ui-treetable-summary {
    border-top: 0 none;
}

/* Paginator */
.ui-treetable .ui-paginator-top {
    border-bottom: 0 none;
}

.ui-treetable .ui-paginator-bottom {
    border-top: 0 none;
}

/* Scrollable */
.ui-treetable-scrollable-wrapper {
    position: relative;
}

.ui-treetable-scrollable-header,
.ui-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
}

.ui-treetable-scrollable-body {
    overflow: auto;
    position: relative;
}

    .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr:first-child > td {
        border-top: 0 none;
    }

.ui-treetable-virtual-table {
    position: absolute;
}

/* Frozen Columns */
.ui-treetable-frozen-view .ui-treetable-scrollable-body {
    overflow: hidden;
}

.ui-treetable-frozen-view > .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr > td:last-child {
    border-right: 0 none;
}

.ui-treetable-unfrozen-view {
    position: absolute;
    top: 0px;
}

/* Resizable */
.ui-treetable-resizable > .ui-treetable-wrapper {
    overflow-x: auto;
}

.ui-treetable-resizable .ui-treetable-thead > tr > th,
.ui-treetable-resizable .ui-treetable-tfoot > tr > td,
.ui-treetable-resizable .ui-treetable-tbody > tr > td {
    overflow: hidden;
}

.ui-treetable-resizable .ui-resizable-column {
    background-clip: padding-box;
    position: relative;
}

.ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
    display: none;
}

.ui-treetable .ui-column-resizer {
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    margin: 0;
    width: .5em;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
}

.ui-treetable .ui-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
}

/* Reorder */
.ui-treetable-reorder-indicator-up,
.ui-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
}

/* Responsive */
.ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
    display: none;
}

@media screen and (max-width: 40em) {

    .ui-treetable-responsive .ui-treetable-thead > tr > th,
    .ui-treetable-responsive .ui-treetable-tfoot > tr > td {
        display: none !important;
    }

    .ui-treetable-responsive .ui-treetable-tbody > tr > td {
        text-align: left;
        display: block;
        border: 0 none;
        width: 100% !important;
        box-sizing: border-box;
        float: left;
        clear: left;
    }

        .ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
            padding: .4em;
            min-width: 30%;
            display: inline-block;
            margin: -.4em 1em -.4em -.4em;
            font-weight: bold;
        }
}

/* Loader */
.ui-treetable-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: 0.1;
    z-index: 1;
}

.ui-treetable-loading-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin-top: -1em;
    margin-left: -1em;
}

.ui-treetable .ui-treetable-loading-icon {
    font-size: 2em;
}

.ui-virtualscroller .ui-virtualscroller-header {
    text-align: center;
    padding: .5em .75em;
    border-bottom: 0 none;
}

.ui-virtualscroller .ui-virtualscroller-footer {
    text-align: center;
    padding: .25em .625em;
    border-top: 0px none;
}

.ui-virtualscroller .ui-virtualscroller-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'PrimeIcons';
    font-display: auto;
    src: url('fonts/primeicons.2d2afb2719a1ee903e57.eot');
    src: url('fonts/primeicons.2d2afb2719a1ee903e57.eot?#iefix') format('embedded-opentype'), url('fonts/primeicons.df0140f8e79ecfeffaf8.ttf') format('truetype'), url('fonts/primeicons.66ee0deb739ca71f0ecd.woff') format('woff'), url('fonts/primeicons.e5e0e94474d5fd92e7e8.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}

.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-o:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

@charset "UTF-8";

* {
    box-sizing: border-box;
}

body .ui-widget,
body .ui-select-container {
    font-family: open sans, sans-serif;
    font-size: 13px;
    text-decoration: none;
}

body .ui-corner-all {
    border-radius: 0px;
}

body .ui-corner-top {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

body .ui-corner-bottom {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

body .ui-corner-left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

body .ui-corner-right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

body a {
    color: #007ad9;
    text-decoration: none;
}

    body a:hover {
        color: #116fbf;
    }

    body a:active {
        color: #005b9f;
    }

body .ui-helper-reset {
    line-height: normal;
}

body .ui-state-disabled,
body .ui-widget:disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}

body .pi {
    font-size: 1.15em;
}

body {
    /* Validations */
}

    body .ui-inputtext {
        font-size: 13px;
        color: #212129;
        background: #ffffff;
        /* padding: 0.429em; */
        padding: 0.207em;
        border: 1px solid rgba(0, 0, 0, .15);
        transition: border-color 0.2s;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-left: 8px;
    }

        body .ui-inputtext:enabled:hover:not(.ui-state-error) {
            border-color: #667db6;
        }

        body .ui-inputtext:enabled:focus:not(.ui-state-error) {
            border-color: #667db6;
            outline: 0 none;
            box-shadow: none;
        }

    body .ui-chkbox {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        width: 20px;
        height: 20px;
    }

        body .ui-chkbox .ui-chkbox-box {
            border: 1px solid #667db6;
            background-color: #ffffff;
            width: 20px;
            height: 20px;
            text-align: center;
            border-radius: 3px;
            transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
        }

            body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
                border-color: #212121;
            }

            body .ui-chkbox .ui-chkbox-box.ui-state-focus {
                border-color: #007ad9;
                background-color: #ffffff;
                color: #007ad9;
                box-shadow: 0 0 0 0.2em #8dcdff;
            }

            body .ui-chkbox .ui-chkbox-box.ui-state-active {
                border-color: #667db6;
                background-color: #667db6;
                color: #ffffff;
            }

                body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
                    border-color: #667db6;
                    background-color: #667db6;
                    color: #ffffff;
                }

                body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-focus {
                    border-color: #007ad9;
                    background-color: #007ad9;
                    color: #ffffff;
                }

            body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
                overflow: hidden;
                position: relative;
                font-size: 18px;
            }

    body .ui-chkbox-label {
        margin: 0 0 0 0.5em;
    }

    body .ui-radiobutton {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        width: 20px;
        height: 20px;
    }

        body .ui-radiobutton .ui-radiobutton-box {
            border: 1px solid #a6a6a6;
            background-color: #ffffff;
            width: 20px;
            height: 20px;
            text-align: center;
            position: relative;
            transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
            border-radius: 50%;
        }

            body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
                border-color: #212121;
            }

            body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
                border-color: #007ad9;
                background-color: #ffffff;
                color: #007ad9;
                box-shadow: 0 0 0 0.2em #8dcdff;
            }

            body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
                border-color: #007ad9;
                background-color: #007ad9;
                color: #ffffff;
            }

                body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
                    background-color: #ffffff;
                }

                body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover {
                    border-color: #005b9f;
                    background-color: #005b9f;
                    color: #ffffff;
                }

                body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-focus {
                    border-color: #007ad9;
                    background-color: #007ad9;
                    color: #ffffff;
                }

            body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
                background: transparent;
                width: 10px;
                height: 10px;
                display: inline-block;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -5px;
                margin-top: -5px;
                transition: background-color 0.2s;
                border-radius: 50%;
            }

                body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
                    display: none;
                }

    body .ui-radiobutton-label {
        margin: 0 0 0 0.5em;
    }

    body .ui-inputswitch {
        width: 3em;
        height: 1.75em;
    }

        body .ui-inputswitch .ui-inputswitch-slider {
            transition: background-color 0.2s;
            border-radius: 30px;
            background: #cccccc;
        }

            body .ui-inputswitch .ui-inputswitch-slider:before {
                background-color: #ffffff;
                height: 1.25em;
                width: 1.25em;
                left: 0.25em;
                bottom: 0.25em;
                border-radius: 50%;
                transition: 0.2s;
            }

        body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
            transform: translateX(1.25em);
        }

        body .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
            background: #b7b7b7;
        }

        body .ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
            background-color: #b7b7b7;
        }

        body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
            background-color: #007ad9;
        }

        body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
            background-color: #116fbf;
        }

        body .ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider {
            background: #005b9f;
        }

    body .ui-autocomplete .ui-autocomplete-input {
        padding: 0.429em;
    }

    body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
        padding: 0.2145em 0.429em;
    }

        body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
            border-color: #212121;
        }

        body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
            border-color: #007ad9;
            outline: 0 none;
            box-shadow: none;
        }

        body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
            margin: 0;
            padding: 0.2145em 0;
            color: #333333;
        }

            body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
                font-family: open sans, sans-serif;
                font-size: 14px;
                padding: 0;
                margin: 0;
            }

        body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
            font-size: 14px;
            padding: 0.2145em 0.429em;
            margin: 0 0.286em 0 0;
            background: #007ad9;
            color: #ffffff;
        }

    body .ui-autocomplete-panel {
        padding: 0;
        border: 1px solid #c8c8c8;
        background-color: #ffffff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    }

        body .ui-autocomplete-panel .ui-autocomplete-items {
            padding: 0;
        }

            body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {
                margin: 0;
                padding: 0.429em 0.857em;
                border: 0 none;
                color: #333333;
                background-color: transparent;
                border-radius: 0;
            }

                body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item.ui-state-highlight {
                    color: #ffffff;
                    background-color: #007ad9;
                }

            body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
                padding: 0.429em 0.857em;
                background-color: #d8dae2;
                color: #333333;
            }

    body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
        width: 2.357em;
    }

    body .ui-fluid .ui-autocomplete.ui-autocomplete-multiple.ui-autocomplete-dd .ui-autocomplete-multiple-container {
        border-right: 0 none;
        width: calc(100% - 2.357em);
    }

    body .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-inputtext {
        border-right: 0 none;
        width: calc(100% - 2.357em);
    }

    body .ui-chips > ul.ui-inputtext {
        padding: 0.2145em 0.429em;
        display: inline-block;
    }

        body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled):hover {
            border-color: #212121;
        }

        body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus {
            border-color: #007ad9;
            outline: 0 none;
            box-shadow: none;
        }

        body .ui-chips > ul.ui-inputtext .ui-chips-input-token {
            padding: 0.2145em 0;
        }

            body .ui-chips > ul.ui-inputtext .ui-chips-input-token input {
                font-family: open sans, sans-serif;
                font-size: 14px;
                padding: 0;
                margin: 0;
                color: #333333;
            }

                body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:hover {
                    border: 0 none;
                }

                body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:focus {
                    border: 0 none;
                }

        body .ui-chips > ul.ui-inputtext .ui-chips-token {
            font-size: 14px;
            padding: 0.2145em 0.429em;
            margin: 0 0.286em 0 0;
            background: #007ad9;
            color: #ffffff;
        }

    body .ui-dropdown,
    body .ui-select-container {
        background: #ffffff;
        border: 1px solid #a6a6a6;
        transition: border-color 0.2s;
    }

    body .ui-select-container {
        height: 36px;
    }

    body .ui-dropdown:not(.ui-state-disabled):hover {
        border-color: #212121;
    }

    body .ui-dropdown:not(.ui-state-disabled).ui-state-focus {
        border-color: #007ad9;
        outline: 0 none;
        box-shadow: none;
    }

    body .ui-dropdown .ui-dropdown-label {
        padding-right: 2em;
    }

    body .ui-dropdown .ui-dropdown-trigger {
        background-color: #ffffff;
        width: 2em;
        line-height: 2em;
        text-align: center;
        padding: 0;
        color: #848484;
    }

    body .ui-dropdown .ui-dropdown-clear-icon {
        color: #848484;
    }

    body .ui-dropdown.ui-dropdown-clearable .ui-dropdown-label {
        padding-right: 4em;
    }

    body .ui-dropdown-panel,
    body .ui-select-dropdown {
        padding: 0;
        border: 1px solid #c8c8c8;
        background-color: #ffffff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
    }

        body .ui-dropdown-panel .ui-dropdown-filter-container {
            padding: 0.429em 0.857em 0.429em 0.857em;
            border-bottom: 1px solid #eaeaea;
            color: #333333;
            background-color: #ffffff;
            margin: 0;
        }

            body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
                width: 100%;
                padding-right: 2em;
            }

            body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
                top: 50%;
                margin-top: -0.5em;
                right: 1.357em;
                color: #007ad9;
            }

        body .ui-dropdown-panel .ui-dropdown-items {
            padding: 0;
        }

            body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item,
            body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group {
                margin: 0;
                padding: 0.429em 0.857em;
                border: 0 none;
                color: #333333;
                background-color: transparent;
                border-radius: 0;
            }

                body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight,
                body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight {
                    color: #ffffff;
                    background-color: #007ad9;
                }

                body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover,
                body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group:not(.ui-state-highlight):not(.ui-state-disabled):hover {
                    color: #333333;
                    background-color: #eaeaea;
                }

    body .ui-multiselect {
        background: #ffffff;
        /* border: 1px solid  rgba(0,0,0,.15); */
        height: calc(2.25rem + 2px);
        transition: border-color 0.2s;
        /* margin-top:1px; */
    }

        body .ui-multiselect:not(.ui-state-disabled):hover {
            border-color: #667db6;
        }

        body .ui-multiselect:not(.ui-state-disabled).ui-state-focus {
            border-color: #007ad9;
            outline: 0 none;
            box-shadow: none;
        }

        body .ui-multiselect .ui-multiselect-label {
            padding: 0.429em;
            padding-right: 2em;
            font-weight: bold;
            /* color: #333333; */
            color: #667db6;
        }

        body .ui-multiselect .ui-multiselect-trigger {
            background-color: #ffffff;
            width: 2em;
            line-height: 2em;
            text-align: center;
            padding: 0;
            color: #667db6;
        }

    body .ui-multiselect-panel {
        padding: 0;
        border: 1px solid #667db6;
        background-color: #ffffff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    }

        body .ui-multiselect-panel .ui-multiselect-header {
            padding: 0.429em 0.857em 0.429em 0.857em;
            border-bottom: 1px solid #667db6;
            color: #333333;
            background-color: #ffffff;
            margin: 0;
        }

            body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container {
                float: none;
                width: 70%;
                display: inline-block;
                vertical-align: middle;
                margin-left: 0;
            }

                body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext {
                    /* padding: 0.429em;
  padding-right: 2em; */
                }

                body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
                    color: #667db6;
                    top: 50%;
                    margin-top: -0.5em;
                    right: 0.5em;
                    left: auto;
                }

            body .ui-multiselect-panel .ui-multiselect-header .ui-chkbox {
                margin-right: 0.5em;
                float: none;
                vertical-align: middle;
            }

            body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close {
                color: #667db6;
                top: 42%;
                margin-top: -0.5em;
                transition: color 0.2s;
            }

                body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
                    color: #667db6;
                }

        body .ui-multiselect-panel .ui-multiselect-items {
            padding: 0;
        }

            body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
                margin: 0;
                padding: 0.429em 0.857em;
                border: 0 none;
                color: #212129;
                background-color: transparent;
                border-radius: 0;
            }

                body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
                    color: #212129;
                    /* background-color: #667db6; */
                }

                body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
                    color: #333333;
                    background-color: #eaeaea;
                }

                body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box {
                    cursor: auto;
                }

                    body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box:hover {
                        border: 1px solid #a6a6a6;
                    }

                    body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box.ui-state-active:hover {
                        border-color: #007ad9;
                    }

                body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox {
                    position: static;
                    display: inline-block;
                    vertical-align: middle;
                    margin: 0 0.5em 0 0;
                }

                body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label {
                    display: inline-block;
                    vertical-align: middle;
                }

    body .ui-listbox {
        padding: 0;
        min-width: 12em;
        background: #ffffff;
        border: 1px solid #a6a6a6;
    }

        body .ui-listbox .ui-chkbox {
            margin: 0 0.5em 0 0;
        }

        body .ui-listbox .ui-listbox-header {
            padding: 0.429em 0.857em 0.429em 0.857em;
            border-bottom: 1px solid #eaeaea;
            color: #333333;
            background-color: #ffffff;
            margin: 0;
        }

            body .ui-listbox .ui-listbox-header .ui-listbox-filter-container {
                width: calc(100% - (0.857em + 0.857em + 0.5em));
            }

                body .ui-listbox .ui-listbox-header .ui-listbox-filter-container input {
                    padding: 0.429em;
                    padding-right: 2em;
                }

                body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
                    top: 50%;
                    left: auto;
                    margin-top: -0.5em;
                    right: 0.5em;
                    color: #007ad9;
                }

        body .ui-listbox .ui-listbox-list {
            background-color: #ffffff;
        }

            body .ui-listbox .ui-listbox-list .ui-listbox-item {
                margin: 0;
                padding: 0.429em 0.857em;
                border: 0 none;
                color: #333333;
                background-color: transparent;
                border-radius: 0;
            }

                body .ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
                    color: #ffffff;
                    background-color: #007ad9;
                }

                body .ui-listbox .ui-listbox-list .ui-listbox-item .ui-chkbox {
                    position: static;
                    display: inline-block;
                    vertical-align: middle;
                    margin: 0 0.5em 0 0;
                }

                body .ui-listbox .ui-listbox-list .ui-listbox-item label {
                    display: inline-block;
                    vertical-align: middle;
                }

        body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
            color: #333333;
            background-color: #eaeaea;
        }

        body .ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
            border: 1px solid #a6a6a6;
        }

        body .ui-listbox .ui-listbox-footer {
            padding: 0.429em 0.857em 0.429em 0.857em;
            border-top: 1px solid #eaeaea;
            color: #333333;
            background-color: #ffffff;
        }

    body .ui-editor-container .ui-editor-toolbar {
        border: 1px solid #c8c8c8;
        background-color: #f4f4f4;
    }

    body .ui-editor-container .ui-editor-content {
        border: 1px solid #c8c8c8;
    }

        body .ui-editor-container .ui-editor-content .ql-editor {
            background-color: #ffffff;
            color: #333333;
        }

    body .ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
        color: #333333;
    }

    body .ui-editor-container .ql-stroke {
        stroke: #333333;
    }

    body .ui-editor-container .ql-picker-label {
        color: #333333;
    }

    body .ui-editor-container .ql-snow.ql-toolbar button:hover,
    body .ui-editor-container .ql-snow .ql-toolbar button:hover,
    body .ui-editor-container .ql-snow.ql-toolbar button.ql-active,
    body .ui-editor-container .ql-snow .ql-toolbar button.ql-active,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
    body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
    body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
        color: #007ad9;
    }

        body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
        body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
        body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
        body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke,
        body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
        body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
        body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
        body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
        body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
        body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
        body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
        body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
        body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
        body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
        body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
        body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
        body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
        body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
        body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
        body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
        body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
        body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
        body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
        body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
            stroke: #007ad9;
        }

    body .ui-rating a {
        text-align: center;
        display: inline-block;
        color: #333333;
        transition: color 0.2s;
    }

        body .ui-rating a.ui-rating-cancel {
            color: #e4018d;
        }

        body .ui-rating a .ui-rating-icon {
            font-size: 20px;
        }

    body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:hover {
        color: #007ad9;
    }

    body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a.ui-rating-cancel:hover {
        color: #b5019f;
    }

    body .ui-spinner .ui-spinner-input {
        padding-right: 2.429em;
    }

    body .ui-spinner .ui-spinner-button {
        width: 2em;
    }

        body .ui-spinner .ui-spinner-button.ui-spinner-up {
            border-top-right-radius: 3px;
        }

        body .ui-spinner .ui-spinner-button.ui-spinner-down {
            border-bottom-right-radius: 3px;
        }

        body .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -0.5em;
            margin-left: -0.5em;
            width: 1em;
        }

    body .ui-fluid .ui-spinner .ui-spinner-input {
        padding-right: 2.429em;
    }

    body .ui-fluid .ui-spinner .ui-spinner-button {
        width: 2em;
    }

        body .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
            left: 50%;
        }

    body .ui-slider {
        background-color: #c8c8c8;
        border: 0 none;
    }

        body .ui-slider.ui-slider-horizontal {
            height: 0.286em;
        }

            body .ui-slider.ui-slider-horizontal .ui-slider-handle {
                top: 50%;
                margin-top: -0.5715em;
            }

        body .ui-slider.ui-slider-vertical {
            width: 0.286em;
        }

            body .ui-slider.ui-slider-vertical .ui-slider-handle {
                left: 50%;
                margin-left: -0.5715em;
            }

        body .ui-slider .ui-slider-handle {
            height: 1.143em;
            width: 1.143em;
            background-color: #ffffff;
            border: 2px solid #666666;
            border-radius: 100%;
            transition: border-color 0.2s;
        }

        body .ui-slider .ui-slider-range {
            background-color: #007ad9;
        }

        body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
            background-color: 2px solid #666666;
            border: 2px solid #007ad9;
        }

    body .ui-datepicker {
        padding: 0.857em;
        min-width: 20em;
        background-color: #ffffff;
        color: #212129;
        border: 1px solid #a6a6a6;
    }

        body .ui-datepicker:not(.ui-datepicker-inline) {
            border: 1px solid #667db6;
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        }

        body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover,
        body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover {
            color: #007ad9;
        }

        body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:focus,
        body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:focus {
            outline: 0 none;
            color: #007ad9;
        }

        body .ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover {
            background-color: #eaeaea;
        }

        body .ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover {
            background-color: #eaeaea;
        }

        body .ui-datepicker .ui-datepicker-header {
            padding: 0.429em 0.857em 0.429em 0.857em;
            background-color: #ffffff;
            color: #212129;
            border-radius: 0;
        }

            body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
            body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
                cursor: pointer;
                top: 0;
                color: #667db6;
                transition: color 0.2s;
            }

            body .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
                margin: 0;
                padding: 0;
                line-height: 1;
            }

                body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
                    margin-top: -0.35em;
                    margin-bottom: 0;
                    border-radius: 3px;
                    border: 1px solid #667db6;
                }

        body .ui-datepicker table {
            font-size: 13px;
            margin: 0.857em 0 0 0;
        }

            body .ui-datepicker table th {
                padding: 0.3em;
            }

            body .ui-datepicker table td {
                padding: 0.3em;
            }

                body .ui-datepicker table td > a,
                body .ui-datepicker table td > span {
                    display: block;
                    text-align: center;
                    color: #212129;
                    padding: 0.5em;
                    border-radius: 3px;
                }

                    body .ui-datepicker table td > a.ui-state-active,
                    body .ui-datepicker table td > span.ui-state-active {
                        color: #ffffff;
                        background-color: #667db6;
                    }

                body .ui-datepicker table td > a {
                    cursor: pointer;
                }

                body .ui-datepicker table td.ui-datepicker-today > a,
                body .ui-datepicker table td.ui-datepicker-today > span {
                    background-color: #d0d0d0;
                    color: #212129;
                }

                    body .ui-datepicker table td.ui-datepicker-today > a.ui-state-active,
                    body .ui-datepicker table td.ui-datepicker-today > span.ui-state-active {
                        color: #ffffff;
                        background-color: #667db6;
                    }

        body .ui-datepicker .ui-datepicker-buttonbar {
            border-top: 1px solid #667db6;
        }

        body .ui-datepicker .ui-timepicker {
            border: 0 none;
            border-top: 1px solid #667db6;
            padding: 0.857em;
        }

            body .ui-datepicker .ui-timepicker a {
                color: #333333;
                font-size: 1.286em;
            }

                body .ui-datepicker .ui-timepicker a:hover {
                    color: #007ad9;
                }

            body .ui-datepicker .ui-timepicker span {
                font-size: 1.286em;
            }

        body .ui-datepicker .ui-monthpicker .ui-monthpicker-month {
            color: #212129;
        }

            body .ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
                color: #ffffff;
                background-color: #007ad9;
            }

        body .ui-datepicker.ui-datepicker-timeonly {
            padding: 0;
        }

            body .ui-datepicker.ui-datepicker-timeonly .ui-timepicker {
                border-top: 0 none;
            }

        body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group {
            border-right: 1px solid #d8dae2;
            padding-right: 0.857em;
            padding-left: 0.857em;
            padding-top: 0;
            padding-bottom: 0;
        }

            body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:first-child {
                padding-left: 0;
            }

            body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:last-child {
                padding-right: 0;
                border-right: 0 none;
            }

    body .ui-calendar.ui-calendar-w-btn .ui-inputtext {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0 none;
    }

        body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:hover:not(.ui-state-error),
        body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:focus:not(.ui-state-error) {
            border-right: 0 none;
        }

    body .ui-float-label .ui-datepicker-trigger .pi-calendar {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -.5em;
        margin-left: -.5em;
        width: 1em;
        height: 1em;
    }

    body .ui-float-label .ui-datepicker-trigger {
        width: 2.357em;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin: 0;
        color: #ffffff;
        background-color: #667db6;
        border: 1px solid #667db6;
        font-size: 14px;
        transition: background-color 0.2s, box-shadow 0.2s;
        border-radius: 0px;
        height: 36px !important;
        display: inline-block;
        position: relative;
        text-decoration: none !important;
        text-align: center;
        zoom: 1;
        overflow: visible;
    }


    body .ui-fluid .ui-calendar.ui-calendar-w-btn input.ui-inputtext {
        width: calc(100% - 2.6em);
    }

    body .ui-fileupload .ui-fileupload-buttonbar {
        background-color: #f4f4f4;
        padding: 0.571em 1em;
        border: 1px solid #c8c8c8;
        color: #333333;
        border-bottom: 0 none;
    }

        body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
            margin-right: 8px;
        }

    body .ui-fileupload .ui-fileupload-content {
        background-color: #ffffff;
        padding: 0.571em 1em;
        border: 1px solid #c8c8c8;
        color: #333333;
    }

    body .ui-fileupload .ui-progressbar {
        top: 0;
    }

    body .ui-fileupload-choose:not(.ui-state-disabled):hover {
        background-color: #667db6;
        color: #fff;
        border-color: #667db6;
    }

.uploaded.ui-button.ui-fileupload-choose:hover {
    background-color: #f2f2f2;
    color: #000;
    border-color: #f2f2f2;
}

body .ui-fileupload-choose:not(.ui-state-disabled):active {
    background-color: #667db6;
    color: #fff;
    border-color: #667db6;
}

.uploaded.ui-button.ui-fileupload-choose:active {
    background-color: #f2f2f2;
    color: #000;
    border-color: #f2f2f2;
}

body .ui-fileupload-choose.ui-state-focus {
    outline: 0 none;
    outline-offset: 0px;
}

body .ui-password-panel {
    padding: 12px;
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

body .ui-inputgroup .ui-inputgroup-addon {
    border-color: #a6a6a6;
    background-color: #eaeaea;
    color: #848484;
    padding: 0.429em;
    min-width: 2em;
}

    body .ui-inputgroup .ui-inputgroup-addon:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    body .ui-inputgroup .ui-inputgroup-addon:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox {
        position: relative;
    }

        body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox .ui-chkbox {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -10px;
            margin-top: -10px;
        }

    body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton {
        position: relative;
    }

        body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton .ui-radiobutton {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -10px;
            margin-top: -10px;
        }

body .ui-inputgroup .ui-button:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

body .ui-inputgroup .ui-button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

body .ui-fluid .ui-inputgroup .ui-button {
    width: auto;
}

    body .ui-fluid .ui-inputgroup .ui-button.ui-button-icon-only {
        width: 2.357em;
    }

body ::-webkit-input-placeholder {
    color: #666666;
}

body :-moz-placeholder {
    color: #666666;
}

body ::-moz-placeholder {
    color: #666666;
}

body :-ms-input-placeholder {
    color: #666666;
}

body .ui-inputtext.ng-dirty.ng-invalid,
body p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,
body p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,
body p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext,
body p-chips.ng-dirty.ng-invalid > .ui-inputtext,
body p-inputmask.ng-dirty.ng-invalid > .ui-inputtext,
body p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
body p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
body p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
body p-listbox.ng-dirty.ng-invalid .ui-inputtext,
body p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,
body p-spinner.ng-dirty.ng-invalid > .ui-inputtext,
body p-selectbutton.ng-dirty.ng-invalid .ui-button,
body p-togglebutton.ng-dirty.ng-invalid .ui-button {
    border: 1px solid #a80000;
}

body .ui-button {
    margin: 0;
    color: #ffffff;
    background-color: #667db6;
    border: 1px solid #667db6;
    font-size: 14px;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.uploaded.ui-button.ui-fileupload-choose {
    margin: 0;
    color: #000;
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
    font-size: 13px;
    border-radius: 3px;
    transition: background-color 0.2s, box-shadow 0.2s;
    cursor: default;
    margin-right: 8px;
    padding: 3px 0
}

    .uploaded.ui-button.ui-fileupload-choose .pi {
        color: #fff;
        background: #667db6;
        border-radius: 3px;
        font-size: 20px;
        line-height: 20px;
        float: right;
        /*margin-top: 4px;*/
        cursor: pointer;
    }


body .ui-button:enabled:hover {
    background-color: #78b4f6b0;
    color: #ffffff;
    border-color: #78b4f6b0;
}

body .ui-button:enabled:focus {
    outline: 0 none;
    outline-offset: 0px;
    box-shadow: 0 0 0 0.2em #78b4f6b0;
}

body .ui-button:enabled:active {
    background-color: #667db6;
    color: #ffffff;
    border-color: #667db6;
}

body .ui-button.ui-button-text-only .ui-button-text {
    padding: 0.429em 1em;
}

body .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0.429em 1em 0.429em 2em;
}

body .ui-button.ui-button-text-icon-right .ui-button-text {
    padding: 0.429em 2em 0.429em 1em;
}

body .ui-button.ui-button-icon-only {
    width: 2.357em;
}

    body .ui-button.ui-button-icon-only .ui-button-text {
        padding: 0.429em;
    }

body .ui-button.ui-button-raised {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

body .ui-button.ui-button-rounded {
    border-radius: 15px;
}

body .ui-fluid .ui-button-icon-only {
    width: 2.357em;
}

body .ui-togglebutton {
    background-color: #dadada;
    border: 1px solid #dadada;
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
}

    body .ui-togglebutton .ui-button-icon-left {
        color: #666666;
    }

    body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
        background-color: #c8c8c8;
        border-color: #c8c8c8;
        color: #333333;
    }

        body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
            color: #212121;
        }

    body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
        background-color: #c8c8c8;
        border-color: #c8c8c8;
        color: #333333;
        outline: 0 none;
    }

        body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
            color: #212121;
        }

    body .ui-togglebutton.ui-state-active {
        background-color: #007ad9;
        border-color: #007ad9;
        color: #ffffff;
    }

        body .ui-togglebutton.ui-state-active .ui-button-icon-left {
            color: #ffffff;
        }

        body .ui-togglebutton.ui-state-active:hover {
            background-color: #116fbf;
            border-color: #116fbf;
            color: #ffffff;
        }

            body .ui-togglebutton.ui-state-active:hover .ui-button-icon-left {
                color: #ffffff;
            }

        body .ui-togglebutton.ui-state-active.ui-state-focus {
            background-color: #005b9f;
            border-color: #005b9f;
            color: #ffffff;
        }

            body .ui-togglebutton.ui-state-active.ui-state-focus .ui-button-icon-left {
                color: #ffffff;
            }

body .ui-selectbutton .ui-button {
    background-color: #dadada;
    border: 1px solid #dadada;
    color: #333333;
    transition: background-color 0.2s, box-shadow 0.2s;
}

    body .ui-selectbutton .ui-button .ui-button-icon-left {
        color: #666666;
    }

    body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
        background-color: #c8c8c8;
        border-color: #c8c8c8;
        color: #333333;
    }

        body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
            color: #212121;
        }

    body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
        background-color: #c8c8c8;
        border-color: #c8c8c8;
        color: #333333;
        outline: 0 none;
    }

        body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
            color: #212121;
        }

    body .ui-selectbutton .ui-button.ui-state-active {
        background-color: #007ad9;
        border-color: #007ad9;
        color: #ffffff;
    }

        body .ui-selectbutton .ui-button.ui-state-active .ui-button-icon-left {
            color: #ffffff;
        }

        body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover {
            background-color: #116fbf;
            border-color: #116fbf;
            color: #ffffff;
        }

            body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-button-icon-left {
                color: #ffffff;
            }

        body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus {
            background-color: #005b9f;
            border-color: #005b9f;
            color: #ffffff;
        }

            body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus .ui-button-icon-left {
                color: #ffffff;
            }

    body .ui-selectbutton .ui-button:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    body .ui-selectbutton .ui-button:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

@media (max-width: 640px) {
    body .ui-buttonset:not(.ui-splitbutton) .ui-button {
        margin-bottom: 1px;
        border-radius: 3px;
    }
}

body .ui-splitbutton.ui-buttonset .ui-button {
    border: 1px solid transparent;
}

body .ui-splitbutton.ui-buttonset .ui-menu {
    min-width: 100%;
}

body .ui-button.ui-state-default.ui-button-secondary,
body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
    color: #333333;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
}

    body .ui-button.ui-state-default.ui-button-secondary:enabled:hover,
    body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover {
        background-color: #c8c8c8;
        color: #333333;
        border-color: #c8c8c8;
    }

    body .ui-button.ui-state-default.ui-button-secondary:enabled:focus,
    body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
        box-shadow: 0 0 0 0.2em #8dcdff;
    }

    body .ui-button.ui-state-default.ui-button-secondary:enabled:active,
    body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:active {
        background-color: #a0a0a0;
        color: #333333;
        border-color: #a0a0a0;
    }

body .ui-button.ui-state-default.ui-button-info,
body .ui-buttonset.ui-button-info > .ui-button.ui-state-default {
    color: #ffffff;
    background-color: #007ad9;
    border: 1px solid #007ad9;
}

    body .ui-button.ui-state-default.ui-button-info:enabled:hover,
    body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover {
        background-color: #116fbf;
        color: #ffffff;
        border-color: #116fbf;
    }

    body .ui-button.ui-state-default.ui-button-info:enabled:focus,
    body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus {
        box-shadow: 0 0 0 0.2em #8dcdff;
    }

    body .ui-button.ui-state-default.ui-button-info:enabled:active,
    body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:active {
        background-color: #005b9f;
        color: #ffffff;
        border-color: #005b9f;
    }

body .ui-button.ui-state-default.ui-button-success,
body .ui-buttonset.ui-button-success > .ui-button.ui-state-default {
    color: #ffffff;
    background-color: #34A835;
    border: 1px solid #34A835;
}

    body .ui-button.ui-state-default.ui-button-success:enabled:hover,
    body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover {
        background-color: #107D11;
        color: #ffffff;
        border-color: #107D11;
    }

    body .ui-button.ui-state-default.ui-button-success:enabled:focus,
    body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus {
        box-shadow: 0 0 0 0.2em #aae5aa;
    }

    body .ui-button.ui-state-default.ui-button-success:enabled:active,
    body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:active {
        background-color: #0C6B0D;
        color: #ffffff;
        border-color: #0C6B0D;
    }

body .ui-button.ui-state-default.ui-button-warning,
body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
    color: #333333;
    background-color: #ffba01;
    border: 1px solid #ffba01;
}

    body .ui-button.ui-state-default.ui-button-warning:enabled:hover,
    body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover {
        background-color: #ED990B;
        color: #333333;
        border-color: #ED990B;
    }

    body .ui-button.ui-state-default.ui-button-warning:enabled:focus,
    body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus {
        box-shadow: 0 0 0 0.2em #ffeab4;
    }

    body .ui-button.ui-state-default.ui-button-warning:enabled:active,
    body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:active {
        background-color: #D38B10;
        color: #333333;
        border-color: #D38B10;
    }

body .ui-button.ui-state-default.ui-button-danger,
body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
    color: #ffffff;
    background-color: #e91224;
    border: 1px solid #e91224;
}

    body .ui-button.ui-state-default.ui-button-danger:enabled:hover,
    body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover {
        background-color: #c01120;
        color: #ffffff;
        border-color: #c01120;
    }

    body .ui-button.ui-state-default.ui-button-danger:enabled:focus,
    body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus {
        box-shadow: 0 0 0 0.2em #f9b4ba;
    }

    body .ui-button.ui-state-default.ui-button-danger:enabled:active,
    body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:active {
        background-color: #a90000;
        color: #ffffff;
        border-color: #a90000;
    }

body .ui-widget-content p {
    line-height: 1.5;
    margin: 0;
}

body .ui-panel {
    padding: 0;
    border: 0 none;
}

    body .ui-panel .ui-panel-titlebar {
        border: 1px solid #c8c8c8;
        padding: 0.571em 1em;
        background-color: #f4f4f4;
        color: #333333;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

        body .ui-panel .ui-panel-titlebar .ui-panel-title {
            vertical-align: middle;
            font-weight: 700;
        }

        body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
            margin: 0;
            position: relative;
            font-size: 14px;
            color: #848484;
            border: 1px solid transparent;
            transition: color 0.2s;
        }

            body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
                color: #333333;
            }

    body .ui-panel .ui-panel-content {
        padding: 0.571em 1em;
        border: 1px solid #c8c8c8;
        background-color: #ffffff;
        color: #333333;
        padding: 0.571em 1em;
        border-top: 0 none;
    }

    body .ui-panel .ui-panel-footer {
        padding: 0.571em 1em;
        border: 1px solid #c8c8c8;
        background-color: #ffffff;
        color: #333333;
        border-top: 0 none;
        margin: 0;
    }

body .ui-fieldset {
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
}

    body .ui-fieldset .ui-fieldset-legend a {
        padding: 0.571em 1em;
        border: 1px solid #c8c8c8;
        color: #333333;
        background-color: #f4f4f4;
        border-radius: 3px;
        transition: background-color 0.2s;
    }

        body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-toggler {
            float: none;
            display: inline-block;
            vertical-align: middle;
            margin-right: 0.5em;
            color: #848484;
        }

        body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-legend-text {
            padding: 0;
        }

    body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover {
        background-color: #dbdbdb;
        border: 1px solid #dbdbdb;
        color: #333333;
    }

        body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover .ui-fieldset-toggler {
            color: #333333;
        }

    body .ui-fieldset .ui-fieldset-content {
        padding: 0;
    }

body .ui-accordion .ui-accordion-header {
    margin-bottom: 2px;
}

    body .ui-accordion .ui-accordion-header a {
        padding: 0.571em 1em;
        border: 1px solid #c8c8c8;
        color: #333333;
        background-color: #f4f4f4;
        color: #333333;
        font-weight: 700;
        transition: background-color 0.2s;
    }

        body .ui-accordion .ui-accordion-header a .ui-accordion-toggle-icon {
            color: #848484;
        }

    body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a {
        background-color: #dbdbdb;
        border: 1px solid #dbdbdb;
        color: #333333;
    }

        body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a .ui-accordion-toggle-icon {
            color: #333333;
        }

    body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a {
        background-color: #007ad9;
        border: 1px solid #007ad9;
        color: #ffffff;
    }

        body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a .ui-accordion-toggle-icon {
            color: #ffffff;
        }

    body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a {
        border: 1px solid #005b9f;
        background-color: #005b9f;
        color: #ffffff;
    }

        body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a .ui-accordion-toggle-icon {
            color: #ffffff;
        }

body .ui-accordion .ui-accordion-content {
    padding: 0.571em 1em;
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
    padding: 0.571em 1em;
}

body .ui-tabview.ui-tabview-top,
body .ui-tabview.ui-tabview-bottom,
body .ui-tabview.ui-tabview-left,
body .ui-tabview.ui-tabview-right {
    border: 0 none;
}

    body .ui-tabview.ui-tabview-top .ui-tabview-nav,
    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav,
    body .ui-tabview.ui-tabview-left .ui-tabview-nav,
    body .ui-tabview.ui-tabview-right .ui-tabview-nav {
        padding: 0;
        background: transparent;
        border: 0 none;
    }

        body .ui-tabview.ui-tabview-top .ui-tabview-nav li,
        body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li,
        body .ui-tabview.ui-tabview-left .ui-tabview-nav li,
        body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
            border: 1px solid #c8c8c8;
            background-color: #f4f4f4;
            transition: background-color 0.2s;
        }

            body .ui-tabview.ui-tabview-top .ui-tabview-nav li a,
            body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a,
            body .ui-tabview.ui-tabview-left .ui-tabview-nav li a,
            body .ui-tabview.ui-tabview-right .ui-tabview-nav li a {
                float: none;
                display: inline-block;
                color: #333333;
                padding: 0.571em 1em;
                font-weight: 700;
            }

                body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-left-icon,
                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-left-icon,
                body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-left-icon,
                body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-left-icon {
                    margin-right: 0.5em;
                }

                body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-right-icon,
                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-right-icon,
                body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-right-icon,
                body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-right-icon {
                    margin-left: 0.5em;
                }

            body .ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-tabview-close,
            body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-tabview-close,
            body .ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-tabview-close,
            body .ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-tabview-close {
                color: #848484;
                margin: 0 0.5em 0 0;
                vertical-align: middle;
            }

            body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
            body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
            body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
            body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
                background-color: #dbdbdb;
                border: 1px solid #dbdbdb;
            }

                body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
                body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
                body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
                    color: #333333;
                }

                body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
                body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
                body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close {
                    color: #333333;
                }

            body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active,
            body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active,
            body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active,
            body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {
                background-color: #007ad9;
                border: 1px solid #007ad9;
            }

                body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a,
                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a,
                body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a,
                body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a {
                    color: #ffffff;
                }

                body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active .ui-tabview-close,
                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active .ui-tabview-close,
                body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active .ui-tabview-close,
                body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active .ui-tabview-close {
                    color: #ffffff;
                }

                body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover,
                body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover,
                body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover,
                body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover {
                    border: 1px solid #005b9f;
                    background-color: #005b9f;
                }

                    body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a,
                    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a,
                    body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a,
                    body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a {
                        color: #ffffff;
                    }

                        body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
                        body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
                        body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
                        body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
                        body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
                        body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
                        body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
                        body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon {
                            color: #ffffff;
                        }

            body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-tabview-selected a,
            body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-tabview-selected a,
            body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-tabview-selected a,
            body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-tabview-selected a {
                cursor: pointer;
            }

    body .ui-tabview.ui-tabview-top .ui-tabview-nav {
        margin-bottom: -1px;
    }

        body .ui-tabview.ui-tabview-top .ui-tabview-nav li {
            margin-right: 2px;
        }

    body .ui-tabview.ui-tabview-bottom .ui-tabview-nav {
        margin-top: -1px;
    }

        body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li {
            margin-right: 2px;
        }

    body .ui-tabview.ui-tabview-left .ui-tabview-nav {
        margin-right: -px;
    }

        body .ui-tabview.ui-tabview-left .ui-tabview-nav li {
            margin-bottom: 2px;
        }

    body .ui-tabview.ui-tabview-right .ui-tabview-nav {
        margin-right: -1px;
    }

        body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
            margin-bottom: 2px;
        }

body .ui-tabview .ui-tabview-panels {
    background-color: #ffffff;
    padding: 0.571em 1em;
    border: 1px solid #c8c8c8;
    color: #333333;
}

    body .ui-tabview .ui-tabview-panels .ui-tabview-panel {
        padding: 0;
    }

body .ui-toolbar {
    background-color: #f4f4f4;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
}

    body .ui-toolbar button {
        vertical-align: middle;
    }

    body .ui-toolbar .ui-toolbar-separator {
        vertical-align: middle;
        color: #848484;
        margin: 0 0.5em;
    }

body .ui-card {
    background-color: #ffffff;
    color: #333333;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

body .ui-paginator {
    background-color: #f4f4f4;
    border: 1px solid #c8c8c8;
    padding: 0;
}

    body .ui-paginator .ui-paginator-first,
    body .ui-paginator .ui-paginator-prev,
    body .ui-paginator .ui-paginator-next,
    body .ui-paginator .ui-paginator-last {
        color: #848484;
        height: 2.286em;
        min-width: 2.286em;
        border: 0 none;
        line-height: 2.286em;
        padding: 0;
        margin: 0;
        vertical-align: top;
        border-radius: 0;
    }

        body .ui-paginator .ui-paginator-first:not(.ui-state-disabled):not(.ui-state-active):hover,
        body .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):not(.ui-state-active):hover,
        body .ui-paginator .ui-paginator-next:not(.ui-state-disabled):not(.ui-state-active):hover,
        body .ui-paginator .ui-paginator-last:not(.ui-state-disabled):not(.ui-state-active):hover {
            background-color: #e0e0e0;
            color: #333333;
        }

    body .ui-paginator .ui-paginator-current {
        color: #848484;
        height: 2.286em;
        min-width: 2.286em;
        line-height: 2.286em;
    }

    body .ui-paginator .ui-dropdown {
        border: 0 none;
    }

        body .ui-paginator .ui-dropdown .ui-dropdown-trigger,
        body .ui-paginator .ui-dropdown .ui-dropdown-label {
            color: #848484;
        }

        body .ui-paginator .ui-dropdown:hover .ui-dropdown-trigger,
        body .ui-paginator .ui-dropdown:hover .ui-dropdown-label {
            color: #333333;
        }

    body .ui-paginator .ui-paginator-first:before {
        position: relative;
        top: 1px;
    }

    body .ui-paginator .ui-paginator-prev:before {
        position: relative;
    }

    body .ui-paginator .ui-paginator-next:before {
        position: relative;
        top: 1px;
    }

    body .ui-paginator .ui-paginator-last:before {
        position: relative;
        top: 1px;
    }

    body .ui-paginator .ui-paginator-pages {
        vertical-align: top;
        display: inline-block;
        padding: 0;
    }

        body .ui-paginator .ui-paginator-pages .ui-paginator-page {
            color: #848484;
            height: 2.286em;
            min-width: 2.286em;
            border: 0 none;
            line-height: 2.286em;
            padding: 0;
            margin: 0;
            vertical-align: top;
            border-radius: 0;
        }

            body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
                background-color: #007ad9;
                color: #ffffff;
            }

            body .ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover {
                background-color: #e0e0e0;
                color: #333333;
            }

    body .ui-paginator .ui-dropdown {
        margin-left: 0.5em;
        height: 2.286em;
        min-width: auto;
    }

body .ui-table .ui-table-caption,
body .ui-table .ui-table-summary {
    background-color: #f4f4f4;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    text-align: center;
}

body .ui-table .ui-table-caption {
    border-bottom: 0 none;
    font-weight: 700;
}

body .ui-table .ui-table-summary {
    border-top: 0 none;
    font-weight: 700;
}

body .ui-table .ui-table-thead > tr > th {
    padding: 0.571em 0.857em;
    border: 1px solid #c8c8c8;
    font-weight: 700;
    color: #333333;
    background-color: #f4f4f4;
}

body .ui-table .ui-table-tbody > tr > td {
    padding: 0.571em 0.857em;
}

body .ui-table .ui-table-tfoot > tr > td {
    padding: 0.571em 0.857em;
    border: 1px solid #c8c8c8;
    font-weight: 700;
    color: #333333;
    background-color: #ffffff;
}

body .ui-table .ui-sortable-column .ui-sortable-column-icon {
    color: #848484;
}

body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
    background-color: #e0e0e0;
    color: #333333;
}

    body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
        color: #333333;
    }

body .ui-table .ui-sortable-column.ui-state-highlight {
    background-color: #007ad9;
    color: #ffffff;
}

    body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
        color: #ffffff;
    }

body .ui-table .ui-editable-column input {
    font-size: 14px;
    font-family: open sans, sans-serif;
}

    body .ui-table .ui-editable-column input:focus {
        outline: 1px solid #007ad9;
        outline-offset: 2px;
    }

body .ui-table .ui-table-tbody > tr {
    background-color: #ffffff;
    color: #333333;
}

    body .ui-table .ui-table-tbody > tr > td {
        background-color: inherit;
        border: 1px solid #c8c8c8;
    }

    body .ui-table .ui-table-tbody > tr.ui-state-highlight {
        background-color: #007ad9;
        color: #ffffff;
    }

        body .ui-table .ui-table-tbody > tr.ui-state-highlight a {
            color: #ffffff;
        }

    body .ui-table .ui-table-tbody > tr.ui-contextmenu-selected {
        background-color: #007ad9;
        color: #ffffff;
    }

    body .ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td {
        box-shadow: inset 0 -2px 0 0 #007ad9;
    }

    body .ui-table .ui-table-tbody > tr:nth-child(even) {
        background-color: #f9f9f9;
    }

        body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
            background-color: #007ad9;
            color: #ffffff;
        }

            body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight a {
                color: #ffffff;
            }

        body .ui-table .ui-table-tbody > tr:nth-child(even).ui-contextmenu-selected {
            background-color: #007ad9;
            color: #ffffff;
        }

body .ui-table.ui-table-hoverable-rows .ui-table-tbody > tr.ui-selectable-row:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
    cursor: pointer;
    background-color: #eaeaea;
    color: #333333;
}

body .ui-table .ui-column-resizer-helper {
    background-color: #007ad9;
}

@media screen and (max-width: 40em) {
    body .ui-table.ui-table-responsive .ui-paginator-top {
        border-bottom: 1px solid #c8c8c8;
    }

    body .ui-table.ui-table-responsive .ui-paginator-bottom {
        border-top: 1px solid #c8c8c8;
    }

    body .ui-table.ui-table-responsive .ui-table-tbody > tr > td {
        border: 0 none;
    }
}

body .ui-datagrid .ui-datagrid-header {
    background-color: #f4f4f4;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
}

body .ui-datagrid .ui-datagrid-content {
    padding: 0.571em 1em;
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
    padding: 0.571em 1em;
}

body .ui-datagrid .ui-datagrid-footer {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    border-top: 0 none;
}

body .ui-datalist .ui-datalist-header {
    background-color: #f4f4f4;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
}

body .ui-datalist .ui-datalist-content {
    padding: 0.571em 1em;
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
    padding: 0.571em 1em;
}

body .ui-datalist .ui-datalist-footer {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    border-top: 0 none;
}

body .ui-datascroller .ui-datascroller-header {
    background-color: #f4f4f4;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
}

body .ui-datascroller .ui-datascroller-content {
    padding: 0.571em 1em;
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
    padding: 0.571em 1em;
}

body .ui-datascroller .ui-datascroller-footer {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    border-top: 0 none;
}

body .ui-virtualscroller .ui-virtualscroller-header {
    background-color: #f4f4f4;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
}

body .ui-virtualscroller .ui-virtualscroller-content {
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
}

    body .ui-virtualscroller .ui-virtualscroller-content .ui-virtualscroller-list li {
        border-bottom: 1px solid #c8c8c8;
    }

body .ui-virtualscroller .ui-virtualscroller-footer {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    border-top: 0 none;
}

body .ui-dataview .ui-dataview-header {
    background-color: #f4f4f4;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
}

body .ui-dataview .ui-dataview-content {
    padding: 0.571em 1em;
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
    padding: 0.571em 1em;
}

body .ui-dataview .ui-dataview-footer {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    border-top: 0 none;
}

body .fc th {
    background-color: #f4f4f4;
    border: 1px solid #c8c8c8;
    color: #333333;
    padding: 0.571em 1em;
}

body .fc td.ui-widget-content {
    background-color: #ffffff;
    border: 1px solid #c8c8c8;
    color: #333333;
}

body .fc td.fc-head-container {
    border: 1px solid #c8c8c8;
}

body .fc .fc-row {
    border-right: 1px solid #c8c8c8;
}

body .fc .fc-event {
    background-color: #116fbf;
    border: 1px solid #116fbf;
    color: #ffffff;
}

body .fc .fc-toolbar .fc-button {
    color: #ffffff;
    background-color: #007ad9;
    border: 1px solid #007ad9;
    font-size: 14px;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
}

    body .fc .fc-toolbar .fc-button:enabled:hover {
        background-color: #116fbf;
        color: #ffffff;
        border-color: #116fbf;
    }

    body .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
        font-family: "PrimeIcons" !important;
        text-indent: 0;
    }

        body .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
            content: "";
        }

    body .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
        font-family: "PrimeIcons" !important;
        text-indent: 0;
    }

        body .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
            content: "";
        }

    body .fc .fc-toolbar .fc-button:focus {
        outline: 0 none;
        outline-offset: 0px;
        box-shadow: 0 0 0 0.2em #8dcdff;
    }

body .fc .fc-toolbar .fc-button-group .fc-button {
    border-radius: 0;
}

    body .fc .fc-toolbar .fc-button-group .fc-button:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    body .fc .fc-toolbar .fc-button-group .fc-button:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

body .fc .fc-divider {
    background-color: #f4f4f4;
    border: 1px solid #c8c8c8;
}

body .ui-fluid .fc .fc-toolbar .fc-button {
    width: auto;
}

body .ui-picklist .ui-picklist-buttons button {
    font-size: 16px;
}

body .ui-picklist .ui-picklist-caption {
    background-color: #f4f4f4;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

body .ui-picklist .ui-picklist-filter-container {
    padding: 0.429em 0.857em 0.429em 0.857em;
    border: 1px solid #c8c8c8;
    color: #333333;
    background-color: #ffffff;
    margin: 0;
    border-bottom: 0 none;
}

    body .ui-picklist .ui-picklist-filter-container input.ui-picklist-filter {
        width: 100%;
        padding-right: 2em;
        text-indent: 0;
    }

    body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
        top: 50%;
        margin-top: -0.5em;
        left: auto;
        right: 1.357em;
        color: #007ad9;
    }

body .ui-picklist .ui-picklist-buttons {
    padding: 0.571em 1em;
}

body .ui-picklist .ui-picklist-list {
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
    padding: 0;
}

    body .ui-picklist .ui-picklist-list .ui-picklist-item {
        padding: 0.429em 0.857em;
        margin: 0;
        border: 0 none;
        color: #333333;
        background-color: transparent;
    }

        body .ui-picklist .ui-picklist-list .ui-picklist-item:not(.ui-state-highlight):hover {
            background-color: #eaeaea;
            color: #333333;
        }

        body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
            background-color: #007ad9;
            color: #ffffff;
        }

    body .ui-picklist .ui-picklist-list .ui-picklist-droppoint-highlight {
        background-color: #007ad9;
    }

@media (max-width: 40em) {
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
        padding: 0.571em 1em;
    }
}

body .ui-orderlist .ui-orderlist-controls {
    padding: 0.571em 1em;
}

    body .ui-orderlist .ui-orderlist-controls button {
        font-size: 16px;
    }

body .ui-orderlist .ui-orderlist-caption {
    background-color: #f4f4f4;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

body .ui-orderlist .ui-orderlist-filter-container {
    padding: 0.429em 0.857em 0.429em 0.857em;
    border: 1px solid #c8c8c8;
    color: #333333;
    background-color: #ffffff;
    margin: 0;
    border-bottom: 0 none;
}

    body .ui-orderlist .ui-orderlist-filter-container input.ui-inputtext {
        width: 100%;
        padding-right: 2em;
        text-indent: 0;
    }

    body .ui-orderlist .ui-orderlist-filter-container .ui-orderlist-filter-icon {
        top: 50%;
        margin-top: -0.5em;
        left: auto;
        right: 1.357em;
        color: #007ad9;
    }

body .ui-orderlist .ui-orderlist-list {
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
    padding: 0;
}

    body .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
        padding: 0.429em 0.857em;
        margin: 0;
        border: 0 none;
        color: #333333;
        background-color: transparent;
    }

        body .ui-orderlist .ui-orderlist-list .ui-orderlist-item:not(.ui-state-highlight):hover {
            background-color: #eaeaea;
            color: #333333;
        }

        body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
            background-color: #007ad9;
            color: #ffffff;
        }

    body .ui-orderlist .ui-orderlist-list .ui-orderlist-droppoint-highlight {
        background-color: #007ad9;
    }

body .ui-tree {
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
    padding: 0.571em 1em;
}

    body .ui-tree .ui-tree-container {
        padding: 0.286em;
        margin: 0;
    }

        body .ui-tree .ui-tree-container .ui-treenode {
            padding: 0.143em 0;
        }

            body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
                padding: 0;
                border: 1px solid transparent;
            }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
                    vertical-align: middle;
                    display: inline-block;
                    float: none;
                    margin: 0 0.143em 0 0;
                    color: #848484;
                }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
                    vertical-align: middle;
                    display: inline-block;
                    margin: 0 0.143em 0 0;
                    color: #848484;
                }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
                    margin: 0;
                    vertical-align: middle;
                    display: inline-block;
                    padding: 0.286em;
                }

                    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
                        background-color: #007ad9;
                        color: #ffffff;
                    }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
                    margin: 0 0.5em 0 0;
                }

                    body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-chkbox-icon {
                        margin: 1px 0 0 0;
                    }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
                    background-color: #eaeaea;
                    color: #333333;
                }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content > span {
                    line-height: inherit;
                }

                body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-dragover {
                    background-color: #eaeaea;
                    color: #333333;
                }

        body .ui-tree .ui-tree-container .ui-treenode-droppoint.ui-treenode-droppoint-active {
            background-color: #007ad9;
        }

    body .ui-tree.ui-tree-horizontal {
        padding-left: 0;
        padding-right: 0;
    }

        body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content {
            border: 1px solid #c8c8c8;
            background-color: #ffffff;
            color: #333333;
            padding: 0.571em 1em;
        }

            body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-state-highlight {
                background-color: #007ad9;
                color: #ffffff;
            }

            body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon {
                color: #007ad9;
            }

            body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-treenode-label:not(.ui-state-highlight):hover {
                background-color: inherit;
                color: inherit;
            }

            body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
                background-color: #eaeaea;
                color: #333333;
            }

    body .ui-tree .ui-tree-filter-container .ui-tree-filter {
        width: 100%;
        padding-right: 2em;
    }

    body .ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
        top: 50%;
        left: auto;
        margin-top: -0.5em;
        right: 0.8em;
        color: #007ad9;
    }

body .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
    background-color: #eaeaea;
    color: #333333;
}

body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight {
    background-color: #007ad9;
    color: #ffffff;
}

    body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight .ui-node-toggler i {
        color: #00325a;
    }

body .ui-organizationchart .ui-organizationchart-line-down {
    background-color: #c8c8c8;
}

body .ui-organizationchart .ui-organizationchart-line-left {
    border-right: 1px solid #c8c8c8;
    border-color: #c8c8c8;
}

body .ui-organizationchart .ui-organizationchart-line-top {
    border-top: 1px solid #c8c8c8;
    border-color: #c8c8c8;
}

body .ui-organizationchart .ui-organizationchart-node-content {
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
    color: #333333;
    padding: 0.571em 1em;
}

    body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
        bottom: -0.7em;
        margin-left: -0.46em;
        color: #848484;
    }

body .ui-carousel {
    padding: 0;
}

    body .ui-carousel .ui-carousel-header {
        background-color: #f4f4f4;
        color: #333333;
        padding: 0.571em 1em;
        border: 1px solid #c8c8c8;
        margin: 0;
        font-weight: 700;
    }

        body .ui-carousel .ui-carousel-header .ui-carousel-header-title {
            padding: 0;
        }

    body .ui-carousel .ui-carousel-viewport {
        border: 1px solid #c8c8c8;
        background-color: #ffffff;
        color: #333333;
        padding: 0;
    }

        body .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
            border: 1px solid #c8c8c8;
        }

    body .ui-carousel .ui-carousel-footer {
        background-color: #f4f4f4;
        color: #333333;
        padding: 0.571em 1em;
        border: 1px solid #c8c8c8;
        margin: 0;
    }

    body .ui-carousel .ui-carousel-button {
        color: #848484;
        transition: color 0.2s;
    }

        body .ui-carousel .ui-carousel-button.ui-carousel-next-button:before {
            content: "";
        }

        body .ui-carousel .ui-carousel-button.ui-carousel-prev-button:before {
            content: "";
        }

        body .ui-carousel .ui-carousel-button:not(.ui-state-disabled):hover {
            color: #333333;
        }

    body .ui-carousel .ui-carousel-page-links {
        margin: 0.125em 0.5em;
    }

        body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link {
            color: #848484;
            transition: color 0.2s;
        }

            body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link:hover {
                color: #333333;
            }

body .ui-treetable .ui-treetable-caption,
body .ui-treetable .ui-treetable-summary {
    background-color: #f4f4f4;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
    text-align: center;
}

body .ui-treetable .ui-treetable-caption {
    border-bottom: 0 none;
    font-weight: 700;
}

body .ui-treetable .ui-treetable-summary {
    border-top: 0 none;
    font-weight: 700;
}

body .ui-treetable .ui-treetable-thead > tr > th {
    padding: 0.571em 0.857em;
    border: 1px solid #c8c8c8;
    font-weight: 700;
    color: #333333;
    background-color: #f4f4f4;
}

body .ui-treetable .ui-treetable-tbody > tr > td {
    padding: 0.571em 0.857em;
}

body .ui-treetable .ui-treetable-tfoot > tr > td {
    padding: 0.571em 0.857em;
    border: 1px solid #c8c8c8;
    font-weight: 700;
    color: #333333;
    background-color: #ffffff;
}

body .ui-treetable .ui-sortable-column .ui-sortable-column-icon {
    color: #848484;
}

body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
    background-color: #e0e0e0;
    color: #333333;
}

    body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
        color: #333333;
    }

body .ui-treetable .ui-sortable-column.ui-state-highlight {
    background-color: #007ad9;
    color: #ffffff;
}

    body .ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
        color: #ffffff;
    }

body .ui-treetable .ui-editable-column input {
    font-size: 14px;
    font-family: open sans, sans-serif;
}

    body .ui-treetable .ui-editable-column input:focus {
        outline: 1px solid #007ad9;
        outline-offset: 2px;
    }

body .ui-treetable .ui-treetable-tbody > tr {
    background-color: #ffffff;
    color: #333333;
}

    body .ui-treetable .ui-treetable-tbody > tr > td {
        background-color: inherit;
        border: 1px solid #c8c8c8;
    }

        body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler {
            color: #848484;
            vertical-align: middle;
        }

        body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-chkbox {
            vertical-align: middle;
            margin-right: 0.5em;
        }

    body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight {
        background-color: #007ad9;
        color: #ffffff;
    }

        body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td {
            background-color: inherit;
            border: 1px solid #c8c8c8;
        }

            body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td .ui-treetable-toggler {
                color: #ffffff;
            }

    body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected {
        background-color: #007ad9;
        color: #ffffff;
    }

        body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td {
            background-color: inherit;
            border: 1px solid #c8c8c8;
        }

            body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td .ui-treetable-toggler {
                color: #ffffff;
            }

body .ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
    cursor: pointer;
    background-color: #eaeaea;
    color: #333333;
}

body .ui-treetable .ui-column-resizer-helper {
    background-color: #007ad9;
}

body .ui-messages {
    padding: 1em;
    margin: 1em 0;
}

    body .ui-messages.ui-messages-info {
        background-color: #7fbcec;
        border: 0 none;
        color: #212121;
    }

        body .ui-messages.ui-messages-info .ui-messages-icon {
            color: #212121;
        }

        body .ui-messages.ui-messages-info .ui-messages-close {
            color: #212121;
        }

    body .ui-messages.ui-messages-success {
        background-color: #b7d8b7;
        border: 0 none;
        color: #212121;
    }

        body .ui-messages.ui-messages-success .ui-messages-icon {
            color: #212121;
        }

        body .ui-messages.ui-messages-success .ui-messages-close {
            color: #212121;
        }

    body .ui-messages.ui-messages-warn {
        background-color: #ffe399;
        border: 0 none;
        color: #212121;
    }

        body .ui-messages.ui-messages-warn .ui-messages-icon {
            color: #212121;
        }

        body .ui-messages.ui-messages-warn .ui-messages-close {
            color: #212121;
        }

    body .ui-messages.ui-messages-error {
        background-color: #f8b7bd;
        border: 0 none;
        color: #212121;
    }

        body .ui-messages.ui-messages-error .ui-messages-icon {
            color: #212121;
        }

        body .ui-messages.ui-messages-error .ui-messages-close {
            color: #212121;
        }

    body .ui-messages .ui-messages-close {
        top: 0.25em;
        right: 0.5em;
        font-size: 1.5em;
    }

    body .ui-messages .ui-messages-icon {
        font-size: 2em;
    }

body .ui-message {
    padding: 0.429em;
    margin: 0;
}

    body .ui-message.ui-message-info {
        background-color: #7fbcec;
        border: 0 none;
        color: #212121;
    }

        body .ui-message.ui-message-info .ui-message-icon {
            color: #212121;
        }

    body .ui-message.ui-message-success {
        background-color: #b7d8b7;
        border: 0 none;
        color: #212121;
    }

        body .ui-message.ui-message-success .ui-message-icon {
            color: #212121;
        }

    body .ui-message.ui-message-warn {
        background-color: #ffe399;
        border: 0 none;
        color: #212121;
    }

        body .ui-message.ui-message-warn .ui-message-icon {
            color: #212121;
        }

    body .ui-message.ui-message-error {
        background-color: #f8b7bd;
        border: 0 none;
        color: #212121;
    }

        body .ui-message.ui-message-error .ui-message-icon {
            color: #212121;
        }

    body .ui-message .ui-message-icon {
        font-size: 1.25em;
    }

    body .ui-message .ui-message-text {
        font-size: 1em;
    }

body .ui-growl {
    top: 70px;
}

    body .ui-growl .ui-growl-item-container {
        margin: 0 0 1em 0;
        opacity: 0.9;
        filter: alpha(opacity=90);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    }

        body .ui-growl .ui-growl-item-container .ui-growl-item {
            padding: 1em;
        }

            body .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message {
                margin: 0 0 0 4em;
            }

            body .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image {
                font-size: 2.571em;
            }

        body .ui-growl .ui-growl-item-container.ui-growl-message-info {
            background-color: #7fbcec;
            border: 0 none;
            color: #212121;
        }

            body .ui-growl .ui-growl-item-container.ui-growl-message-info .ui-growl-image {
                color: #212121;
            }

        body .ui-growl .ui-growl-item-container.ui-growl-message-success {
            background-color: #b7d8b7;
            border: 0 none;
            color: #212121;
        }

            body .ui-growl .ui-growl-item-container.ui-growl-message-success .ui-growl-image {
                color: #212121;
            }

        body .ui-growl .ui-growl-item-container.ui-growl-message-warn {
            background-color: #ffe399;
            border: 0 none;
            color: #212121;
        }

            body .ui-growl .ui-growl-item-container.ui-growl-message-warn .ui-growl-image {
                color: #212121;
            }

        body .ui-growl .ui-growl-item-container.ui-growl-message-error {
            background-color: #f8b7bd;
            border: 0 none;
            color: #212121;
        }

            body .ui-growl .ui-growl-item-container.ui-growl-message-error .ui-growl-image {
                color: #212121;
            }

body .ui-toast .ui-toast-message {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    margin: 0 0 1em 0;
}

    body .ui-toast .ui-toast-message.ui-toast-message-info {
        background-color: #7fbcec;
        border: 0 none;
        color: #212121;
    }

        body .ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-close-icon {
            color: #212121;
        }

    body .ui-toast .ui-toast-message.ui-toast-message-success {
        background-color: #b7d8b7;
        border: 0 none;
        color: #212121;
    }

        body .ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-close-icon {
            color: #212121;
        }

    body .ui-toast .ui-toast-message.ui-toast-message-warn {
        background-color: #ffe399;
        border: 0 none;
        color: #212121;
    }

        body .ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-close-icon {
            color: #212121;
        }

    body .ui-toast .ui-toast-message.ui-toast-message-error {
        background-color: #f8b7bd;
        border: 0 none;
        color: #212121;
    }

        body .ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-close-icon {
            color: #212121;
        }

body .ui-widget-overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

body .ui-overlaypanel {
    background-color: #ffffff;
    color: #333333;
    padding: 0;
    border: 1px solid #c8c8c8;
    border-radius: 0;
}

    body .ui-overlaypanel .ui-overlaypanel-content {
        padding: 0.571em 1em;
    }

    body .ui-overlaypanel .ui-overlaypanel-close {
        background-color: #007ad9;
        color: #ffffff;
        width: 1.538em;
        height: 1.538em;
        line-height: 1.538em;
        text-align: center;
        position: absolute;
        top: -0.769em;
        right: -0.769em;
        transition: background-color 0.2s;
    }

        body .ui-overlaypanel .ui-overlaypanel-close:hover {
            background-color: #005b9f;
            color: #ffffff;
        }

        body .ui-overlaypanel .ui-overlaypanel-close .ui-overlaypanel-close-icon {
            line-height: inherit;
        }

    body .ui-overlaypanel:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
    }

    body .ui-overlaypanel:before {
        border-color: rgba(200, 200, 200, 0);
        border-bottom-color: #c8c8c8;
    }

    body .ui-overlaypanel.ui-overlaypanel-flipped:after {
        border-top-color: #ffffff;
    }

    body .ui-overlaypanel.ui-overlaypanel-flipped:before {
        border-top-color: #c8c8c8;
    }

body .ui-dialog {
    padding: 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

    body .ui-dialog .ui-dialog-titlebar {
        border: 1px solid #c8c8c8;
        background-color: #f4f4f4;
        color: #333333;
        padding: 1em;
        font-weight: 700;
        border-bottom: 0 none;
    }

        body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
            margin: 0;
            float: none;
        }

        body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
            color: #848484;
            border: 0 none;
            padding: 0;
            margin-left: 0.5em;
            transition: color 0.2s;
        }

            body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
                color: #333333;
            }

    body .ui-dialog .ui-dialog-content {
        background-color: #ffffff;
        color: #333333;
        border: 1px solid #c8c8c8;
        padding: 0.571em 1em;
    }

    body .ui-dialog .ui-dialog-footer {
        border: 1px solid #c8c8c8;
        background-color: #ffffff;
        color: #333333;
        padding: 0.571em 1em;
        margin: 0;
        text-align: right;
        position: relative;
        top: -1px;
    }

        body .ui-dialog .ui-dialog-footer button {
            margin: 0 0.5em 0 0;
            width: auto;
        }

    body .ui-dialog.ui-confirm-dialog .ui-dialog-content {
        padding: 1.5em;
    }

        body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span {
            float: none;
            display: inline-block;
            vertical-align: middle;
            line-height: 14px;
            margin: 0;
        }

            body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon {
                margin-right: 0.35em;
                font-size: 16px;
            }

body .ui-sidebar {
    background-color: #ffffff;
    color: #333333;
    padding: 0.571em 1em;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

    body .ui-sidebar .ui-sidebar-close {
        color: #848484;
    }

        body .ui-sidebar .ui-sidebar-close:hover {
            color: #333333;
        }

body .ui-tooltip .ui-tooltip-text {
    background-color: #333333;
    color: #ffffff;
    padding: 0.429em;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
    border-right-color: #333333;
}

body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
    border-left-color: #333333;
}

body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
    border-top-color: #333333;
}

body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
    border-bottom-color: #333333;
}

body .ui-lightbox {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

    body .ui-lightbox .ui-lightbox-caption {
        border: 1px solid #c8c8c8;
        background-color: #f4f4f4;
        color: #333333;
        padding: 0.571em 1em;
        font-weight: 700;
    }

        body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
            color: #333333;
            margin: 0;
        }

        body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
            padding: 0;
            color: #848484;
            transition: color 0.2s;
        }

            body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
                color: #333333;
            }

    body .ui-lightbox .ui-lightbox-content-wrapper {
        overflow: hidden;
        background-color: #ffffff;
        color: #333333;
        border: 0 none;
        padding: 0;
        border-radius: 0;
    }

        body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left,
        body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
            transition: all 0.2s;
            font-size: 3em;
            color: #ffffff;
            margin-top: -0.5em;
        }

            body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover,
            body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
                transform: scale(1.2);
            }

        body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading ~ a {
            display: none;
        }

body .ui-breadcrumb {
    background-color: #ffffff;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
}

    body .ui-breadcrumb ul li .ui-menuitem-link {
        color: #333333;
        margin: 0;
    }

    body .ui-breadcrumb ul li.ui-breadcrumb-chevron {
        margin: 0 0.5em 0 0.5em;
        color: #848484;
    }

    body .ui-breadcrumb ul li:first-child a {
        color: #848484;
        margin: 0;
    }

    body .ui-breadcrumb ul li .ui-menuitem-icon {
        color: #848484;
    }

body .ui-steps {
    position: relative;
}

    body .ui-steps .ui-steps-item {
        background-color: transparent;
        text-align: center;
    }

        body .ui-steps .ui-steps-item .ui-menuitem-link {
            display: inline-block;
            text-align: center;
            background-color: transparent;
            overflow: hidden;
        }

            body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
                border-radius: 50%;
                display: inline-block;
                color: #333333;
                background-color: #ffffff;
                border: 1px solid #c8c8c8;
                position: relative;
                top: 16px;
                margin-bottom: 14px;
                width: 28px;
                height: 28px;
                font-size: 16px;
                line-height: 24px;
                text-align: center;
            }

            body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
                display: block;
                margin-top: 6px;
                color: #848484;
            }

        body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
            background: #007ad9;
            color: #ffffff;
        }

        body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
            font-weight: 700;
            color: #333333;
        }

        body .ui-steps .ui-steps-item:last-child .ui-menuitem-link {
            display: block;
        }

    body .ui-steps:before {
        content: " ";
        border-top: 1px solid #c8c8c8;
        width: 100%;
        top: 45%;
        left: 0;
        display: block;
        position: absolute;
    }

body .ui-menu .ui-menuitem-link,
body .ui-menubar .ui-menuitem-link,
body .ui-tieredmenu .ui-menuitem-link,
body .ui-contextmenu .ui-menuitem-link,
body .ui-megamenu .ui-menuitem-link,
body .ui-slidemenu .ui-menuitem-link {
    padding: 0.714em 0.857em;
    color: #333333;
    font-weight: normal;
    border-radius: 0;
}

    body .ui-menu .ui-menuitem-link .ui-menuitem-text,
    body .ui-menubar .ui-menuitem-link .ui-menuitem-text,
    body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-text,
    body .ui-contextmenu .ui-menuitem-link .ui-menuitem-text,
    body .ui-megamenu .ui-menuitem-link .ui-menuitem-text,
    body .ui-slidemenu .ui-menuitem-link .ui-menuitem-text {
        color: #333333;
    }

    body .ui-menu .ui-menuitem-link .ui-menuitem-icon,
    body .ui-menubar .ui-menuitem-link .ui-menuitem-icon,
    body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-icon,
    body .ui-contextmenu .ui-menuitem-link .ui-menuitem-icon,
    body .ui-megamenu .ui-menuitem-link .ui-menuitem-icon,
    body .ui-slidemenu .ui-menuitem-link .ui-menuitem-icon {
        color: #333333;
        margin-right: 0.5em;
    }

    body .ui-menu .ui-menuitem-link:hover,
    body .ui-menubar .ui-menuitem-link:hover,
    body .ui-tieredmenu .ui-menuitem-link:hover,
    body .ui-contextmenu .ui-menuitem-link:hover,
    body .ui-megamenu .ui-menuitem-link:hover,
    body .ui-slidemenu .ui-menuitem-link:hover {
        background-color: #eaeaea;
    }

        body .ui-menu .ui-menuitem-link:hover .ui-menuitem-text,
        body .ui-menubar .ui-menuitem-link:hover .ui-menuitem-text,
        body .ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-text,
        body .ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-text,
        body .ui-megamenu .ui-menuitem-link:hover .ui-menuitem-text,
        body .ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-text {
            color: #333333;
        }

        body .ui-menu .ui-menuitem-link:hover .ui-menuitem-icon,
        body .ui-menubar .ui-menuitem-link:hover .ui-menuitem-icon,
        body .ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-icon,
        body .ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-icon,
        body .ui-megamenu .ui-menuitem-link:hover .ui-menuitem-icon,
        body .ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-icon {
            color: #333333;
        }

body .ui-menu {
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #c8c8c8;
}

    body .ui-menu .ui-menuitem {
        margin: 0;
    }

    body .ui-menu.ui-shadow {
        border: 1px solid #c8c8c8;
        box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    }

    body .ui-menu .ui-submenu-header {
        margin: 0;
        padding: 0.714em 0.857em;
        color: #333333;
        background-color: #f4f4f4;
        font-weight: 700;
        border: 0 none;
    }

    body .ui-menu .ui-menu-separator {
        border: 1px solid #c8c8c8;
        border-width: 1px 0 0 0;
    }

body .ui-menubar {
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #c8c8c8;
}

    body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
        padding: 0.714em 0.857em;
    }

    body .ui-menubar .ui-menubar-root-list > .ui-menu-separator {
        border: 1px solid #c8c8c8;
        border-width: 0 0 0 1px;
    }

    body .ui-menubar .ui-submenu-list {
        padding: 0;
        background-color: #ffffff;
        border: 1px solid #c8c8c8;
        box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    }

        body .ui-menubar .ui-submenu-list .ui-menuitem {
            margin: 0;
        }

        body .ui-menubar .ui-submenu-list .ui-menu-separator {
            border: 1px solid #c8c8c8;
            border-width: 1px 0 0 0;
        }

    body .ui-menubar .ui-menuitem {
        margin: 0;
    }

        body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
            background-color: #eaeaea;
        }

            body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
                color: #333333;
            }

            body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
            body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
                color: #333333;
            }

body .ui-contextmenu {
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

    body .ui-contextmenu .ui-submenu-list {
        padding: 0;
        background-color: #ffffff;
        border: 1px solid #c8c8c8;
        box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    }

    body .ui-contextmenu .ui-menuitem {
        margin: 0;
    }

        body .ui-contextmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
            right: 0.429em;
        }

        body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
            background-color: #eaeaea;
        }

            body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
                color: #333333;
            }

            body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
            body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
                color: #333333;
            }

    body .ui-contextmenu .ui-menu-separator {
        border: 1px solid #c8c8c8;
        border-width: 1px 0 0 0;
    }

body .ui-tieredmenu {
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #c8c8c8;
}

    body .ui-tieredmenu .ui-submenu-list {
        padding: 0;
        background-color: #ffffff;
        border: 1px solid #c8c8c8;
        box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    }

    body .ui-tieredmenu .ui-menuitem {
        margin: 0;
    }

        body .ui-tieredmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
            right: 0.429em;
        }

        body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
            background-color: #eaeaea;
        }

            body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
                color: #333333;
            }

            body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
            body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
                color: #333333;
            }

    body .ui-tieredmenu .ui-menu-separator {
        border: 1px solid #c8c8c8;
        border-width: 1px 0 0 0;
    }

body .ui-slidemenu {
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #c8c8c8;
}

    body .ui-slidemenu .ui-submenu-list {
        padding: 0;
        background-color: #ffffff;
        border: 0 none;
    }

    body .ui-slidemenu .ui-menuitem {
        margin: 0;
    }

        body .ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
            right: 0.429em;
        }

        body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
            background-color: #eaeaea;
        }

            body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
                color: #333333;
            }

            body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
            body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
                color: #333333;
            }

    body .ui-slidemenu .ui-slidemenu-backward {
        margin: 0;
        padding: 0.571em 1em;
        color: #333333;
        background-color: #f4f4f4;
        font-weight: 700;
        border: 0 none;
    }

        body .ui-slidemenu .ui-slidemenu-backward:hover {
            background-color: #dbdbdb;
            color: #333333;
        }

    body .ui-slidemenu .ui-menu-separator {
        border: 1px solid #c8c8c8;
        border-width: 1px 0 0 0;
    }

body .ui-tabmenu {
    border: 0 none;
}

    body .ui-tabmenu .ui-tabmenu-nav {
        padding: 0;
        background: transparent;
        border-bottom: 1px solid #c8c8c8;
    }

        body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
            position: static;
            border: 1px solid #c8c8c8;
            background-color: #f4f4f4;
            margin-right: 2px;
            margin-bottom: -1px;
            transition: background-color 0.2s;
        }

            body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
                color: #333333;
                padding: 0.571em 1em;
            }

                body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-text {
                    color: #333333;
                    margin-right: 0.5em;
                }

                body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon {
                    color: #848484;
                    margin-right: 0.5em;
                }

            body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover {
                background-color: #dbdbdb;
                border: 1px solid #dbdbdb;
            }

                body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-text {
                    color: #333333;
                }

                body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-icon {
                    color: #333333;
                }

            body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
                background-color: #007ad9;
                border: 1px solid #007ad9;
            }

                body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-text {
                    color: #ffffff;
                }

                body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-icon {
                    color: #ffffff;
                }

body .ui-megamenu {
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #c8c8c8;
}

    body .ui-megamenu .ui-megamenu-submenu-header {
        margin: 0;
        padding: 0.571em 1em;
        color: #333333;
        background-color: #f4f4f4;
        font-weight: 700;
        border: 0 none;
    }

    body .ui-megamenu .ui-megamenu-panel {
        padding: 0;
        background-color: #ffffff;
        border: 1px solid #c8c8c8;
        box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    }

    body .ui-megamenu .ui-menuitem {
        margin: 0;
    }

        body .ui-megamenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
            right: 0.429em;
        }

        body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
            background-color: #eaeaea;
        }

            body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
                color: #333333;
            }

            body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
            body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
                color: #333333;
            }

    body .ui-megamenu.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
        right: 0.429em;
    }

body .ui-panelmenu .ui-icon {
    position: static;
}

body .ui-panelmenu .ui-panelmenu-header {
    padding: 0;
}

    body .ui-panelmenu .ui-panelmenu-header > a {
        border: 1px solid #c8c8c8;
        background-color: #f4f4f4;
        color: #333333;
        padding: 0.714em 0.857em;
        font-weight: 700;
        position: static;
        font-size: 14px;
        transition: background-color 0.2s;
    }

        body .ui-panelmenu .ui-panelmenu-header > a .ui-panelmenu-icon {
            color: #848484;
        }

    body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover {
        outline: 0 none;
        border: 1px solid #dbdbdb;
        background-color: #dbdbdb;
        color: #333333;
    }

        body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover .ui-panelmenu-icon {
            color: #333333;
        }

    body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a {
        border: 1px solid #007ad9;
        background-color: #007ad9;
        color: #ffffff;
    }

        body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a .ui-panelmenu-icon {
            color: #ffffff;
        }

        body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover {
            outline: 0 none;
            border: 1px solid #005b9f;
            background-color: #005b9f;
            color: #ffffff;
        }

            body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover .ui-panelmenu-icon {
                color: #ffffff;
            }

body .ui-panelmenu .ui-panelmenu-panel {
    margin-top: 2px;
}

    body .ui-panelmenu .ui-panelmenu-panel:first-child {
        margin-top: 0;
    }

body .ui-panelmenu .ui-panelmenu-content {
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #c8c8c8;
    margin-top: 0;
    position: static;
    border-top: 0 none;
}

    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem {
        margin: 0;
    }

        body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link {
            padding: 0.714em 0.857em;
            color: #333333;
        }

            body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover {
                background-color: #eaeaea;
            }

                body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-icon,
                body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-panelmenu-icon {
                    color: #333333;
                }

                body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-text {
                    color: #333333;
                }

body .ui-progressbar {
    border: 0 none;
    height: 24px;
    background-color: #eaeaea;
}

    body .ui-progressbar .ui-progressbar-value {
        border: 0 none;
        margin: 0;
        background: #007ad9;
    }

    body .ui-progressbar .ui-progressbar-label {
        margin-top: 0;
        color: #333333;
        line-height: 24px;
    }

body .ui-galleria .ui-galleria-nav-prev,
body .ui-galleria .ui-galleria-nav-next {
    transition: all 0.2s;
    position: absolute;
    color: #848484;
}

    body .ui-galleria .ui-galleria-nav-prev:hover,
    body .ui-galleria .ui-galleria-nav-next:hover {
        transform: scale(1.2);
    }

body .ui-galleria .ui-galleria-nav-prev {
    font-size: 16px;
}

body .ui-galleria .ui-galleria-nav-next {
    font-size: 16px;
}

body .ui-terminal {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #c8c8c8;
    padding: 0.571em 1em;
}

    body .ui-terminal .ui-terminal-input {
        font-size: 14px;
        font-family: open sans, sans-serif;
        height: 16px;
    }

    body .ui-terminal .ui-terminal-command {
        height: 16px;
    }

body .ui-inplace {
    min-height: 2.357em;
}

    body .ui-inplace .ui-inplace-display {
        padding: 0.429em;
        border-radius: 3px;
        transition: background-color 0.2s;
    }

        body .ui-inplace .ui-inplace-display:not(.ui-state-disabled):hover {
            background-color: #eaeaea;
            color: #333333;
        }

body .ui-fluid .ui-inplace.ui-inplace-closable .ui-inplace-content > :first-child {
    display: inline-block;
    width: calc(100% - 2.357em);
}

/* Add your customizations of theme here */
@font-face {
    font-family: themify;
    src: url('fonts/themify9f24.2c454669bdf3aebf32a1.eot?-fvbane');
    src: url('fonts/themifyd41d.2c454669bdf3aebf32a1.eot?#iefix-fvbane') format('embedded-opentype'), url('fonts/themify9f24.a1ecc3b826d01251eddd.woff?-fvbane') format('woff'), url('fonts/themify9f24.e23a7dcaefbde4e74e26.ttf?-fvbane') format('truetype'), url('fonts/themify9f24.cba68f986e60df8c74f4.svg?-fvbane#themify') format('svg');
    font-weight: 400;
    font-style: normal
}

[class^=ti-],
[class*=" ti-"] {
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ti-wand:before {
    content: "\e600"
}

.ti-volume:before {
    content: "\e601"
}

.ti-user:before {
    content: "\e602"
}

.ti-unlock:before {
    content: "\e603"
}

.ti-unlink:before {
    content: "\e604"
}

.ti-trash:before {
    content: "\e605"
}

.ti-thought:before {
    content: "\e606"
}

.ti-target:before {
    content: "\e607"
}

.ti-tag:before {
    content: "\e608"
}

.ti-tablet:before {
    content: "\e609"
}

.ti-star:before {
    content: "\e60a"
}

.ti-spray:before {
    content: "\e60b"
}

.ti-signal:before {
    content: "\e60c"
}

.ti-shopping-cart:before {
    content: "\e60d"
}

.ti-shopping-cart-full:before {
    content: "\e60e"
}

.ti-settings:before {
    content: "\e60f"
}

.ti-search:before {
    content: "\e610"
}

.ti-zoom-in:before {
    content: "\e611"
}

.ti-zoom-out:before {
    content: "\e612"
}

.ti-cut:before {
    content: "\e613"
}

.ti-ruler:before {
    content: "\e614"
}

.ti-ruler-pencil:before {
    content: "\e615"
}

.ti-ruler-alt:before {
    content: "\e616"
}

.ti-bookmark:before {
    content: "\e617"
}

.ti-bookmark-alt:before {
    content: "\e618"
}

.ti-reload:before {
    content: "\e619"
}

.ti-plus:before {
    content: "\e61a"
}

.ti-pin:before {
    content: "\e61b"
}

.ti-pencil:before {
    content: "\e61c"
}

.ti-pencil-alt:before {
    content: "\e61d"
}

.ti-paint-roller:before {
    content: "\e61e"
}

.ti-paint-bucket:before {
    content: "\e61f"
}

.ti-na:before {
    content: "\e620"
}

.ti-mobile:before {
    content: "\e621"
}

.ti-minus:before {
    content: "\e622"
}

.ti-medall:before {
    content: "\e623"
}

.ti-medall-alt:before {
    content: "\e624"
}

.ti-marker:before {
    content: "\e625"
}

.ti-marker-alt:before {
    content: "\e626"
}

.ti-arrow-up:before {
    content: "\e627"
}

.ti-arrow-right:before {
    content: "\e628"
}

.ti-arrow-left:before {
    content: "\e629"
}

.ti-arrow-down:before {
    content: "\e62a"
}

.ti-lock:before {
    content: "\e62b"
}

.ti-location-arrow:before {
    content: "\e62c"
}

.ti-link:before {
    content: "\e62d"
}

.ti-layout:before {
    content: "\e62e"
}

.ti-layers:before {
    content: "\e62f"
}

.ti-layers-alt:before {
    content: "\e630"
}

.ti-key:before {
    content: "\e631"
}

.ti-import:before {
    content: "\e632"
}

.ti-image:before {
    content: "\e633"
}

.ti-heart:before {
    content: "\e634"
}

.ti-heart-broken:before {
    content: "\e635"
}

.ti-hand-stop:before {
    content: "\e636"
}

.ti-hand-open:before {
    content: "\e637"
}

.ti-hand-drag:before {
    content: "\e638"
}

.ti-folder:before {
    content: "\e639"
}

.ti-flag:before {
    content: "\e63a"
}

.ti-flag-alt:before {
    content: "\e63b"
}

.ti-flag-alt-2:before {
    content: "\e63c"
}

.ti-eye:before {
    content: "\e63d"
}

.ti-export:before {
    content: "\e63e"
}

.ti-exchange-vertical:before {
    content: "\e63f"
}

.ti-desktop:before {
    content: "\e640"
}

.ti-cup:before {
    content: "\e641"
}

.ti-crown:before {
    content: "\e642"
}

.ti-comments:before {
    content: "\e643"
}

.ti-comment:before {
    content: "\e644"
}

.ti-comment-alt:before {
    content: "\e645"
}

.ti-close:before {
    content: "\e646"
}

.ti-clip:before {
    content: "\e647"
}

.ti-angle-up:before {
    content: "\e648"
}

.ti-angle-right:before {
    content: "\e649"
}

.ti-angle-left:before {
    content: "\e64a"
}

.ti-angle-down:before {
    content: "\e64b"
}

.ti-check:before {
    content: "\e64c"
}

.ti-check-box:before {
    content: "\e64d"
}

.ti-camera:before {
    content: "\e64e"
}

.ti-announcement:before {
    content: "\e64f"
}

.ti-brush:before {
    content: "\e650"
}

.ti-briefcase:before {
    content: "\e651"
}

.ti-bolt:before {
    content: "\e652"
}

.ti-bolt-alt:before {
    content: "\e653"
}

.ti-blackboard:before {
    content: "\e654"
}

.ti-bag:before {
    content: "\e655"
}

.ti-move:before {
    content: "\e656"
}

.ti-arrows-vertical:before {
    content: "\e657"
}

.ti-arrows-horizontal:before {
    content: "\e658"
}

.ti-fullscreen:before {
    content: "\e659"
}

.ti-arrow-top-right:before {
    content: "\e65a"
}

.ti-arrow-top-left:before {
    content: "\e65b"
}

.ti-arrow-circle-up:before {
    content: "\e65c"
}

.ti-arrow-circle-right:before {
    content: "\e65d"
}

.ti-arrow-circle-left:before {
    content: "\e65e"
}

.ti-arrow-circle-down:before {
    content: "\e65f"
}

.ti-angle-double-up:before {
    content: "\e660"
}

.ti-angle-double-right:before {
    content: "\e661"
}

.ti-angle-double-left:before {
    content: "\e662"
}

.ti-angle-double-down:before {
    content: "\e663"
}

.ti-zip:before {
    content: "\e664"
}

.ti-world:before {
    content: "\e665"
}

.ti-wheelchair:before {
    content: "\e666"
}

.ti-view-list:before {
    content: "\e667"
}

.ti-view-list-alt:before {
    content: "\e668"
}

.ti-view-grid:before {
    content: "\e669"
}

.ti-uppercase:before {
    content: "\e66a"
}

.ti-upload:before {
    content: "\e66b"
}

.ti-underline:before {
    content: "\e66c"
}

.ti-truck:before {
    content: "\e66d"
}

.ti-timer:before {
    content: "\e66e"
}

.ti-ticket:before {
    content: "\e66f"
}

.ti-thumb-up:before {
    content: "\e670"
}

.ti-thumb-down:before {
    content: "\e671"
}

.ti-text:before {
    content: "\e672"
}

.ti-stats-up:before {
    content: "\e673"
}

.ti-stats-down:before {
    content: "\e674"
}

.ti-split-v:before {
    content: "\e675"
}

.ti-split-h:before {
    content: "\e676"
}

.ti-smallcap:before {
    content: "\e677"
}

.ti-shine:before {
    content: "\e678"
}

.ti-shift-right:before {
    content: "\e679"
}

.ti-shift-left:before {
    content: "\e67a"
}

.ti-shield:before {
    content: "\e67b"
}

.ti-notepad:before {
    content: "\e67c"
}

.ti-server:before {
    content: "\e67d"
}

.ti-quote-right:before {
    content: "\e67e"
}

.ti-quote-left:before {
    content: "\e67f"
}

.ti-pulse:before {
    content: "\e680"
}

.ti-printer:before {
    content: "\e681"
}

.ti-power-off:before {
    content: "\e682"
}

.ti-plug:before {
    content: "\e683"
}

.ti-pie-chart:before {
    content: "\e684"
}

.ti-paragraph:before {
    content: "\e685"
}

.ti-panel:before {
    content: "\e686"
}

.ti-package:before {
    content: "\e687"
}

.ti-music:before {
    content: "\e688"
}

.ti-music-alt:before {
    content: "\e689"
}

.ti-mouse:before {
    content: "\e68a"
}

.ti-mouse-alt:before {
    content: "\e68b"
}

.ti-money:before {
    content: "\e68c"
}

.ti-microphone:before {
    content: "\e68d"
}

.ti-menu:before {
    content: "\e68e"
}

.ti-menu-alt:before {
    content: "\e68f"
}

.ti-map:before {
    content: "\e690"
}

.ti-map-alt:before {
    content: "\e691"
}

.ti-loop:before {
    content: "\e692"
}

.ti-location-pin:before {
    content: "\e693"
}

.ti-list:before {
    content: "\e694"
}

.ti-light-bulb:before {
    content: "\e695"
}

.ti-Italic:before {
    content: "\e696"
}

.ti-info:before {
    content: "\e697"
}

.ti-infinite:before {
    content: "\e698"
}

.ti-id-badge:before {
    content: "\e699"
}

.ti-hummer:before {
    content: "\e69a"
}

.ti-home:before {
    content: "\e69b"
}

.ti-help:before {
    content: "\e69c"
}

.ti-headphone:before {
    content: "\e69d"
}

.ti-harddrives:before {
    content: "\e69e"
}

.ti-harddrive:before {
    content: "\e69f"
}

.ti-gift:before {
    content: "\e6a0"
}

.ti-game:before {
    content: "\e6a1"
}

.ti-filter:before {
    content: "\e6a2"
}

.ti-files:before {
    content: "\e6a3"
}

.ti-file:before {
    content: "\e6a4"
}

.ti-eraser:before {
    content: "\e6a5"
}

.ti-envelope:before {
    content: "\e6a6"
}

.ti-download:before {
    content: "\e6a7"
}

.ti-direction:before {
    content: "\e6a8"
}

.ti-direction-alt:before {
    content: "\e6a9"
}

.ti-dashboard:before {
    content: "\e6aa"
}

.ti-control-stop:before {
    content: "\e6ab"
}

.ti-control-shuffle:before {
    content: "\e6ac"
}

.ti-control-play:before {
    content: "\e6ad"
}

.ti-control-pause:before {
    content: "\e6ae"
}

.ti-control-forward:before {
    content: "\e6af"
}

.ti-control-backward:before {
    content: "\e6b0"
}

.ti-cloud:before {
    content: "\e6b1"
}

.ti-cloud-up:before {
    content: "\e6b2"
}

.ti-cloud-down:before {
    content: "\e6b3"
}

.ti-clipboard:before {
    content: "\e6b4"
}

.ti-car:before {
    content: "\e6b5"
}

.ti-calendar:before {
    content: "\e6b6"
}

.ti-book:before {
    content: "\e6b7"
}

.ti-bell:before {
    content: "\e6b8"
}

.ti-basketball:before {
    content: "\e6b9"
}

.ti-bar-chart:before {
    content: "\e6ba"
}

.ti-bar-chart-alt:before {
    content: "\e6bb"
}

.ti-back-right:before {
    content: "\e6bc"
}

.ti-back-left:before {
    content: "\e6bd"
}

.ti-arrows-corner:before {
    content: "\e6be"
}

.ti-archive:before {
    content: "\e6bf"
}

.ti-anchor:before {
    content: "\e6c0"
}

.ti-align-right:before {
    content: "\e6c1"
}

.ti-align-left:before {
    content: "\e6c2"
}

.ti-align-justify:before {
    content: "\e6c3"
}

.ti-align-center:before {
    content: "\e6c4"
}

.ti-alert:before {
    content: "\e6c5"
}

.ti-alarm-clock:before {
    content: "\e6c6"
}

.ti-agenda:before {
    content: "\e6c7"
}

.ti-write:before {
    content: "\e6c8"
}

.ti-window:before {
    content: "\e6c9"
}

.ti-widgetized:before {
    content: "\e6ca"
}

.ti-widget:before {
    content: "\e6cb"
}

.ti-widget-alt:before {
    content: "\e6cc"
}

.ti-wallet:before {
    content: "\e6cd"
}

.ti-video-clapper:before {
    content: "\e6ce"
}

.ti-video-camera:before {
    content: "\e6cf"
}

.ti-vector:before {
    content: "\e6d0"
}

.ti-themify-logo:before {
    content: "\e6d1"
}

.ti-themify-favicon:before {
    content: "\e6d2"
}

.ti-themify-favicon-alt:before {
    content: "\e6d3"
}

.ti-support:before {
    content: "\e6d4"
}

.ti-stamp:before {
    content: "\e6d5"
}

.ti-split-v-alt:before {
    content: "\e6d6"
}

.ti-slice:before {
    content: "\e6d7"
}

.ti-shortcode:before {
    content: "\e6d8"
}

.ti-shift-right-alt:before {
    content: "\e6d9"
}

.ti-shift-left-alt:before {
    content: "\e6da"
}

.ti-ruler-alt-2:before {
    content: "\e6db"
}

.ti-receipt:before {
    content: "\e6dc"
}

.ti-pin2:before {
    content: "\e6dd"
}

.ti-pin-alt:before {
    content: "\e6de"
}

.ti-pencil-alt2:before {
    content: "\e6df"
}

.ti-palette:before {
    content: "\e6e0"
}

.ti-more:before {
    content: "\e6e1"
}

.ti-more-alt:before {
    content: "\e6e2"
}

.ti-microphone-alt:before {
    content: "\e6e3"
}

.ti-magnet:before {
    content: "\e6e4"
}

.ti-line-double:before {
    content: "\e6e5"
}

.ti-line-dotted:before {
    content: "\e6e6"
}

.ti-line-dashed:before {
    content: "\e6e7"
}

.ti-layout-width-full:before {
    content: "\e6e8"
}

.ti-layout-width-default:before {
    content: "\e6e9"
}

.ti-layout-width-default-alt:before {
    content: "\e6ea"
}

.ti-layout-tab:before {
    content: "\e6eb"
}

.ti-layout-tab-window:before {
    content: "\e6ec"
}

.ti-layout-tab-v:before {
    content: "\e6ed"
}

.ti-layout-tab-min:before {
    content: "\e6ee"
}

.ti-layout-slider:before {
    content: "\e6ef"
}

.ti-layout-slider-alt:before {
    content: "\e6f0"
}

.ti-layout-sidebar-right:before {
    content: "\e6f1"
}

.ti-layout-sidebar-none:before {
    content: "\e6f2"
}

.ti-layout-sidebar-left:before {
    content: "\e6f3"
}

.ti-layout-placeholder:before {
    content: "\e6f4"
}

.ti-layout-menu:before {
    content: "\e6f5"
}

.ti-layout-menu-v:before {
    content: "\e6f6"
}

.ti-layout-menu-separated:before {
    content: "\e6f7"
}

.ti-layout-menu-full:before {
    content: "\e6f8"
}

.ti-layout-media-right-alt:before {
    content: "\e6f9"
}

.ti-layout-media-right:before {
    content: "\e6fa"
}

.ti-layout-media-overlay:before {
    content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
    content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}

.ti-layout-media-left-alt:before {
    content: "\e6fe"
}

.ti-layout-media-left:before {
    content: "\e6ff"
}

.ti-layout-media-center-alt:before {
    content: "\e700"
}

.ti-layout-media-center:before {
    content: "\e701"
}

.ti-layout-list-thumb:before {
    content: "\e702"
}

.ti-layout-list-thumb-alt:before {
    content: "\e703"
}

.ti-layout-list-post:before {
    content: "\e704"
}

.ti-layout-list-large-image:before {
    content: "\e705"
}

.ti-layout-line-solid:before {
    content: "\e706"
}

.ti-layout-grid4:before {
    content: "\e707"
}

.ti-layout-grid3:before {
    content: "\e708"
}

.ti-layout-grid2:before {
    content: "\e709"
}

.ti-layout-grid2-thumb:before {
    content: "\e70a"
}

.ti-layout-cta-right:before {
    content: "\e70b"
}

.ti-layout-cta-left:before {
    content: "\e70c"
}

.ti-layout-cta-center:before {
    content: "\e70d"
}

.ti-layout-cta-btn-right:before {
    content: "\e70e"
}

.ti-layout-cta-btn-left:before {
    content: "\e70f"
}

.ti-layout-column4:before {
    content: "\e710"
}

.ti-layout-column3:before {
    content: "\e711"
}

.ti-layout-column2:before {
    content: "\e712"
}

.ti-layout-accordion-separated:before {
    content: "\e713"
}

.ti-layout-accordion-merged:before {
    content: "\e714"
}

.ti-layout-accordion-list:before {
    content: "\e715"
}

.ti-ink-pen:before {
    content: "\e716"
}

.ti-info-alt:before {
    content: "\e717"
}

.ti-help-alt:before {
    content: "\e718"
}

.ti-headphone-alt:before {
    content: "\e719"
}

.ti-hand-point-up:before {
    content: "\e71a"
}

.ti-hand-point-right:before {
    content: "\e71b"
}

.ti-hand-point-left:before {
    content: "\e71c"
}

.ti-hand-point-down:before {
    content: "\e71d"
}

.ti-gallery:before {
    content: "\e71e"
}

.ti-face-smile:before {
    content: "\e71f"
}

.ti-face-sad:before {
    content: "\e720"
}

.ti-credit-card:before {
    content: "\e721"
}

.ti-control-skip-forward:before {
    content: "\e722"
}

.ti-control-skip-backward:before {
    content: "\e723"
}

.ti-control-record:before {
    content: "\e724"
}

.ti-control-eject:before {
    content: "\e725"
}

.ti-comments-smiley:before {
    content: "\e726"
}

.ti-brush-alt:before {
    content: "\e727"
}

.ti-youtube:before {
    content: "\e728"
}

.ti-vimeo:before {
    content: "\e729"
}

.ti-twitter:before {
    content: "\e72a"
}

.ti-time:before {
    content: "\e72b"
}

.ti-tumblr:before {
    content: "\e72c"
}

.ti-skype:before {
    content: "\e72d"
}

.ti-share:before {
    content: "\e72e"
}

.ti-share-alt:before {
    content: "\e72f"
}

.ti-rocket:before {
    content: "\e730"
}

.ti-pinterest:before {
    content: "\e731"
}

.ti-new-window:before {
    content: "\e732"
}

.ti-microsoft:before {
    content: "\e733"
}

.ti-list-ol:before {
    content: "\e734"
}

.ti-linkedin:before {
    content: "\e735"
}

.ti-layout-sidebar-2:before {
    content: "\e736"
}

.ti-layout-grid4-alt:before {
    content: "\e737"
}

.ti-layout-grid3-alt:before {
    content: "\e738"
}

.ti-layout-grid2-alt:before {
    content: "\e739"
}

.ti-layout-column4-alt:before {
    content: "\e73a"
}

.ti-layout-column3-alt:before {
    content: "\e73b"
}

.ti-layout-column2-alt:before {
    content: "\e73c"
}

.ti-instagram:before {
    content: "\e73d"
}

.ti-google:before {
    content: "\e73e"
}

.ti-github:before {
    content: "\e73f"
}

.ti-flickr:before {
    content: "\e740"
}

.ti-facebook:before {
    content: "\e741"
}

.ti-dropbox:before {
    content: "\e742"
}

.ti-dribbble:before {
    content: "\e743"
}

.ti-apple:before {
    content: "\e744"
}

.ti-android:before {
    content: "\e745"
}

.ti-save:before {
    content: "\e746"
}

.ti-save-alt:before {
    content: "\e747"
}

.ti-yahoo:before {
    content: "\e748"
}

.ti-wordpress:before {
    content: "\e749"
}

.ti-vimeo-alt:before {
    content: "\e74a"
}

.ti-twitter-alt:before {
    content: "\e74b"
}

.ti-tumblr-alt:before {
    content: "\e74c"
}

.ti-trello:before {
    content: "\e74d"
}

.ti-stack-overflow:before {
    content: "\e74e"
}

.ti-soundcloud:before {
    content: "\e74f"
}

.ti-sharethis:before {
    content: "\e750"
}

.ti-sharethis-alt:before {
    content: "\e751"
}

.ti-reddit:before {
    content: "\e752"
}

.ti-pinterest-alt:before {
    content: "\e753"
}

.ti-microsoft-alt:before {
    content: "\e754"
}

.ti-linux:before {
    content: "\e755"
}

.ti-jsfiddle:before {
    content: "\e756"
}

.ti-joomla:before {
    content: "\e757"
}

.ti-html5:before {
    content: "\e758"
}

.ti-flickr-alt:before {
    content: "\e759"
}

.ti-email:before {
    content: "\e75a"
}

.ti-drupal:before {
    content: "\e75b"
}

.ti-dropbox-alt:before {
    content: "\e75c"
}

.ti-css3:before {
    content: "\e75d"
}

.ti-rss:before {
    content: "\e75e"
}

.ti-rss-alt:before {
    content: "\e75f"
}
/*
@font-face {
    font-family: icofont;
    src: url('fonts/icofont7858.ea6b50ee81ded0716b21.eot?v=1.0.0-beta');
    src: url('fonts/icofont7858.ea6b50ee81ded0716b21.eot?v=1.0.0-beta#iefix') format('embedded-opentype'), url('fonts/icofont7858.529c3ac7a75675f5a949.ttf?v=1.0.0-beta') format('truetype'), url('fonts/icofont7858.4abc402d95b5c1510848.woff?v=1.0.0-beta') format('woff'), url('fonts/icofont7858.e9c9d055c9df0aa13ddb.svg?v=1.0.0-beta#icofont') format('svg');
    font-weight: 400;
    font-style: normal
}*/

.icofont {
    font-family: icofont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icofont-angry-monster:before {
    content: "\e901"
}

.icofont-bathtub:before {
    content: "\e902"
}

.icofont-bird-wings:before {
    content: "\e903"
}

.icofont-bow:before {
    content: "\e904"
}

.icofont-brain-alt:before {
    content: "\e905"
}

.icofont-butterfly-alt:before {
    content: "\e906"
}

.icofont-castle:before {
    content: "\e907"
}

.icofont-circuit:before {
    content: "\e908"
}

.icofont-dart:before {
    content: "\e909"
}

.icofont-dice-alt:before {
    content: "\e90a"
}

.icofont-disability-race:before {
    content: "\e90b"
}

.icofont-diving-goggle:before {
    content: "\e90c"
}

.icofont-fire-alt:before {
    content: "\e90d"
}

.icofont-flame-torch:before {
    content: "\e90e"
}

.icofont-flora-flower:before {
    content: "\e90f"
}

.icofont-flora:before {
    content: "\e910"
}

.icofont-gift-box:before {
    content: "\e911"
}

.icofont-halloween-pumpkin:before {
    content: "\e912"
}

.icofont-hand-power:before {
    content: "\e913"
}

.icofont-hand-thunder:before {
    content: "\e914"
}

.icofont-king-crown:before {
    content: "\e915"
}

.icofont-king-monster:before {
    content: "\e916"
}

.icofont-love:before {
    content: "\e917"
}

.icofont-magician-hat:before {
    content: "\e918"
}

.icofont-native-american:before {
    content: "\e919"
}

.icofont-open-eye:before {
    content: "\e91a"
}

.icofont-owl-look:before {
    content: "\e91b"
}

.icofont-phoenix:before {
    content: "\e91c"
}

.icofont-queen-crown:before {
    content: "\e91d"
}

.icofont-robot-face:before {
    content: "\e91e"
}

.icofont-sand-clock:before {
    content: "\e91f"
}

.icofont-shield-alt:before {
    content: "\e920"
}

.icofont-ship-wheel:before {
    content: "\e921"
}

.icofont-skull-danger:before {
    content: "\e922"
}

.icofont-skull-face:before {
    content: "\e923"
}

.icofont-snail:before {
    content: "\e924"
}

.icofont-snow-alt:before {
    content: "\e925"
}

.icofont-snow-flake:before {
    content: "\e926"
}

.icofont-snowmobile:before {
    content: "\e927"
}

.icofont-space-shuttle:before {
    content: "\e928"
}

.icofont-star-shape:before {
    content: "\e929"
}

.icofont-swirl:before {
    content: "\e92a"
}

.icofont-tattoo-wing:before {
    content: "\e92b"
}

.icofont-throne:before {
    content: "\e92c"
}

.icofont-touch:before {
    content: "\e92d"
}

.icofont-tree-alt:before {
    content: "\e92e"
}

.icofont-triangle:before {
    content: "\e92f"
}

.icofont-unity-hand:before {
    content: "\e930"
}

.icofont-weed:before {
    content: "\e931"
}

.icofont-woman-bird:before {
    content: "\e932"
}

.icofont-animal-bat:before {
    content: "\e933"
}

.icofont-animal-bear-tracks:before {
    content: "\e934"
}

.icofont-animal-bear:before {
    content: "\e935"
}

.icofont-animal-bird-alt:before {
    content: "\e936"
}

.icofont-animal-bird:before {
    content: "\e937"
}

.icofont-animal-bone:before {
    content: "\e938"
}

.icofont-animal-bull:before {
    content: "\e939"
}

.icofont-animal-camel-alt:before {
    content: "\e93a"
}

.icofont-animal-camel-head:before {
    content: "\e93b"
}

.icofont-animal-camel:before {
    content: "\e93c"
}

.icofont-animal-cat-alt-1:before {
    content: "\e93d"
}

.icofont-animal-cat-alt-2:before {
    content: "\e93e"
}

.icofont-animal-cat-alt-3:before {
    content: "\e93f"
}

.icofont-animal-cat-alt-4:before {
    content: "\e940"
}

.icofont-animal-cat-with-dog:before {
    content: "\e941"
}

.icofont-animal-cat:before {
    content: "\e942"
}

.icofont-animal-cow-head:before {
    content: "\e943"
}

.icofont-animal-cow:before {
    content: "\e944"
}

.icofont-animal-crab:before {
    content: "\e945"
}

.icofont-animal-crocodile:before {
    content: "\e946"
}

.icofont-animal-deer-head:before {
    content: "\e947"
}

.icofont-animal-dog-alt:before {
    content: "\e948"
}

.icofont-animal-dog-barking:before {
    content: "\e949"
}

.icofont-animal-dog:before {
    content: "\e94a"
}

.icofont-animal-dolphin:before {
    content: "\e94b"
}

.icofont-animal-duck-tracks:before {
    content: "\e94c"
}

.icofont-animal-eagle-head:before {
    content: "\e94d"
}

.icofont-animal-eaten-fish:before {
    content: "\e94e"
}

.icofont-animal-elephant-alt:before {
    content: "\e94f"
}

.icofont-animal-elephant-head-alt:before {
    content: "\e950"
}

.icofont-animal-elephant-head:before {
    content: "\e951"
}

.icofont-animal-elephant:before {
    content: "\e952"
}

.icofont-animal-elk:before {
    content: "\e953"
}

.icofont-animal-fish-alt-1:before {
    content: "\e954"
}

.icofont-animal-fish-alt-2:before {
    content: "\e955"
}

.icofont-animal-fish-alt-3:before {
    content: "\e956"
}

.icofont-animal-fish-alt-4:before {
    content: "\e957"
}

.icofont-animal-fish:before {
    content: "\e958"
}

.icofont-animal-fox-alt:before {
    content: "\e959"
}

.icofont-animal-fox:before {
    content: "\e95a"
}

.icofont-animal-frog-tracks:before {
    content: "\e95b"
}

.icofont-animal-frog:before {
    content: "\e95c"
}

.icofont-animal-froggy:before {
    content: "\e95d"
}

.icofont-animal-giraffe-alt:before {
    content: "\e95e"
}

.icofont-animal-giraffe:before {
    content: "\e95f"
}

.icofont-animal-goat-head-alt-1:before {
    content: "\e960"
}

.icofont-animal-goat-head-alt-2:before {
    content: "\e961"
}

.icofont-animal-goat-head:before {
    content: "\e962"
}

.icofont-animal-gorilla:before {
    content: "\e963"
}

.icofont-animal-hen-tracks:before {
    content: "\e964"
}

.icofont-animal-horse-head-alt-1:before {
    content: "\e965"
}

.icofont-animal-horse-head-alt-2:before {
    content: "\e966"
}

.icofont-animal-horse-head:before {
    content: "\e967"
}

.icofont-animal-horse-tracks:before {
    content: "\e968"
}

.icofont-animal-jellyfish:before {
    content: "\e969"
}

.icofont-animal-kangaroo:before {
    content: "\e96a"
}

.icofont-animal-lemur:before {
    content: "\e96b"
}

.icofont-animal-lion-alt:before {
    content: "\e96c"
}

.icofont-animal-lion-head-alt:before {
    content: "\e96d"
}

.icofont-animal-lion-head:before {
    content: "\e96e"
}

.icofont-animal-lion:before {
    content: "\e96f"
}

.icofont-animal-monkey-alt-1:before {
    content: "\e970"
}

.icofont-animal-monkey-alt-2:before {
    content: "\e971"
}

.icofont-animal-monkey-alt-3:before {
    content: "\e972"
}

.icofont-animal-monkey:before {
    content: "\e973"
}

.icofont-animal-octopus-alt:before {
    content: "\e974"
}

.icofont-animal-octopus:before {
    content: "\e975"
}

.icofont-animal-owl:before {
    content: "\e976"
}

.icofont-animal-panda-alt:before {
    content: "\e977"
}

.icofont-animal-panda:before {
    content: "\e978"
}

.icofont-animal-panther:before {
    content: "\e979"
}

.icofont-animal-parrot-lip:before {
    content: "\e97a"
}

.icofont-animal-parrot:before {
    content: "\e97b"
}

.icofont-animal-paw:before {
    content: "\e97c"
}

.icofont-animal-pelican:before {
    content: "\e97d"
}

.icofont-animal-penguin:before {
    content: "\e97e"
}

.icofont-animal-pig-alt:before {
    content: "\e97f"
}

.icofont-animal-pig:before {
    content: "\e980"
}

.icofont-animal-pigeon-alt:before {
    content: "\e981"
}

.icofont-animal-pigeon:before {
    content: "\e982"
}

.icofont-animal-pigeons:before {
    content: "\e983"
}

.icofont-animal-rabbit-running:before {
    content: "\e984"
}

.icofont-animal-rat-alt:before {
    content: "\e985"
}

.icofont-animal-rhino-head:before {
    content: "\e986"
}

.icofont-animal-rhino:before {
    content: "\e987"
}

.icofont-animal-rooster:before {
    content: "\e988"
}

.icofont-animal-seahorse:before {
    content: "\e989"
}

.icofont-animal-seal:before {
    content: "\e98a"
}

.icofont-animal-shrimp:before {
    content: "\e98b"
}

.icofont-animal-snail-alt-1:before {
    content: "\e98c"
}

.icofont-animal-snail-alt-2:before {
    content: "\e98d"
}

.icofont-animal-snail:before {
    content: "\e98e"
}

.icofont-animal-snake:before {
    content: "\e98f"
}

.icofont-animal-squid:before {
    content: "\e990"
}

.icofont-animal-squirrel:before {
    content: "\e991"
}

.icofont-animal-tiger-alt:before {
    content: "\e992"
}

.icofont-animal-tiger:before {
    content: "\e993"
}

.icofont-animal-turtle:before {
    content: "\e994"
}

.icofont-animal-whale:before {
    content: "\e995"
}

.icofont-animal-woodpecker:before {
    content: "\e996"
}

.icofont-animal-zebra:before {
    content: "\e997"
}

.icofont-brand-acer:before {
    content: "\e998"
}

.icofont-brand-adidas:before {
    content: "\e999"
}

.icofont-brand-adobe:before {
    content: "\e99a"
}

.icofont-brand-air-new-zealand:before {
    content: "\e99b"
}

.icofont-brand-airbnb:before {
    content: "\e99c"
}

.icofont-brand-aircell:before {
    content: "\e99d"
}

.icofont-brand-airtel:before {
    content: "\e99e"
}

.icofont-brand-alcatel:before {
    content: "\e99f"
}

.icofont-brand-alibaba:before {
    content: "\e9a0"
}

.icofont-brand-aliexpress:before {
    content: "\e9a1"
}

.icofont-brand-alipay:before {
    content: "\e9a2"
}

.icofont-brand-amazon:before {
    content: "\e9a3"
}

.icofont-brand-amd:before {
    content: "\e9a4"
}

.icofont-brand-american-airlines:before {
    content: "\e9a5"
}

.icofont-brand-android-robot:before {
    content: "\e9a6"
}

.icofont-brand-android:before {
    content: "\e9a7"
}

.icofont-brand-aol:before {
    content: "\e9a8"
}

.icofont-brand-apple:before {
    content: "\e9a9"
}

.icofont-brand-appstore:before {
    content: "\e9aa"
}

.icofont-brand-asus:before {
    content: "\e9ab"
}

.icofont-brand-ati:before {
    content: "\e9ac"
}

.icofont-brand-att:before {
    content: "\e9ad"
}

.icofont-brand-audi:before {
    content: "\e9ae"
}

.icofont-brand-axiata:before {
    content: "\e9af"
}

.icofont-brand-bada:before {
    content: "\e9b0"
}

.icofont-brand-bbc:before {
    content: "\e9b1"
}

.icofont-brand-bing:before {
    content: "\e9b2"
}

.icofont-brand-blackberry:before {
    content: "\e9b3"
}

.icofont-brand-bmw:before {
    content: "\e9b4"
}

.icofont-brand-box:before {
    content: "\e9b5"
}

.icofont-brand-burger-king:before {
    content: "\e9b6"
}

.icofont-brand-business-insider:before {
    content: "\e9b7"
}

.icofont-brand-buzzfeed:before {
    content: "\e9b8"
}

.icofont-brand-cannon:before {
    content: "\e9b9"
}

.icofont-brand-casio:before {
    content: "\e9ba"
}

.icofont-brand-china-mobile:before {
    content: "\e9bb"
}

.icofont-brand-china-telecom:before {
    content: "\e9bc"
}

.icofont-brand-china-unicom:before {
    content: "\e9bd"
}

.icofont-brand-cisco:before {
    content: "\e9be"
}

.icofont-brand-citibank:before {
    content: "\e9bf"
}

.icofont-brand-cnet:before {
    content: "\e9c0"
}

.icofont-brand-cnn:before {
    content: "\e9c1"
}

.icofont-brand-cocal-cola:before {
    content: "\e9c2"
}

.icofont-brand-compaq:before {
    content: "\e9c3"
}

.icofont-brand-copy:before {
    content: "\e9c4"
}

.icofont-brand-debian:before {
    content: "\e9c5"
}

.icofont-brand-delicious:before {
    content: "\e9c6"
}

.icofont-brand-dell:before {
    content: "\e9c7"
}

.icofont-brand-designbump:before {
    content: "\e9c8"
}

.icofont-brand-designfloat:before {
    content: "\e9c9"
}

.icofont-brand-disney:before {
    content: "\e9ca"
}

.icofont-brand-dodge:before {
    content: "\e9cb"
}

.icofont-brand-dove:before {
    content: "\e9cc"
}

.icofont-brand-ebay:before {
    content: "\e9cd"
}

.icofont-brand-eleven:before {
    content: "\e9ce"
}

.icofont-brand-emirates:before {
    content: "\e9cf"
}

.icofont-brand-espn:before {
    content: "\e9d0"
}

.icofont-brand-etihad-airways:before {
    content: "\e9d1"
}

.icofont-brand-etisalat:before {
    content: "\e9d2"
}

.icofont-brand-etsy:before {
    content: "\e9d3"
}

.icofont-brand-facebook:before {
    content: "\e9d4"
}

.icofont-brand-fastrack:before {
    content: "\e9d5"
}

.icofont-brand-fedex:before {
    content: "\e9d6"
}

.icofont-brand-ferrari:before {
    content: "\e9d7"
}

.icofont-brand-fitbit:before {
    content: "\e9d8"
}

.icofont-brand-flikr:before {
    content: "\e9d9"
}

.icofont-brand-forbes:before {
    content: "\e9da"
}

.icofont-brand-foursquare:before {
    content: "\e9db"
}

.icofont-brand-fox:before {
    content: "\e9dc"
}

.icofont-brand-foxconn:before {
    content: "\e9dd"
}

.icofont-brand-fujitsu:before {
    content: "\e9de"
}

.icofont-brand-general-electric:before {
    content: "\e9df"
}

.icofont-brand-gillette:before {
    content: "\e9e0"
}

.icofont-brand-gizmodo:before {
    content: "\e9e1"
}

.icofont-brand-gnome:before {
    content: "\e9e2"
}

.icofont-brand-google:before {
    content: "\e9e3"
}

.icofont-brand-gopro:before {
    content: "\e9e4"
}

.icofont-brand-gucci:before {
    content: "\e9e5"
}

.icofont-brand-hallmark:before {
    content: "\e9e6"
}

.icofont-brand-hi5:before {
    content: "\e9e7"
}

.icofont-brand-honda:before {
    content: "\e9e8"
}

.icofont-brand-hp:before {
    content: "\e9e9"
}

.icofont-brand-hsbc:before {
    content: "\e9ea"
}

.icofont-brand-htc:before {
    content: "\e9eb"
}

.icofont-brand-huawei:before {
    content: "\e9ec"
}

.icofont-brand-hulu:before {
    content: "\e9ed"
}

.icofont-brand-hyundai:before {
    content: "\e9ee"
}

.icofont-brand-ibm:before {
    content: "\e9ef"
}

.icofont-brand-icofont:before {
    content: "\e9f0"
}

.icofont-brand-icq:before {
    content: "\e9f1"
}

.icofont-brand-ikea:before {
    content: "\e9f2"
}

.icofont-brand-imdb:before {
    content: "\e9f3"
}

.icofont-brand-indiegogo:before {
    content: "\e9f4"
}

.icofont-brand-intel:before {
    content: "\e9f5"
}

.icofont-brand-ipair:before {
    content: "\e9f6"
}

.icofont-brand-jaguar:before {
    content: "\e9f7"
}

.icofont-brand-java:before {
    content: "\e9f8"
}

.icofont-brand-joomshaper:before {
    content: "\e9f9"
}

.icofont-brand-kickstarter:before {
    content: "\e9fa"
}

.icofont-brand-kik:before {
    content: "\e9fb"
}

.icofont-brand-lastfm:before {
    content: "\e9fc"
}

.icofont-brand-lego:before {
    content: "\e9fd"
}

.icofont-brand-lenovo:before {
    content: "\e9fe"
}

.icofont-brand-levis:before {
    content: "\e9ff"
}

.icofont-brand-lexus:before {
    content: "\ea00"
}

.icofont-brand-lg:before {
    content: "\ea01"
}

.icofont-brand-life-hacker:before {
    content: "\ea02"
}

.icofont-brand-line-messenger:before {
    content: "\ea03"
}

.icofont-brand-linkedin:before {
    content: "\ea04"
}

.icofont-brand-linux-mint:before {
    content: "\ea05"
}

.icofont-brand-linux:before {
    content: "\ea06"
}

.icofont-brand-lionix:before {
    content: "\ea07"
}

.icofont-brand-live-messenger:before {
    content: "\ea08"
}

.icofont-brand-loreal:before {
    content: "\ea09"
}

.icofont-brand-louis-vuitton:before {
    content: "\ea0a"
}

.icofont-brand-mac-os:before {
    content: "\ea0b"
}

.icofont-brand-marvel-app:before {
    content: "\ea0c"
}

.icofont-brand-mashable:before {
    content: "\ea0d"
}

.icofont-brand-mazda:before {
    content: "\ea0e"
}

.icofont-brand-mcdonals:before {
    content: "\ea0f"
}

.icofont-brand-mercedes:before {
    content: "\ea10"
}

.icofont-brand-micromax:before {
    content: "\ea11"
}

.icofont-brand-microsoft:before {
    content: "\ea12"
}

.icofont-brand-mobileme:before {
    content: "\ea13"
}

.icofont-brand-mobily:before {
    content: "\ea14"
}

.icofont-brand-motorola:before {
    content: "\ea15"
}

.icofont-brand-msi:before {
    content: "\ea16"
}

.icofont-brand-mts:before {
    content: "\ea17"
}

.icofont-brand-myspace:before {
    content: "\ea18"
}

.icofont-brand-mytv:before {
    content: "\ea19"
}

.icofont-brand-nasa:before {
    content: "\ea1a"
}

.icofont-brand-natgeo:before {
    content: "\ea1b"
}

.icofont-brand-nbc:before {
    content: "\ea1c"
}

.icofont-brand-nescafe:before {
    content: "\ea1d"
}

.icofont-brand-nestle:before {
    content: "\ea1e"
}

.icofont-brand-netflix:before {
    content: "\ea1f"
}

.icofont-brand-nexus:before {
    content: "\ea20"
}

.icofont-brand-nike:before {
    content: "\ea21"
}

.icofont-brand-nokia:before {
    content: "\ea22"
}

.icofont-brand-nvidia:before {
    content: "\ea23"
}

.icofont-brand-omega:before {
    content: "\ea24"
}

.icofont-brand-opensuse:before {
    content: "\ea25"
}

.icofont-brand-oracle:before {
    content: "\ea26"
}

.icofont-brand-panasonic:before {
    content: "\ea27"
}

.icofont-brand-paypal:before {
    content: "\ea28"
}

.icofont-brand-pepsi:before {
    content: "\ea29"
}

.icofont-brand-philips:before {
    content: "\ea2a"
}

.icofont-brand-pizza-hut:before {
    content: "\ea2b"
}

.icofont-brand-playstation:before {
    content: "\ea2c"
}

.icofont-brand-puma:before {
    content: "\ea2d"
}

.icofont-brand-qatar-air:before {
    content: "\ea2e"
}

.icofont-brand-qvc:before {
    content: "\ea2f"
}

.icofont-brand-readernaut:before {
    content: "\ea30"
}

.icofont-brand-redbull:before {
    content: "\ea31"
}

.icofont-brand-reebok:before {
    content: "\ea32"
}

.icofont-brand-reuters:before {
    content: "\ea33"
}

.icofont-brand-samsung:before {
    content: "\ea34"
}

.icofont-brand-sap:before {
    content: "\ea35"
}

.icofont-brand-saudia-airlines:before {
    content: "\ea36"
}

.icofont-brand-scribd:before {
    content: "\ea37"
}

.icofont-brand-shell:before {
    content: "\ea38"
}

.icofont-brand-siemens:before {
    content: "\ea39"
}

.icofont-brand-sk-telecom:before {
    content: "\ea3a"
}

.icofont-brand-slideshare:before {
    content: "\ea3b"
}

.icofont-brand-smashing-magazine:before {
    content: "\ea3c"
}

.icofont-brand-snapchat:before {
    content: "\ea3d"
}

.icofont-brand-sony-ericsson:before {
    content: "\ea3e"
}

.icofont-brand-sony:before {
    content: "\ea3f"
}

.icofont-brand-soundcloud:before {
    content: "\ea40"
}

.icofont-brand-sprint:before {
    content: "\ea41"
}

.icofont-brand-squidoo:before {
    content: "\ea42"
}

.icofont-brand-starbucks:before {
    content: "\ea43"
}

.icofont-brand-stc:before {
    content: "\ea44"
}

.icofont-brand-steam:before {
    content: "\ea45"
}

.icofont-brand-suzuki:before {
    content: "\ea46"
}

.icofont-brand-symbian:before {
    content: "\ea47"
}

.icofont-brand-t-mobile:before {
    content: "\ea48"
}

.icofont-brand-tango:before {
    content: "\ea49"
}

.icofont-brand-target:before {
    content: "\ea4a"
}

.icofont-brand-tata-indicom:before {
    content: "\ea4b"
}

.icofont-brand-techcrunch:before {
    content: "\ea4c"
}

.icofont-brand-telenor:before {
    content: "\ea4d"
}

.icofont-brand-teliasonera:before {
    content: "\ea4e"
}

.icofont-brand-tesla:before {
    content: "\ea4f"
}

.icofont-brand-the-verge:before {
    content: "\ea50"
}

.icofont-brand-thenextweb:before {
    content: "\ea51"
}

.icofont-brand-toshiba:before {
    content: "\ea52"
}

.icofont-brand-toyota:before {
    content: "\ea53"
}

.icofont-brand-tribenet:before {
    content: "\ea54"
}

.icofont-brand-ubuntu:before {
    content: "\ea55"
}

.icofont-brand-unilever:before {
    content: "\ea56"
}

.icofont-brand-vaio:before {
    content: "\ea57"
}

.icofont-brand-verizon:before {
    content: "\ea58"
}

.icofont-brand-viber:before {
    content: "\ea59"
}

.icofont-brand-vodafone:before {
    content: "\ea5a"
}

.icofont-brand-volkswagen:before {
    content: "\ea5b"
}

.icofont-brand-walmart:before {
    content: "\ea5c"
}

.icofont-brand-warnerbros:before {
    content: "\ea5d"
}

.icofont-brand-whatsapp:before {
    content: "\ea5e"
}

.icofont-brand-wikipedia:before {
    content: "\ea5f"
}

.icofont-brand-windows:before {
    content: "\ea60"
}

.icofont-brand-wire:before {
    content: "\ea61"
}

.icofont-brand-yahoobuzz:before {
    content: "\ea62"
}

.icofont-brand-yamaha:before {
    content: "\ea63"
}

.icofont-brand-youtube:before {
    content: "\ea64"
}

.icofont-brand-zain:before {
    content: "\ea65"
}

.icofont-bank-alt:before {
    content: "\ea66"
}

.icofont-barcode:before {
    content: "\ea67"
}

.icofont-basket:before {
    content: "\ea68"
}

.icofont-bill-alt:before {
    content: "\ea69"
}

.icofont-billboard:before {
    content: "\ea6a"
}

.icofont-briefcase-alt-1:before {
    content: "\ea6b"
}

.icofont-briefcase-alt-2:before {
    content: "\ea6c"
}

.icofont-building-alt:before {
    content: "\ea6d"
}

.icofont-businessman:before {
    content: "\ea6e"
}

.icofont-businesswoman:before {
    content: "\ea6f"
}

.icofont-cart-alt:before {
    content: "\ea70"
}

.icofont-chair:before {
    content: "\ea71"
}

.icofont-clip:before {
    content: "\ea72"
}

.icofont-coins:before {
    content: "\ea73"
}

.icofont-company:before {
    content: "\ea74"
}

.icofont-contact-add:before {
    content: "\ea75"
}

.icofont-deal:before {
    content: "\ea76"
}

.icofont-files:before {
    content: "\ea77"
}

.icofont-growth:before {
    content: "\ea78"
}

.icofont-id-card:before {
    content: "\ea79"
}

.icofont-idea:before {
    content: "\ea7a"
}

.icofont-list:before {
    content: "\ea7b"
}

.icofont-meeting-add:before {
    content: "\ea7c"
}

.icofont-money-bag:before {
    content: "\ea7d"
}

.icofont-people:before {
    content: "\ea7e"
}

.icofont-pie-chart:before {
    content: "\ea7f"
}

.icofont-presentation-alt:before {
    content: "\ea80"
}

.icofont-stamp:before {
    content: "\ea81"
}

.icofont-stock-mobile:before {
    content: "\ea82"
}

.icofont-support:before {
    content: "\ea83"
}

.icofont-tasks-alt:before {
    content: "\ea84"
}

.icofont-wheel:before {
    content: "\ea85"
}

.icofont-chart-arrows-axis:before {
    content: "\ea86"
}

.icofont-chart-bar-graph:before {
    content: "\ea87"
}

.icofont-chart-flow-alt-1:before {
    content: "\ea88"
}

.icofont-chart-flow-alt-2:before {
    content: "\ea89"
}

.icofont-chart-flow:before {
    content: "\ea8a"
}

.icofont-chart-histogram-alt:before {
    content: "\ea8b"
}

.icofont-chart-histogram:before {
    content: "\ea8c"
}

.icofont-chart-line-alt:before {
    content: "\ea8d"
}

.icofont-chart-line:before {
    content: "\ea8e"
}

.icofont-chart-pie-alt:before {
    content: "\ea8f"
}

.icofont-chart-pie:before {
    content: "\ea90"
}

.icofont-chart-radar-graph:before {
    content: "\ea91"
}

.icofont-cur-afghani-false:before {
    content: "\ea92"
}

.icofont-cur-afghani-minus:before {
    content: "\ea93"
}

.icofont-cur-afghani-plus:before {
    content: "\ea94"
}

.icofont-cur-afghani-true:before {
    content: "\ea95"
}

.icofont-cur-afghani:before {
    content: "\ea96"
}

.icofont-cur-baht-false:before {
    content: "\ea97"
}

.icofont-cur-baht-minus:before {
    content: "\ea98"
}

.icofont-cur-baht-plus:before {
    content: "\ea99"
}

.icofont-cur-baht-true:before {
    content: "\ea9a"
}

.icofont-cur-baht:before {
    content: "\ea9b"
}

.icofont-cur-bitcoin-false:before {
    content: "\ea9c"
}

.icofont-cur-bitcoin-minus:before {
    content: "\ea9d"
}

.icofont-cur-bitcoin-plus:before {
    content: "\ea9e"
}

.icofont-cur-bitcoin-true:before {
    content: "\ea9f"
}

.icofont-cur-bitcoin:before {
    content: "\eaa0"
}

.icofont-cur-dollar-flase:before {
    content: "\eaa1"
}

.icofont-cur-dollar-minus:before {
    content: "\eaa2"
}

.icofont-cur-dollar-plus:before {
    content: "\eaa3"
}

.icofont-cur-dollar-true:before {
    content: "\eaa4"
}

.icofont-cur-dollar:before {
    content: "\eaa5"
}

.icofont-cur-dong-false:before {
    content: "\eaa6"
}

.icofont-cur-dong-minus:before {
    content: "\eaa7"
}

.icofont-cur-dong-plus:before {
    content: "\eaa8"
}

.icofont-cur-dong-true:before {
    content: "\eaa9"
}

.icofont-cur-dong:before {
    content: "\eaaa"
}

.icofont-cur-euro-false:before {
    content: "\eaab"
}

.icofont-cur-euro-minus:before {
    content: "\eaac"
}

.icofont-cur-euro-plus:before {
    content: "\eaad"
}

.icofont-cur-euro-true:before {
    content: "\eaae"
}

.icofont-cur-euro:before {
    content: "\eaaf"
}

.icofont-cur-frank-false:before {
    content: "\eab0"
}

.icofont-cur-frank-minus:before {
    content: "\eab1"
}

.icofont-cur-frank-plus:before {
    content: "\eab2"
}

.icofont-cur-frank-true:before {
    content: "\eab3"
}

.icofont-cur-frank:before {
    content: "\eab4"
}

.icofont-cur-hryvnia-false:before {
    content: "\eab5"
}

.icofont-cur-hryvnia-minus:before {
    content: "\eab6"
}

.icofont-cur-hryvnia-plus:before {
    content: "\eab7"
}

.icofont-cur-hryvnia-true:before {
    content: "\eab8"
}

.icofont-cur-hryvnia:before {
    content: "\eab9"
}

.icofont-cur-lira-false:before {
    content: "\eaba"
}

.icofont-cur-lira-minus:before {
    content: "\eabb"
}

.icofont-cur-lira-plus:before {
    content: "\eabc"
}

.icofont-cur-lira-true:before {
    content: "\eabd"
}

.icofont-cur-lira:before {
    content: "\eabe"
}

.icofont-cur-peseta-false:before {
    content: "\eabf"
}

.icofont-cur-peseta-minus:before {
    content: "\eac0"
}

.icofont-cur-peseta-plus:before {
    content: "\eac1"
}

.icofont-cur-peseta-true:before {
    content: "\eac2"
}

.icofont-cur-peseta:before {
    content: "\eac3"
}

.icofont-cur-peso-false:before {
    content: "\eac4"
}

.icofont-cur-peso-minus:before {
    content: "\eac5"
}

.icofont-cur-peso-plus:before {
    content: "\eac6"
}

.icofont-cur-peso-true:before {
    content: "\eac7"
}

.icofont-cur-peso:before {
    content: "\eac8"
}

.icofont-cur-pound-false:before {
    content: "\eac9"
}

.icofont-cur-pound-minus:before {
    content: "\eaca"
}

.icofont-cur-pound-plus:before {
    content: "\eacb"
}

.icofont-cur-pound-true:before {
    content: "\eacc"
}

.icofont-cur-pound:before {
    content: "\eacd"
}

.icofont-cur-renminbi-false:before {
    content: "\eace"
}

.icofont-cur-renminbi-minus:before {
    content: "\eacf"
}

.icofont-cur-renminbi-plus:before {
    content: "\ead0"
}

.icofont-cur-renminbi-true:before {
    content: "\ead1"
}

.icofont-cur-renminbi:before {
    content: "\ead2"
}

.icofont-cur-riyal-false:before {
    content: "\ead3"
}

.icofont-cur-riyal-minus:before {
    content: "\ead4"
}

.icofont-cur-riyal-plus:before {
    content: "\ead5"
}

.icofont-cur-riyal-true:before {
    content: "\ead6"
}

.icofont-cur-riyal:before {
    content: "\ead7"
}

.icofont-cur-rouble-false:before {
    content: "\ead8"
}

.icofont-cur-rouble-minus:before {
    content: "\ead9"
}

.icofont-cur-rouble-plus:before {
    content: "\eada"
}

.icofont-cur-rouble-true:before {
    content: "\eadb"
}

.icofont-cur-rouble:before {
    content: "\eadc"
}

.icofont-cur-rupee-false:before {
    content: "\eadd"
}

.icofont-cur-rupee-minus:before {
    content: "\eade"
}

.icofont-cur-rupee-plus:before {
    content: "\eadf"
}

.icofont-cur-rupee-true:before {
    content: "\eae0"
}

.icofont-cur-rupee:before {
    content: "\eae1"
}

.icofont-cur-taka-false:before {
    content: "\eae2"
}

.icofont-cur-taka-minus:before {
    content: "\eae3"
}

.icofont-cur-taka-plus:before {
    content: "\eae4"
}

.icofont-cur-taka-true:before {
    content: "\eae5"
}

.icofont-cur-taka:before {
    content: "\eae6"
}

.icofont-cur-turkish-lira-false:before {
    content: "\eae7"
}

.icofont-cur-turkish-lira-minus:before {
    content: "\eae8"
}

.icofont-cur-turkish-lira-plus:before {
    content: "\eae9"
}

.icofont-cur-turkish-lira-true:before {
    content: "\eaea"
}

.icofont-cur-turkish-lira:before {
    content: "\eaeb"
}

.icofont-cur-won-false:before {
    content: "\eaec"
}

.icofont-cur-won-minus:before {
    content: "\eaed"
}

.icofont-cur-won-plus:before {
    content: "\eaee"
}

.icofont-cur-won-true:before {
    content: "\eaef"
}

.icofont-cur-won:before {
    content: "\eaf0"
}

.icofont-cur-yen-false:before {
    content: "\eaf1"
}

.icofont-cur-yen-minus:before {
    content: "\eaf2"
}

.icofont-cur-yen-plus:before {
    content: "\eaf3"
}

.icofont-cur-yen-true:before {
    content: "\eaf4"
}

.icofont-cur-yen:before {
    content: "\eaf5"
}

.icofont-android-nexus:before {
    content: "\eaf6"
}

.icofont-android-tablet:before {
    content: "\eaf7"
}

.icofont-apple-watch:before {
    content: "\eaf8"
}

.icofont-drwaing-tablet:before {
    content: "\eaf9"
}

.icofont-earphone:before {
    content: "\eafa"
}

.icofont-flash-drive:before {
    content: "\eafb"
}

.icofont-game-control:before {
    content: "\eafc"
}

.icofont-headphone-alt:before {
    content: "\eafd"
}

.icofont-htc-one:before {
    content: "\eafe"
}

.icofont-imac:before {
    content: "\eaff"
}

.icofont-ipad-touch:before {
    content: "\eb00"
}

.icofont-iphone:before {
    content: "\eb01"
}

.icofont-ipod-nano:before {
    content: "\eb02"
}

.icofont-ipod-touch:before {
    content: "\eb03"
}

.icofont-keyboard-alt:before {
    content: "\eb04"
}

.icofont-keyboard-wireless:before {
    content: "\eb05"
}

.icofont-laptop-alt:before {
    content: "\eb06"
}

.icofont-macbook:before {
    content: "\eb07"
}

.icofont-magic-mouse:before {
    content: "\eb08"
}

.icofont-microphone-alt:before {
    content: "\eb09"
}

.icofont-monitor:before {
    content: "\eb0a"
}

.icofont-mouse:before {
    content: "\eb0b"
}

.icofont-nintendo:before {
    content: "\eb0c"
}

.icofont-playstation:before {
    content: "\eb0d"
}

.icofont-psvita:before {
    content: "\eb0e"
}

.icofont-radio-mic:before {
    content: "\eb0f"
}

.icofont-refrigerator:before {
    content: "\eb10"
}

.icofont-samsung-galaxy:before {
    content: "\eb11"
}

.icofont-surface-tablet:before {
    content: "\eb12"
}

.icofont-washing-machine:before {
    content: "\eb13"
}

.icofont-wifi-router:before {
    content: "\eb14"
}

.icofont-wii-u:before {
    content: "\eb15"
}

.icofont-windows-lumia:before {
    content: "\eb16"
}

.icofont-wireless-mouse:before {
    content: "\eb17"
}

.icofont-xbox-360:before {
    content: "\eb18"
}

.icofont-arrow-down:before {
    content: "\eb19"
}

.icofont-arrow-left:before {
    content: "\eb1a"
}

.icofont-arrow-right:before {
    content: "\eb1b"
}

.icofont-arrow-up:before {
    content: "\eb1c"
}

.icofont-block-down:before {
    content: "\eb1d"
}

.icofont-block-left:before {
    content: "\eb1e"
}

.icofont-block-right:before {
    content: "\eb1f"
}

.icofont-block-up:before {
    content: "\eb20"
}

.icofont-bubble-down:before {
    content: "\eb21"
}

.icofont-bubble-left:before {
    content: "\eb22"
}

.icofont-bubble-right:before {
    content: "\eb23"
}

.icofont-bubble-up:before {
    content: "\eb24"
}

.icofont-caret-down:before {
    content: "\eb25"
}

.icofont-caret-left:before {
    content: "\eb26"
}

.icofont-caret-right:before {
    content: "\eb27"
}

.icofont-caret-up:before {
    content: "\eb28"
}

.icofont-circled-down:before {
    content: "\eb29"
}

.icofont-circled-left:before {
    content: "\eb2a"
}

.icofont-circled-right:before {
    content: "\eb2b"
}

.icofont-circled-up:before {
    content: "\eb2c"
}

.icofont-collapse:before {
    content: "\eb2d"
}

.icofont-cursor-drag:before {
    content: "\eb2e"
}

.icofont-curved-double-left:before {
    content: "\eb2f"
}

.icofont-curved-double-right:before {
    content: "\eb30"
}

.icofont-curved-down:before {
    content: "\eb31"
}

.icofont-curved-left:before {
    content: "\eb32"
}

.icofont-curved-right:before {
    content: "\eb33"
}

.icofont-curved-up:before {
    content: "\eb34"
}

.icofont-dotted-down:before {
    content: "\eb35"
}

.icofont-dotted-left:before {
    content: "\eb36"
}

.icofont-dotted-right:before {
    content: "\eb37"
}

.icofont-dotted-up:before {
    content: "\eb38"
}

.icofont-double-left:before {
    content: "\eb39"
}

.icofont-double-right:before {
    content: "\eb3a"
}

.icofont-drag:before {
    content: "\eb3b"
}

.icofont-drag1:before {
    content: "\eb3c"
}

.icofont-drag2:before {
    content: "\eb3d"
}

.icofont-drag3:before {
    content: "\eb3e"
}

.icofont-expand-alt:before {
    content: "\eb3f"
}

.icofont-hand-down:before {
    content: "\eb40"
}

.icofont-hand-drag:before {
    content: "\eb41"
}

.icofont-hand-drag1:before {
    content: "\eb42"
}

.icofont-hand-drag2:before {
    content: "\eb43"
}

.icofont-hand-drawn-alt-down:before {
    content: "\eb44"
}

.icofont-hand-drawn-alt-left:before {
    content: "\eb45"
}

.icofont-hand-drawn-alt-right:before {
    content: "\eb46"
}

.icofont-hand-drawn-alt-up:before {
    content: "\eb47"
}

.icofont-hand-drawn-down:before {
    content: "\eb48"
}

.icofont-hand-drawn-left:before {
    content: "\eb49"
}

.icofont-hand-drawn-right:before {
    content: "\eb4a"
}

.icofont-hand-drawn-up:before {
    content: "\eb4b"
}

.icofont-hand-left:before {
    content: "\eb4c"
}

.icofont-hand-right:before {
    content: "\eb4d"
}

.icofont-hand-up:before {
    content: "\eb4e"
}

.icofont-line-block-down:before {
    content: "\eb4f"
}

.icofont-line-block-left:before {
    content: "\eb50"
}

.icofont-line-block-right:before {
    content: "\eb51"
}

.icofont-line-block-up:before {
    content: "\eb52"
}

.icofont-long-arrow-down:before {
    content: "\eb53"
}

.icofont-long-arrow-left:before {
    content: "\eb54"
}

.icofont-long-arrow-right:before {
    content: "\eb55"
}

.icofont-long-arrow-up:before {
    content: "\eb56"
}

.icofont-rounded-collapse:before {
    content: "\eb57"
}

.icofont-rounded-double-left:before {
    content: "\eb58"
}

.icofont-rounded-double-right:before {
    content: "\eb59"
}

.icofont-rounded-down:before {
    content: "\eb5a"
}

.icofont-rounded-expand:before {
    content: "\eb5b"
}

.icofont-rounded-left-down:before {
    content: "\eb5c"
}

.icofont-rounded-left-up:before {
    content: "\eb5d"
}

.icofont-rounded-left:before {
    content: "\eb5e"
}

.icofont-rounded-right-down:before {
    content: "\eb5f"
}

.icofont-rounded-right-up:before {
    content: "\eb60"
}

.icofont-rounded-right:before {
    content: "\eb61"
}

.icofont-rounded-up:before {
    content: "\eb62"
}

.icofont-scroll-bubble-down:before {
    content: "\eb63"
}

.icofont-scroll-bubble-left:before {
    content: "\eb64"
}

.icofont-scroll-bubble-right:before {
    content: "\eb65"
}

.icofont-scroll-bubble-up:before {
    content: "\eb66"
}

.icofont-scroll-double-down:before {
    content: "\eb67"
}

.icofont-scroll-double-left:before {
    content: "\eb68"
}

.icofont-scroll-double-right:before {
    content: "\eb69"
}

.icofont-scroll-double-up:before {
    content: "\eb6a"
}

.icofont-scroll-down:before {
    content: "\eb6b"
}

.icofont-scroll-left:before {
    content: "\eb6c"
}

.icofont-scroll-long-down:before {
    content: "\eb6d"
}

.icofont-scroll-long-left:before {
    content: "\eb6e"
}

.icofont-scroll-long-right:before {
    content: "\eb6f"
}

.icofont-scroll-long-up:before {
    content: "\eb70"
}

.icofont-scroll-right:before {
    content: "\eb71"
}

.icofont-scroll-up:before {
    content: "\eb72"
}

.icofont-simple-down:before {
    content: "\eb73"
}

.icofont-simple-left-down:before {
    content: "\eb74"
}

.icofont-simple-left-up:before {
    content: "\eb75"
}

.icofont-simple-left:before {
    content: "\eb76"
}

.icofont-simple-right-down:before {
    content: "\eb77"
}

.icofont-simple-right-up:before {
    content: "\eb78"
}

.icofont-simple-right:before {
    content: "\eb79"
}

.icofont-simple-up:before {
    content: "\eb7a"
}

.icofont-square-down:before {
    content: "\eb7b"
}

.icofont-square-left:before {
    content: "\eb7c"
}

.icofont-square-right:before {
    content: "\eb7d"
}

.icofont-square-up:before {
    content: "\eb7e"
}

.icofont-stylish-down:before {
    content: "\eb7f"
}

.icofont-stylish-left:before {
    content: "\eb80"
}

.icofont-stylish-right:before {
    content: "\eb81"
}

.icofont-stylish-up:before {
    content: "\eb82"
}

.icofont-swoosh-down:before {
    content: "\eb83"
}

.icofont-swoosh-left:before {
    content: "\eb84"
}

.icofont-swoosh-right:before {
    content: "\eb85"
}

.icofont-swoosh-up:before {
    content: "\eb86"
}

.icofont-thin-double-left:before {
    content: "\eb87"
}

.icofont-thin-double-right:before {
    content: "\eb88"
}

.icofont-thin-down:before {
    content: "\eb89"
}

.icofont-thin-left:before {
    content: "\eb8a"
}

.icofont-thin-right:before {
    content: "\eb8b"
}

.icofont-thin-up:before {
    content: "\eb8c"
}

.icofont-atom:before {
    content: "\eb8d"
}

.icofont-award:before {
    content: "\eb8e"
}

.icofont-bell-alt:before {
    content: "\eb8f"
}

.icofont-book-alt:before {
    content: "\eb90"
}

.icofont-brainstorming:before {
    content: "\eb91"
}

.icofont-certificate-alt-1:before {
    content: "\eb92"
}

.icofont-certificate-alt-2:before {
    content: "\eb93"
}

.icofont-dna-alt-2:before {
    content: "\eb94"
}

.icofont-education:before {
    content: "\eb95"
}

.icofont-electron:before {
    content: "\eb96"
}

.icofont-fountain-pen:before {
    content: "\eb97"
}

.icofont-globe-alt:before {
    content: "\eb98"
}

.icofont-graduate-alt:before {
    content: "\eb99"
}

.icofont-group-students:before {
    content: "\eb9a"
}

.icofont-hat-alt:before {
    content: "\eb9b"
}

.icofont-hat:before {
    content: "\eb9c"
}

.icofont-instrument:before {
    content: "\eb9d"
}

.icofont-lamp-light:before {
    content: "\eb9e"
}

.icofont-microscope-alt:before {
    content: "\eb9f"
}

.icofont-paper:before {
    content: "\eba0"
}

.icofont-pen-alt-4:before {
    content: "\eba1"
}

.icofont-pen-nib:before {
    content: "\eba2"
}

.icofont-pencil-alt-5:before {
    content: "\eba3"
}

.icofont-quill-pen:before {
    content: "\eba4"
}

.icofont-read-book-alt:before {
    content: "\eba5"
}

.icofont-read-book:before {
    content: "\eba6"
}

.icofont-school-bag:before {
    content: "\eba7"
}

.icofont-school-bus:before {
    content: "\eba8"
}

.icofont-student-alt:before {
    content: "\eba9"
}

.icofont-student:before {
    content: "\ebaa"
}

.icofont-teacher:before {
    content: "\ebab"
}

.icofont-test-bulb:before {
    content: "\ebac"
}

.icofont-test-tube-alt:before {
    content: "\ebad"
}

.icofont-university:before {
    content: "\ebae"
}

.icofont-emo-angry:before {
    content: "\ebaf"
}

.icofont-emo-astonished:before {
    content: "\ebb0"
}

.icofont-emo-confounded:before {
    content: "\ebb1"
}

.icofont-emo-confused:before {
    content: "\ebb2"
}

.icofont-emo-crying:before {
    content: "\ebb3"
}

.icofont-emo-dizzy:before {
    content: "\ebb4"
}

.icofont-emo-expressionless:before {
    content: "\ebb5"
}

.icofont-emo-heart-eyes:before {
    content: "\ebb6"
}

.icofont-emo-laughing:before {
    content: "\ebb7"
}

.icofont-emo-nerd-smile:before {
    content: "\ebb8"
}

.icofont-emo-open-mouth:before {
    content: "\ebb9"
}

.icofont-emo-rage:before {
    content: "\ebba"
}

.icofont-emo-rolling-eyes:before {
    content: "\ebbb"
}

.icofont-emo-sad:before {
    content: "\ebbc"
}

.icofont-emo-simple-smile:before {
    content: "\ebbd"
}

.icofont-emo-slightly-smile:before {
    content: "\ebbe"
}

.icofont-emo-smirk:before {
    content: "\ebbf"
}

.icofont-emo-stuck-out-tongue:before {
    content: "\ebc0"
}

.icofont-emo-wink-smile:before {
    content: "\ebc1"
}

.icofont-emo-worried:before {
    content: "\ebc2"
}

.icofont-architecture-alt:before {
    content: "\ebc3"
}

.icofont-architecture:before {
    content: "\ebc4"
}

.icofont-barricade:before {
    content: "\ebc5"
}

.icofont-bricks:before {
    content: "\ebc6"
}

.icofont-calculations:before {
    content: "\ebc7"
}

.icofont-cement-mix:before {
    content: "\ebc8"
}

.icofont-cement-mixer:before {
    content: "\ebc9"
}

.icofont-danger-zone:before {
    content: "\ebca"
}

.icofont-drill:before {
    content: "\ebcb"
}

.icofont-eco-energy:before {
    content: "\ebcc"
}

.icofont-eco-environmen:before {
    content: "\ebcd"
}

.icofont-energy-air:before {
    content: "\ebce"
}

.icofont-energy-oil:before {
    content: "\ebcf"
}

.icofont-energy-savings:before {
    content: "\ebd0"
}

.icofont-energy-solar:before {
    content: "\ebd1"
}

.icofont-energy-water:before {
    content: "\ebd2"
}

.icofont-engineer:before {
    content: "\ebd3"
}

.icofont-fire-extinguisher-alt:before {
    content: "\ebd4"
}

.icofont-fix-tools:before {
    content: "\ebd5"
}

.icofont-glue-oil:before {
    content: "\ebd6"
}

.icofont-hammer-alt:before {
    content: "\ebd7"
}

.icofont-help-robot:before {
    content: "\ebd8"
}

.icofont-industries-alt-1:before {
    content: "\ebd9"
}

.icofont-industries-alt-2:before {
    content: "\ebda"
}

.icofont-industries-alt-3:before {
    content: "\ebdb"
}

.icofont-industries-alt-4:before {
    content: "\ebdc"
}

.icofont-industries-alt-5:before {
    content: "\ebdd"
}

.icofont-industries:before {
    content: "\ebde"
}

.icofont-labour:before {
    content: "\ebdf"
}

.icofont-mining:before {
    content: "\ebe0"
}

.icofont-paint-brush:before {
    content: "\ebe1"
}

.icofont-pollution:before {
    content: "\ebe2"
}

.icofont-power-zone:before {
    content: "\ebe3"
}

.icofont-radio-active:before {
    content: "\ebe4"
}

.icofont-recycle-alt:before {
    content: "\ebe5"
}

.icofont-recycling-man:before {
    content: "\ebe6"
}

.icofont-safety-hat-light:before {
    content: "\ebe7"
}

.icofont-safety-hat:before {
    content: "\ebe8"
}

.icofont-saw:before {
    content: "\ebe9"
}

.icofont-screw-driver:before {
    content: "\ebea"
}

.icofont-settings-alt:before {
    content: "\ebeb"
}

.icofont-tools-alt-1:before {
    content: "\ebec"
}

.icofont-tools-alt-2:before {
    content: "\ebed"
}

.icofont-tools-bag:before {
    content: "\ebee"
}

.icofont-trolley:before {
    content: "\ebef"
}

.icofont-trowel:before {
    content: "\ebf0"
}

.icofont-under-construction-alt:before {
    content: "\ebf1"
}

.icofont-under-construction:before {
    content: "\ebf2"
}

.icofont-vehicle-cement:before {
    content: "\ebf3"
}

.icofont-vehicle-crane:before {
    content: "\ebf4"
}

.icofont-vehicle-delivery-van:before {
    content: "\ebf5"
}

.icofont-vehicle-dozer:before {
    content: "\ebf6"
}

.icofont-vehicle-excavator:before {
    content: "\ebf7"
}

.icofont-vehicle-trucktor:before {
    content: "\ebf8"
}

.icofont-vehicle-wrecking:before {
    content: "\ebf9"
}

.icofont-worker-group:before {
    content: "\ebfa"
}

.icofont-worker:before {
    content: "\ebfb"
}

.icofont-wrench:before {
    content: "\ebfc"
}

.icofont-file-audio:before {
    content: "\ebfd"
}

.icofont-file-avi-mp4:before {
    content: "\ebfe"
}

.icofont-file-bmp:before {
    content: "\ebff"
}

.icofont-file-code:before {
    content: "\ec00"
}

.icofont-file-css:before {
    content: "\ec01"
}

.icofont-file-document:before {
    content: "\ec02"
}

.icofont-file-eps:before {
    content: "\ec03"
}

.icofont-file-excel:before {
    content: "\ec04"
}

.icofont-file-exe:before {
    content: "\ec05"
}

.icofont-file-file:before {
    content: "\ec06"
}

.icofont-file-flv:before {
    content: "\ec07"
}

.icofont-file-gif:before {
    content: "\ec08"
}

.icofont-file-html5:before {
    content: "\ec09"
}

.icofont-file-image:before {
    content: "\ec0a"
}

.icofont-file-iso:before {
    content: "\ec0b"
}

.icofont-file-java:before {
    content: "\ec0c"
}

.icofont-file-javascript:before {
    content: "\ec0d"
}

.icofont-file-jpg:before {
    content: "\ec0e"
}

.icofont-file-midi:before {
    content: "\ec0f"
}

.icofont-file-mov:before {
    content: "\ec10"
}

.icofont-file-mp3:before {
    content: "\ec11"
}

.icofont-file-pdf:before {
    content: "\ec12"
}

.icofont-file-php:before {
    content: "\ec13"
}

.icofont-file-png:before {
    content: "\ec14"
}

.icofont-file-powerpoint:before {
    content: "\ec15"
}

.icofont-file-presentation:before {
    content: "\ec16"
}

.icofont-file-psb:before {
    content: "\ec17"
}

.icofont-file-psd:before {
    content: "\ec18"
}

.icofont-file-python:before {
    content: "\ec19"
}

.icofont-file-ruby:before {
    content: "\ec1a"
}

.icofont-file-spreadsheet:before {
    content: "\ec1b"
}

.icofont-file-sql:before {
    content: "\ec1c"
}

.icofont-file-svg:before {
    content: "\ec1d"
}

.icofont-file-text:before {
    content: "\ec1e"
}

.icofont-file-tiff:before {
    content: "\ec1f"
}

.icofont-file-video:before {
    content: "\ec20"
}

.icofont-file-wave:before {
    content: "\ec21"
}

.icofont-file-wmv:before {
    content: "\ec22"
}

.icofont-file-word:before {
    content: "\ec23"
}

.icofont-file-zip:before {
    content: "\ec24"
}

.icofont-apple:before {
    content: "\ec25"
}

.icofont-arabian-coffee:before {
    content: "\ec26"
}

.icofont-artichoke:before {
    content: "\ec27"
}

.icofont-asparagus:before {
    content: "\ec28"
}

.icofont-avocado:before {
    content: "\ec29"
}

.icofont-baby-food:before {
    content: "\ec2a"
}

.icofont-banana:before {
    content: "\ec2b"
}

.icofont-bbq:before {
    content: "\ec2c"
}

.icofont-beans:before {
    content: "\ec2d"
}

.icofont-beer:before {
    content: "\ec2e"
}

.icofont-bell-pepper-capsicum:before {
    content: "\ec2f"
}

.icofont-birthday-cake:before {
    content: "\ec30"
}

.icofont-bread:before {
    content: "\ec31"
}

.icofont-broccoli:before {
    content: "\ec32"
}

.icofont-burger:before {
    content: "\ec33"
}

.icofont-cabbage:before {
    content: "\ec34"
}

.icofont-carrot:before {
    content: "\ec35"
}

.icofont-cauli-flower:before {
    content: "\ec36"
}

.icofont-cheese:before {
    content: "\ec37"
}

.icofont-chef:before {
    content: "\ec38"
}

.icofont-cherry:before {
    content: "\ec39"
}

.icofont-chicken-fry:before {
    content: "\ec3a"
}

.icofont-chicken:before {
    content: "\ec3b"
}

.icofont-cocktail:before {
    content: "\ec3c"
}

.icofont-coconut:before {
    content: "\ec3d"
}

.icofont-coffee-alt:before {
    content: "\ec3e"
}

.icofont-coffee-mug:before {
    content: "\ec3f"
}

.icofont-coffee-pot:before {
    content: "\ec40"
}

.icofont-cola:before {
    content: "\ec41"
}

.icofont-corn:before {
    content: "\ec42"
}

.icofont-croissant:before {
    content: "\ec43"
}

.icofont-crop-plant:before {
    content: "\ec44"
}

.icofont-cucumber:before {
    content: "\ec45"
}

.icofont-cup-cake:before {
    content: "\ec46"
}

.icofont-dining-table:before {
    content: "\ec47"
}

.icofont-donut:before {
    content: "\ec48"
}

.icofont-egg-plant:before {
    content: "\ec49"
}

.icofont-egg-poached:before {
    content: "\ec4a"
}

.icofont-farmer:before {
    content: "\ec4b"
}

.icofont-farmer1:before {
    content: "\ec4c"
}

.icofont-fast-food:before {
    content: "\ec4d"
}

.icofont-fish:before {
    content: "\ec4e"
}

.icofont-food-basket:before {
    content: "\ec4f"
}

.icofont-food-cart:before {
    content: "\ec50"
}

.icofont-fork-and-knife:before {
    content: "\ec51"
}

.icofont-french-fries:before {
    content: "\ec52"
}

.icofont-fresh-juice:before {
    content: "\ec53"
}

.icofont-fruits:before {
    content: "\ec54"
}

.icofont-grapes:before {
    content: "\ec55"
}

.icofont-honey:before {
    content: "\ec56"
}

.icofont-hot-dog:before {
    content: "\ec57"
}

.icofont-hotel-alt:before {
    content: "\ec58"
}

.icofont-ice-cream-alt:before {
    content: "\ec59"
}

.icofont-ice-cream:before {
    content: "\ec5a"
}

.icofont-ketchup:before {
    content: "\ec5b"
}

.icofont-kiwi:before {
    content: "\ec5c"
}

.icofont-layered-cake:before {
    content: "\ec5d"
}

.icofont-lemon-alt:before {
    content: "\ec5e"
}

.icofont-lobster:before {
    content: "\ec5f"
}

.icofont-mango:before {
    content: "\ec60"
}

.icofont-milk:before {
    content: "\ec61"
}

.icofont-mushroom:before {
    content: "\ec62"
}

.icofont-noodles:before {
    content: "\ec63"
}

.icofont-onion:before {
    content: "\ec64"
}

.icofont-orange:before {
    content: "\ec65"
}

.icofont-pear:before {
    content: "\ec66"
}

.icofont-peas:before {
    content: "\ec67"
}

.icofont-pepper:before {
    content: "\ec68"
}

.icofont-pie-alt:before {
    content: "\ec69"
}

.icofont-pineapple:before {
    content: "\ec6a"
}

.icofont-pizza-slice:before {
    content: "\ec6b"
}

.icofont-pizza:before {
    content: "\ec6c"
}

.icofont-plant:before {
    content: "\ec6d"
}

.icofont-popcorn:before {
    content: "\ec6e"
}

.icofont-potato:before {
    content: "\ec6f"
}

.icofont-pumpkin:before {
    content: "\ec70"
}

.icofont-raddish:before {
    content: "\ec71"
}

.icofont-restaurant-menu:before {
    content: "\ec72"
}

.icofont-restaurant:before {
    content: "\ec73"
}

.icofont-salt-and-pepper:before {
    content: "\ec74"
}

.icofont-sandwich:before {
    content: "\ec75"
}

.icofont-sausage:before {
    content: "\ec76"
}

.icofont-shrimp:before {
    content: "\ec77"
}

.icofont-sof-drinks:before {
    content: "\ec78"
}

.icofont-soup-bowl:before {
    content: "\ec79"
}

.icofont-spoon-and-fork:before {
    content: "\ec7a"
}

.icofont-steak:before {
    content: "\ec7b"
}

.icofont-strawberry:before {
    content: "\ec7c"
}

.icofont-sub-sandwich:before {
    content: "\ec7d"
}

.icofont-sushi:before {
    content: "\ec7e"
}

.icofont-taco:before {
    content: "\ec7f"
}

.icofont-tea-pot:before {
    content: "\ec80"
}

.icofont-tea:before {
    content: "\ec81"
}

.icofont-tomato:before {
    content: "\ec82"
}

.icofont-waiter-alt:before {
    content: "\ec83"
}

.icofont-watermelon:before {
    content: "\ec84"
}

.icofont-wheat:before {
    content: "\ec85"
}

.icofont-abc:before {
    content: "\ec86"
}

.icofont-baby-cloth:before {
    content: "\ec87"
}

.icofont-baby-milk-bottle:before {
    content: "\ec88"
}

.icofont-baby-trolley:before {
    content: "\ec89"
}

.icofont-back-pack:before {
    content: "\ec8a"
}

.icofont-candy:before {
    content: "\ec8b"
}

.icofont-cycling:before {
    content: "\ec8c"
}

.icofont-holding-hands:before {
    content: "\ec8d"
}

.icofont-infant-nipple:before {
    content: "\ec8e"
}

.icofont-kids-scooter:before {
    content: "\ec8f"
}

.icofont-safety-pin:before {
    content: "\ec90"
}

.icofont-teddy-bear:before {
    content: "\ec91"
}

.icofont-toy-ball:before {
    content: "\ec92"
}

.icofont-toy-cat:before {
    content: "\ec93"
}

.icofont-toy-duck:before {
    content: "\ec94"
}

.icofont-toy-elephant:before {
    content: "\ec95"
}

.icofont-toy-hand:before {
    content: "\ec96"
}

.icofont-toy-horse:before {
    content: "\ec97"
}

.icofont-toy-lattu:before {
    content: "\ec98"
}

.icofont-toy-train:before {
    content: "\ec99"
}

.icofont-unique-idea:before {
    content: "\ec9a"
}

.icofont-bag-alt:before {
    content: "\ec9b"
}

.icofont-burglar:before {
    content: "\ec9c"
}

.icofont-cannon-firing:before {
    content: "\ec9d"
}

.icofont-cc-camera:before {
    content: "\ec9e"
}

.icofont-cop-badge:before {
    content: "\ec9f"
}

.icofont-cop:before {
    content: "\eca0"
}

.icofont-court-hammer:before {
    content: "\eca1"
}

.icofont-court:before {
    content: "\eca2"
}

.icofont-finger-print:before {
    content: "\eca3"
}

.icofont-handcuff-alt:before {
    content: "\eca4"
}

.icofont-handcuff:before {
    content: "\eca5"
}

.icofont-investigation:before {
    content: "\eca6"
}

.icofont-investigator:before {
    content: "\eca7"
}

.icofont-jail:before {
    content: "\eca8"
}

.icofont-judge:before {
    content: "\eca9"
}

.icofont-law-alt-1:before {
    content: "\ecaa"
}

.icofont-law-alt-2:before {
    content: "\ecab"
}

.icofont-law-alt-3:before {
    content: "\ecac"
}

.icofont-law-book:before {
    content: "\ecad"
}

.icofont-law-document:before {
    content: "\ecae"
}

.icofont-law:before {
    content: "\ecaf"
}

.icofont-lawyer-alt-1:before {
    content: "\ecb0"
}

.icofont-lawyer-alt-2:before {
    content: "\ecb1"
}

.icofont-lawyer:before {
    content: "\ecb2"
}

.icofont-order:before {
    content: "\ecb3"
}

.icofont-pistol:before {
    content: "\ecb4"
}

.icofont-police-badge:before {
    content: "\ecb5"
}

.icofont-police-cap:before {
    content: "\ecb6"
}

.icofont-police-car-alt-1:before {
    content: "\ecb7"
}

.icofont-police-car-alt-2:before {
    content: "\ecb8"
}

.icofont-police-hat:before {
    content: "\ecb9"
}

.icofont-police-van:before {
    content: "\ecba"
}

.icofont-police:before {
    content: "\ecbb"
}

.icofont-protect:before {
    content: "\ecbc"
}

.icofont-scales:before {
    content: "\ecbd"
}

.icofont-thief-alt:before {
    content: "\ecbe"
}

.icofont-thief:before {
    content: "\ecbf"
}

.icofont-abacus-alt:before {
    content: "\ecc0"
}

.icofont-abacus:before {
    content: "\ecc1"
}

.icofont-angle:before {
    content: "\ecc2"
}

.icofont-calculator-alt-1:before {
    content: "\ecc3"
}

.icofont-calculator-alt-2:before {
    content: "\ecc4"
}

.icofont-circle-ruler-alt:before {
    content: "\ecc5"
}

.icofont-circle-ruler:before {
    content: "\ecc6"
}

.icofont-compass-alt-1:before {
    content: "\ecc7"
}

.icofont-compass-alt-2:before {
    content: "\ecc8"
}

.icofont-compass-alt-3:before {
    content: "\ecc9"
}

.icofont-compass-alt-4:before {
    content: "\ecca"
}

.icofont-degrees-alt-1:before {
    content: "\eccb"
}

.icofont-degrees-alt-2:before {
    content: "\eccc"
}

.icofont-degrees:before {
    content: "\eccd"
}

.icofont-golden-ratio:before {
    content: "\ecce"
}

.icofont-marker-alt-1:before {
    content: "\eccf"
}

.icofont-marker-alt-2:before {
    content: "\ecd0"
}

.icofont-marker-alt-3:before {
    content: "\ecd1"
}

.icofont-mathematical-alt-1:before {
    content: "\ecd2"
}

.icofont-mathematical-alt-2:before {
    content: "\ecd3"
}

.icofont-mathematical:before {
    content: "\ecd4"
}

.icofont-pen-alt-1:before {
    content: "\ecd5"
}

.icofont-pen-alt-2:before {
    content: "\ecd6"
}

.icofont-pen-alt-3:before {
    content: "\ecd7"
}

.icofont-pen-holder-alt-1:before {
    content: "\ecd8"
}

.icofont-pen-holder:before {
    content: "\ecd9"
}

.icofont-pencil-alt-1:before {
    content: "\ecda"
}

.icofont-pencil-alt-2:before {
    content: "\ecdb"
}

.icofont-pencil-alt-3:before {
    content: "\ecdc"
}

.icofont-pencil-alt-4:before {
    content: "\ecdd"
}

.icofont-ruler-alt-1:before {
    content: "\ecde"
}

.icofont-ruler-alt-2:before {
    content: "\ecdf"
}

.icofont-ruler-compass-alt:before {
    content: "\ece0"
}

.icofont-ruler-compass:before {
    content: "\ece1"
}

.icofont-ruler-pencil-alt-1:before {
    content: "\ece2"
}

.icofont-ruler-pencil-alt-2:before {
    content: "\ece3"
}

.icofont-ruler-pencil:before {
    content: "\ece4"
}

.icofont-ruler:before {
    content: "\ece5"
}

.icofont-rulers-alt:before {
    content: "\ece6"
}

.icofont-rulers:before {
    content: "\ece7"
}

.icofont-square-root:before {
    content: "\ece8"
}

.icofont-aids:before {
    content: "\ece9"
}

.icofont-ambulance:before {
    content: "\ecea"
}

.icofont-autism:before {
    content: "\eceb"
}

.icofont-bandage:before {
    content: "\ecec"
}

.icofont-bed-patient:before {
    content: "\eced"
}

.icofont-blind:before {
    content: "\ecee"
}

.icofont-blood-drop:before {
    content: "\ecef"
}

.icofont-blood-test:before {
    content: "\ecf0"
}

.icofont-blood:before {
    content: "\ecf1"
}

.icofont-capsule:before {
    content: "\ecf2"
}

.icofont-crutches:before {
    content: "\ecf3"
}

.icofont-dna-alt-1:before {
    content: "\ecf4"
}

.icofont-dna:before {
    content: "\ecf5"
}

.icofont-doctor-alt:before {
    content: "\ecf6"
}

.icofont-doctor:before {
    content: "\ecf7"
}

.icofont-drug-pack:before {
    content: "\ecf8"
}

.icofont-drug:before {
    content: "\ecf9"
}

.icofont-eye-alt:before {
    content: "\ecfa"
}

.icofont-first-aid-alt:before {
    content: "\ecfb"
}

.icofont-garbage:before {
    content: "\ecfc"
}

.icofont-heart-alt:before {
    content: "\ecfd"
}

.icofont-heartbeat:before {
    content: "\ecfe"
}

.icofont-herbal:before {
    content: "\ecff"
}

.icofont-hospital:before {
    content: "\ed00"
}

.icofont-icu:before {
    content: "\ed01"
}

.icofont-injection-syringe:before {
    content: "\ed02"
}

.icofont-laboratory:before {
    content: "\ed03"
}

.icofont-medical-sign-alt:before {
    content: "\ed04"
}

.icofont-medical-sign:before {
    content: "\ed05"
}

.icofont-nurse-alt:before {
    content: "\ed06"
}

.icofont-nurse:before {
    content: "\ed07"
}

.icofont-nursing-home:before {
    content: "\ed08"
}

.icofont-operation-theater:before {
    content: "\ed09"
}

.icofont-paralysis-disability:before {
    content: "\ed0a"
}

.icofont-pills:before {
    content: "\ed0b"
}

.icofont-prescription:before {
    content: "\ed0c"
}

.icofont-pulse:before {
    content: "\ed0d"
}

.icofont-stethoscope-alt:before {
    content: "\ed0e"
}

.icofont-stethoscope:before {
    content: "\ed0f"
}

.icofont-stretcher:before {
    content: "\ed10"
}

.icofont-surgeon-alt:before {
    content: "\ed11"
}

.icofont-surgeon:before {
    content: "\ed12"
}

.icofont-tablets:before {
    content: "\ed13"
}

.icofont-test-bottle:before {
    content: "\ed14"
}

.icofont-test-tube:before {
    content: "\ed15"
}

.icofont-thermometer-alt:before {
    content: "\ed16"
}

.icofont-tooth:before {
    content: "\ed17"
}

.icofont-xray:before {
    content: "\ed18"
}

.icofont-ui-add:before {
    content: "\ed19"
}

.icofont-ui-alarm:before {
    content: "\ed1a"
}

.icofont-ui-battery:before {
    content: "\ed1b"
}

.icofont-ui-block:before {
    content: "\ed1c"
}

.icofont-ui-bluetooth:before {
    content: "\ed1d"
}

.icofont-ui-brightness:before {
    content: "\ed1e"
}

.icofont-ui-browser:before {
    content: "\ed1f"
}

.icofont-ui-calculator:before {
    content: "\ed20"
}

.icofont-ui-calendar:before {
    content: "\ed21"
}

.icofont-ui-call:before {
    content: "\ed22"
}

.icofont-ui-camera:before {
    content: "\ed23"
}

.icofont-ui-cart:before {
    content: "\ed24"
}

.icofont-ui-cell-phone:before {
    content: "\ed25"
}

.icofont-ui-chat:before {
    content: "\ed26"
}

.icofont-ui-check:before {
    content: "\ed27"
}

.icofont-ui-clip-board:before {
    content: "\ed28"
}

.icofont-ui-clip:before {
    content: "\ed29"
}

.icofont-ui-clock:before {
    content: "\ed2a"
}

.icofont-ui-close:before {
    content: "\ed2b"
}

.icofont-ui-contact-list:before {
    content: "\ed2c"
}

.icofont-ui-copy:before {
    content: "\ed2d"
}

.icofont-ui-cut:before {
    content: "\ed2e"
}

.icofont-ui-delete:before {
    content: "\ed2f"
}

.icofont-ui-dial-phone:before {
    content: "\ed30"
}

.icofont-ui-edit:before {
    content: "\ed31"
}

.icofont-ui-email:before {
    content: "\ed32"
}

.icofont-ui-file:before {
    content: "\ed33"
}

.icofont-ui-fire-wall:before {
    content: "\ed34"
}

.icofont-ui-flash-light:before {
    content: "\ed35"
}

.icofont-ui-flight:before {
    content: "\ed36"
}

.icofont-ui-folder:before {
    content: "\ed37"
}

.icofont-ui-game:before {
    content: "\ed38"
}

.icofont-ui-handicapped:before {
    content: "\ed39"
}

.icofont-ui-head-phone:before {
    content: "\ed3a"
}

.icofont-ui-home:before {
    content: "\ed3b"
}

.icofont-ui-image:before {
    content: "\ed3c"
}

.icofont-ui-keyboard:before {
    content: "\ed3d"
}

.icofont-ui-laoding:before {
    content: "\ed3e"
}

.icofont-ui-lock:before {
    content: "\ed3f"
}

.icofont-ui-love-add:before {
    content: "\ed40"
}

.icofont-ui-love-broken:before {
    content: "\ed41"
}

.icofont-ui-love-remove:before {
    content: "\ed42"
}

.icofont-ui-love:before {
    content: "\ed43"
}

.icofont-ui-map:before {
    content: "\ed44"
}

.icofont-ui-message:before {
    content: "\ed45"
}

.icofont-ui-messaging:before {
    content: "\ed46"
}

.icofont-ui-movie:before {
    content: "\ed47"
}

.icofont-ui-music-player:before {
    content: "\ed48"
}

.icofont-ui-music:before {
    content: "\ed49"
}

.icofont-ui-mute:before {
    content: "\ed4a"
}

.icofont-ui-network:before {
    content: "\ed4b"
}

.icofont-ui-next:before {
    content: "\ed4c"
}

.icofont-ui-note:before {
    content: "\ed4d"
}

.icofont-ui-office:before {
    content: "\ed4e"
}

.icofont-ui-password:before {
    content: "\ed4f"
}

.icofont-ui-pause:before {
    content: "\ed50"
}

.icofont-ui-play-stop:before {
    content: "\ed51"
}

.icofont-ui-play:before {
    content: "\ed52"
}

.icofont-ui-pointer:before {
    content: "\ed53"
}

.icofont-ui-power:before {
    content: "\ed54"
}

.icofont-ui-press:before {
    content: "\ed55"
}

.icofont-ui-previous:before {
    content: "\ed56"
}

.icofont-ui-rate-add:before {
    content: "\ed57"
}

.icofont-ui-rate-blank:before {
    content: "\ed58"
}

.icofont-ui-rate-remove:before {
    content: "\ed59"
}

.icofont-ui-rating:before {
    content: "\ed5a"
}

.icofont-ui-record:before {
    content: "\ed5b"
}

.icofont-ui-remove:before {
    content: "\ed5c"
}

.icofont-ui-reply:before {
    content: "\ed5d"
}

.icofont-ui-rotation:before {
    content: "\ed5e"
}

.icofont-ui-rss:before {
    content: "\ed5f"
}

.icofont-ui-search:before {
    content: "\ed60"
}

.icofont-ui-settings:before {
    content: "\ed61"
}

.icofont-ui-social-link:before {
    content: "\ed62"
}

.icofont-ui-tag:before {
    content: "\ed63"
}

.icofont-ui-text-chat:before {
    content: "\ed64"
}

.icofont-ui-text-loading:before {
    content: "\ed65"
}

.icofont-ui-theme:before {
    content: "\ed66"
}

.icofont-ui-timer:before {
    content: "\ed67"
}

.icofont-ui-touch-phone:before {
    content: "\ed68"
}

.icofont-ui-travel:before {
    content: "\ed69"
}

.icofont-ui-unlock:before {
    content: "\ed6a"
}

.icofont-ui-user-group:before {
    content: "\ed6b"
}

.icofont-ui-user:before {
    content: "\ed6c"
}

.icofont-ui-v-card:before {
    content: "\ed6d"
}

.icofont-ui-video-chat:before {
    content: "\ed6e"
}

.icofont-ui-video-message:before {
    content: "\ed6f"
}

.icofont-ui-video-play:before {
    content: "\ed70"
}

.icofont-ui-video:before {
    content: "\ed71"
}

.icofont-ui-volume:before {
    content: "\ed72"
}

.icofont-ui-weather:before {
    content: "\ed73"
}

.icofont-ui-wifi:before {
    content: "\ed74"
}

.icofont-ui-zoom-in:before {
    content: "\ed75"
}

.icofont-ui-zoom-out:before {
    content: "\ed76"
}

.icofont-cassette-player:before {
    content: "\ed77"
}

.icofont-cassette:before {
    content: "\ed78"
}

.icofont-forward:before {
    content: "\ed79"
}

.icofont-game:before {
    content: "\ed7a"
}

.icofont-guiter:before {
    content: "\ed7b"
}

.icofont-headphone-alt-1:before {
    content: "\ed7c"
}

.icofont-headphone-alt-2:before {
    content: "\ed7d"
}

.icofont-headphone-alt-3:before {
    content: "\ed7e"
}

.icofont-listening:before {
    content: "\ed7f"
}

.icofont-megaphone-alt:before {
    content: "\ed80"
}

.icofont-megaphone:before {
    content: "\ed81"
}

.icofont-movie:before {
    content: "\ed82"
}

.icofont-mp3-player:before {
    content: "\ed83"
}

.icofont-multimedia:before {
    content: "\ed84"
}

.icofont-music-disk:before {
    content: "\ed85"
}

.icofont-music-note:before {
    content: "\ed86"
}

.icofont-pause:before {
    content: "\ed87"
}

.icofont-play-alt-1:before {
    content: "\ed88"
}

.icofont-play-alt-2:before {
    content: "\ed89"
}

.icofont-play-alt-3:before {
    content: "\ed8a"
}

.icofont-play-pause:before {
    content: "\ed8b"
}

.icofont-record:before {
    content: "\ed8c"
}

.icofont-retro-music-disk:before {
    content: "\ed8d"
}

.icofont-rewind:before {
    content: "\ed8e"
}

.icofont-song-notes:before {
    content: "\ed8f"
}

.icofont-sound-wave-alt:before {
    content: "\ed90"
}

.icofont-sound-wave:before {
    content: "\ed91"
}

.icofont-stop:before {
    content: "\ed92"
}

.icofont-video-alt:before {
    content: "\ed93"
}

.icofont-video-cam:before {
    content: "\ed94"
}

.icofont-volume-bar:before {
    content: "\ed95"
}

.icofont-volume-mute:before {
    content: "\ed96"
}

.icofont-youtube-play:before {
    content: "\ed97"
}

.icofont-amazon-alt:before {
    content: "\ed98"
}

.icofont-amazon:before {
    content: "\ed99"
}

.icofont-american-express-alt:before {
    content: "\ed9a"
}

.icofont-american-express:before {
    content: "\ed9b"
}

.icofont-apple-pay-alt:before {
    content: "\ed9c"
}

.icofont-apple-pay:before {
    content: "\ed9d"
}

.icofont-bank-transfer-alt:before {
    content: "\ed9e"
}

.icofont-bank-transfer:before {
    content: "\ed9f"
}

.icofont-braintree-alt:before {
    content: "\eda0"
}

.icofont-braintree:before {
    content: "\eda1"
}

.icofont-cash-on-delivery-alt:before {
    content: "\eda2"
}

.icofont-cash-on-delivery:before {
    content: "\eda3"
}

.icofont-checkout-alt:before {
    content: "\eda4"
}

.icofont-checkout:before {
    content: "\eda5"
}

.icofont-diners-club-alt-1:before {
    content: "\eda6"
}

.icofont-diners-club-alt-2:before {
    content: "\eda7"
}

.icofont-diners-club-alt-3:before {
    content: "\eda8"
}

.icofont-diners-club:before {
    content: "\eda9"
}

.icofont-discover-alt:before {
    content: "\edaa"
}

.icofont-discover:before {
    content: "\edab"
}

.icofont-eway-alt:before {
    content: "\edac"
}

.icofont-eway:before {
    content: "\edad"
}

.icofont-google-wallet-alt-1:before {
    content: "\edae"
}

.icofont-google-wallet-alt-2:before {
    content: "\edaf"
}

.icofont-google-wallet-alt-3:before {
    content: "\edb0"
}

.icofont-google-wallet:before {
    content: "\edb1"
}

.icofont-jcb-alt:before {
    content: "\edb2"
}

.icofont-jcb:before {
    content: "\edb3"
}

.icofont-maestro-alt:before {
    content: "\edb4"
}

.icofont-maestro:before {
    content: "\edb5"
}

.icofont-mastercard-alt:before {
    content: "\edb6"
}

.icofont-mastercard:before {
    content: "\edb7"
}

.icofont-payoneer-alt:before {
    content: "\edb8"
}

.icofont-payoneer:before {
    content: "\edb9"
}

.icofont-paypal-alt:before {
    content: "\edba"
}

.icofont-paypal:before {
    content: "\edbb"
}

.icofont-sage-alt:before {
    content: "\edbc"
}

.icofont-sage:before {
    content: "\edbd"
}

.icofont-skrill-alt:before {
    content: "\edbe"
}

.icofont-skrill:before {
    content: "\edbf"
}

.icofont-stripe-alt:before {
    content: "\edc0"
}

.icofont-stripe:before {
    content: "\edc1"
}

.icofont-visa-alt:before {
    content: "\edc2"
}

.icofont-visa-electron:before {
    content: "\edc3"
}

.icofont-visa:before {
    content: "\edc4"
}

.icofont-western-union-alt:before {
    content: "\edc5"
}

.icofont-western-union:before {
    content: "\edc6"
}

.icofont-boy:before {
    content: "\edc7"
}

.icofont-business-man-alt-1:before {
    content: "\edc8"
}

.icofont-business-man-alt-2:before {
    content: "\edc9"
}

.icofont-business-man-alt-3:before {
    content: "\edca"
}

.icofont-business-man:before {
    content: "\edcb"
}

.icofont-funky-man:before {
    content: "\edcc"
}

.icofont-girl-alt:before {
    content: "\edcd"
}

.icofont-girl:before {
    content: "\edce"
}

.icofont-hotel-boy-alt:before {
    content: "\edcf"
}

.icofont-hotel-boy:before {
    content: "\edd0"
}

.icofont-man-in-glasses:before {
    content: "\edd1"
}

.icofont-user-alt-1:before {
    content: "\edd2"
}

.icofont-user-alt-2:before {
    content: "\edd3"
}

.icofont-user-alt-3:before {
    content: "\edd4"
}

.icofont-user-alt-4:before {
    content: "\edd5"
}

.icofont-user-alt-5:before {
    content: "\edd6"
}

.icofont-user-alt-6:before {
    content: "\edd7"
}

.icofont-user-alt-7:before {
    content: "\edd8"
}

.icofont-user-female:before {
    content: "\edd9"
}

.icofont-user-male:before {
    content: "\edda"
}

.icofont-user-suited:before {
    content: "\eddb"
}

.icofont-user:before {
    content: "\eddc"
}

.icofont-users-alt-1:before {
    content: "\eddd"
}

.icofont-users-alt-2:before {
    content: "\edde"
}

.icofont-users-alt-3:before {
    content: "\eddf"
}

.icofont-users-alt-4:before {
    content: "\ede0"
}

.icofont-users-alt-5:before {
    content: "\ede1"
}

.icofont-users-alt-6:before {
    content: "\ede2"
}

.icofont-users-social:before {
    content: "\ede3"
}

.icofont-users:before {
    content: "\ede4"
}

.icofont-waiter:before {
    content: "\ede5"
}

.icofont-woman-in-glasses:before {
    content: "\ede6"
}

.icofont-document-search:before {
    content: "\ede7"
}

.icofont-folder-search:before {
    content: "\ede8"
}

.icofont-home-search:before {
    content: "\ede9"
}

.icofont-job-search:before {
    content: "\edea"
}

.icofont-map-search:before {
    content: "\edeb"
}

.icofont-restaurant-search:before {
    content: "\edec"
}

.icofont-search-alt-1:before {
    content: "\eded"
}

.icofont-search-alt-2:before {
    content: "\edee"
}

.icofont-search:before {
    content: "\edef"
}

.icofont-stock-search:before {
    content: "\edf0"
}

.icofont-user-search:before {
    content: "\edf1"
}

.icofont-social-aim:before {
    content: "\edf2"
}

.icofont-social-badoo:before {
    content: "\edf3"
}

.icofont-social-bebo:before {
    content: "\edf4"
}

.icofont-social-behance:before {
    content: "\edf5"
}

.icofont-social-blogger:before {
    content: "\edf6"
}

.icofont-social-bootstrap:before {
    content: "\edf7"
}

.icofont-social-brightkite:before {
    content: "\edf8"
}

.icofont-social-cloudapp:before {
    content: "\edf9"
}

.icofont-social-concrete5:before {
    content: "\edfa"
}

.icofont-social-designbump:before {
    content: "\edfb"
}

.icofont-social-designfloat:before {
    content: "\edfc"
}

.icofont-social-deviantart:before {
    content: "\edfd"
}

.icofont-social-digg:before {
    content: "\edfe"
}

.icofont-social-dotcms:before {
    content: "\edff"
}

.icofont-social-dribble:before {
    content: "\ee00"
}

.icofont-social-dropbox:before {
    content: "\ee01"
}

.icofont-brand-drupal:before {
    content: "\ee02"
}

.icofont-social-ebuddy:before {
    content: "\ee03"
}

.icofont-social-ello:before {
    content: "\ee04"
}

.icofont-social-ember:before {
    content: "\ee05"
}

.icofont-social-envato:before {
    content: "\ee06"
}

.icofont-social-evernote:before {
    content: "\ee07"
}

.icofont-social-facebook:before {
    content: "\ee08"
}

.icofont-social-feedburner:before {
    content: "\ee09"
}

.icofont-social-folkd:before {
    content: "\ee0a"
}

.icofont-social-friendfeed:before {
    content: "\ee0b"
}

.icofont-social-ghost:before {
    content: "\ee0c"
}

.icofont-social-github:before {
    content: "\ee0d"
}

.icofont-social-gnome:before {
    content: "\ee0e"
}

.icofont-social-google-buzz:before {
    content: "\ee0f"
}

.icofont-social-google-map:before {
    content: "\ee10"
}

.icofont-social-google-plus:before {
    content: "\ee11"
}

.icofont-social-google-talk:before {
    content: "\ee12"
}

.icofont-social-hype-machine:before {
    content: "\ee13"
}

.icofont-social-instagram:before {
    content: "\ee14"
}

.icofont-brand-joomla:before {
    content: "\ee15"
}

.icofont-social-kickstarter:before {
    content: "\ee16"
}

.icofont-social-line:before {
    content: "\ee17"
}

.icofont-social-linux-mint:before {
    content: "\ee18"
}

.icofont-social-livejournal:before {
    content: "\ee19"
}

.icofont-social-magento:before {
    content: "\ee1a"
}

.icofont-social-meetup:before {
    content: "\ee1b"
}

.icofont-social-mixx:before {
    content: "\ee1c"
}

.icofont-social-newsvine:before {
    content: "\ee1d"
}

.icofont-social-nimbuss:before {
    content: "\ee1e"
}

.icofont-social-opencart:before {
    content: "\ee1f"
}

.icofont-social-oscommerce:before {
    content: "\ee20"
}

.icofont-social-pandora:before {
    content: "\ee21"
}

.icofont-social-picasa:before {
    content: "\ee22"
}

.icofont-social-pinterest:before {
    content: "\ee23"
}

.icofont-social-prestashop:before {
    content: "\ee24"
}

.icofont-social-qik:before {
    content: "\ee25"
}

.icofont-social-readernaut:before {
    content: "\ee26"
}

.icofont-social-reddit:before {
    content: "\ee27"
}

.icofont-social-rss:before {
    content: "\ee28"
}

.icofont-social-shopify:before {
    content: "\ee29"
}

.icofont-social-silverstripe:before {
    content: "\ee2a"
}

.icofont-social-skype:before {
    content: "\ee2b"
}

.icofont-social-slashdot:before {
    content: "\ee2c"
}

.icofont-social-smugmug:before {
    content: "\ee2d"
}

.icofont-social-steam:before {
    content: "\ee2e"
}

.icofont-social-stumbleupon:before {
    content: "\ee2f"
}

.icofont-social-technorati:before {
    content: "\ee30"
}

.icofont-social-telegram:before {
    content: "\ee31"
}

.icofont-social-tinder:before {
    content: "\ee32"
}

.icofont-social-tumblr:before {
    content: "\ee33"
}

.icofont-social-twitter:before {
    content: "\ee34"
}

.icofont-social-typo3:before {
    content: "\ee35"
}

.icofont-social-ubercart:before {
    content: "\ee36"
}

.icofont-social-viber:before {
    content: "\ee37"
}

.icofont-social-viddler:before {
    content: "\ee38"
}

.icofont-social-vimeo:before {
    content: "\ee39"
}

.icofont-social-vine:before {
    content: "\ee3a"
}

.icofont-social-virb:before {
    content: "\ee3b"
}

.icofont-social-virtuemart:before {
    content: "\ee3c"
}

.icofont-social-wechat:before {
    content: "\ee3d"
}

.icofont-brand-wordpress:before {
    content: "\ee3e"
}

.icofont-social-xing:before {
    content: "\ee3f"
}

.icofont-social-yahoo:before {
    content: "\ee40"
}

.icofont-social-yelp:before {
    content: "\ee41"
}

.icofont-social-zencart:before {
    content: "\ee42"
}

.icofont-badminton-birdie:before {
    content: "\ee43"
}

.icofont-baseball:before {
    content: "\ee44"
}

.icofont-baseballer:before {
    content: "\ee45"
}

.icofont-basketball-hoop:before {
    content: "\ee46"
}

.icofont-basketball:before {
    content: "\ee47"
}

.icofont-billiard-ball:before {
    content: "\ee48"
}

.icofont-boot-alt-1:before {
    content: "\ee49"
}

.icofont-boot-alt-2:before {
    content: "\ee4a"
}

.icofont-bowling-alt:before {
    content: "\ee4b"
}

.icofont-bowling:before {
    content: "\ee4c"
}

.icofont-canoe:before {
    content: "\ee4d"
}

.icofont-cheer-leader:before {
    content: "\ee4e"
}

.icofont-climbing:before {
    content: "\ee4f"
}

.icofont-corner:before {
    content: "\ee50"
}

.icofont-cyclist:before {
    content: "\ee51"
}

.icofont-dumbbell-alt:before {
    content: "\ee52"
}

.icofont-dumbbell:before {
    content: "\ee53"
}

.icofont-field-alt:before {
    content: "\ee54"
}

.icofont-field:before {
    content: "\ee55"
}

.icofont-football-alt:before {
    content: "\ee56"
}

.icofont-foul:before {
    content: "\ee57"
}

.icofont-goal-keeper:before {
    content: "\ee58"
}

.icofont-goal:before {
    content: "\ee59"
}

.icofont-golf-alt:before {
    content: "\ee5a"
}

.icofont-golf-bag:before {
    content: "\ee5b"
}

.icofont-golf-field:before {
    content: "\ee5c"
}

.icofont-golf:before {
    content: "\ee5d"
}

.icofont-golfer:before {
    content: "\ee5e"
}

.icofont-gym-alt-1:before {
    content: "\ee5f"
}

.icofont-gym-alt-2:before {
    content: "\ee60"
}

.icofont-gym-alt-3:before {
    content: "\ee61"
}

.icofont-gym:before {
    content: "\ee62"
}

.icofont-hand-grippers:before {
    content: "\ee63"
}

.icofont-heart-beat-alt:before {
    content: "\ee64"
}

.icofont-helmet:before {
    content: "\ee65"
}

.icofont-hockey-alt:before {
    content: "\ee66"
}

.icofont-hockey:before {
    content: "\ee67"
}

.icofont-ice-skate:before {
    content: "\ee68"
}

.icofont-jersey-alt:before {
    content: "\ee69"
}

.icofont-jersey:before {
    content: "\ee6a"
}

.icofont-jumping:before {
    content: "\ee6b"
}

.icofont-kick:before {
    content: "\ee6c"
}

.icofont-leg:before {
    content: "\ee6d"
}

.icofont-match-review:before {
    content: "\ee6e"
}

.icofont-medal-alt:before {
    content: "\ee6f"
}

.icofont-muscle-alt:before {
    content: "\ee70"
}

.icofont-muscle:before {
    content: "\ee71"
}

.icofont-offside:before {
    content: "\ee72"
}

.icofont-olympic-logo:before {
    content: "\ee73"
}

.icofont-olympic:before {
    content: "\ee74"
}

.icofont-padding:before {
    content: "\ee75"
}

.icofont-penalty-card:before {
    content: "\ee76"
}

.icofont-racer:before {
    content: "\ee77"
}

.icofont-racing-car:before {
    content: "\ee78"
}

.icofont-racing-flag-alt:before {
    content: "\ee79"
}

.icofont-racing-flag:before {
    content: "\ee7a"
}

.icofont-racings-wheel:before {
    content: "\ee7b"
}

.icofont-referee:before {
    content: "\ee7c"
}

.icofont-refree-jersey:before {
    content: "\ee7d"
}

.icofont-result:before {
    content: "\ee7e"
}

.icofont-rugby-ball:before {
    content: "\ee7f"
}

.icofont-rugby-player:before {
    content: "\ee80"
}

.icofont-rugby:before {
    content: "\ee81"
}

.icofont-runner-alt-1:before {
    content: "\ee82"
}

.icofont-runner-alt-2:before {
    content: "\ee83"
}

.icofont-runner:before {
    content: "\ee84"
}

.icofont-score-board:before {
    content: "\ee85"
}

.icofont-skiing-man:before {
    content: "\ee86"
}

.icofont-skydiving-goggles:before {
    content: "\ee87"
}

.icofont-snow-mobile:before {
    content: "\ee88"
}

.icofont-steering:before {
    content: "\ee89"
}

.icofont-substitute:before {
    content: "\ee8a"
}

.icofont-swimmer:before {
    content: "\ee8b"
}

.icofont-table-tennis:before {
    content: "\ee8c"
}

.icofont-team-alt:before {
    content: "\ee8d"
}

.icofont-team:before {
    content: "\ee8e"
}

.icofont-tennis-player:before {
    content: "\ee8f"
}

.icofont-tennis:before {
    content: "\ee90"
}

.icofont-time:before {
    content: "\ee91"
}

.icofont-track:before {
    content: "\ee92"
}

.icofont-tracking:before {
    content: "\ee93"
}

.icofont-trophy-alt:before {
    content: "\ee94"
}

.icofont-trophy:before {
    content: "\ee95"
}

.icofont-volleyball-alt:before {
    content: "\ee96"
}

.icofont-volleyball-fire:before {
    content: "\ee97"
}

.icofont-volleyball:before {
    content: "\ee98"
}

.icofont-water-bottle:before {
    content: "\ee99"
}

.icofont-whisle:before {
    content: "\ee9a"
}

.icofont-win-trophy:before {
    content: "\ee9b"
}

.icofont-align-center:before {
    content: "\ee9c"
}

.icofont-align-left:before {
    content: "\ee9d"
}

.icofont-align-right:before {
    content: "\ee9e"
}

.icofont-all-caps:before {
    content: "\ee9f"
}

.icofont-bold:before {
    content: "\eea0"
}

.icofont-brush:before {
    content: "\eea1"
}

.icofont-clip-board:before {
    content: "\eea2"
}

.icofont-code-alt:before {
    content: "\eea3"
}

.icofont-color-bucket:before {
    content: "\eea4"
}

.icofont-color-picker:before {
    content: "\eea5"
}

.icofont-copy-alt:before {
    content: "\eea6"
}

.icofont-copy-black:before {
    content: "\eea7"
}

.icofont-cut:before {
    content: "\eea8"
}

.icofont-delete-alt:before {
    content: "\eea9"
}

.icofont-edit-alt:before {
    content: "\eeaa"
}

.icofont-eraser-alt:before {
    content: "\eeab"
}

.icofont-file-alt:before {
    content: "\eeac"
}

.icofont-font:before {
    content: "\eead"
}

.icofont-header:before {
    content: "\eeae"
}

.icofont-indent:before {
    content: "\eeaf"
}

.icofont-italic-alt:before {
    content: "\eeb0"
}

.icofont-justify-all:before {
    content: "\eeb1"
}

.icofont-justify-center:before {
    content: "\eeb2"
}

.icofont-justify-left:before {
    content: "\eeb3"
}

.icofont-justify-right:before {
    content: "\eeb4"
}

.icofont-line-height:before {
    content: "\eeb5"
}

.icofont-link-alt:before {
    content: "\eeb6"
}

.icofont-listine-dots:before {
    content: "\eeb7"
}

.icofont-listing-box:before {
    content: "\eeb8"
}

.icofont-listing-number:before {
    content: "\eeb9"
}

.icofont-marker:before {
    content: "\eeba"
}

.icofont-outdent:before {
    content: "\eebb"
}

.icofont-paper-clip:before {
    content: "\eebc"
}

.icofont-paragraph:before {
    content: "\eebd"
}

.icofont-pin:before {
    content: "\eebe"
}

.icofont-printer:before {
    content: "\eebf"
}

.icofont-redo:before {
    content: "\eec0"
}

.icofont-rotation:before {
    content: "\eec1"
}

.icofont-save:before {
    content: "\eec2"
}

.icofont-small-cap:before {
    content: "\eec3"
}

.icofont-strike-through:before {
    content: "\eec4"
}

.icofont-sub-listing:before {
    content: "\eec5"
}

.icofont-subscript:before {
    content: "\eec6"
}

.icofont-superscript:before {
    content: "\eec7"
}

.icofont-table:before {
    content: "\eec8"
}

.icofont-text-height:before {
    content: "\eec9"
}

.icofont-text-width:before {
    content: "\eeca"
}

.icofont-trash:before {
    content: "\eecb"
}

.icofont-underline:before {
    content: "\eecc"
}

.icofont-undo:before {
    content: "\eecd"
}

.icofont-unlink:before {
    content: "\eece"
}

.icofont-air-balloon:before {
    content: "\eecf"
}

.icofont-airplane-alt:before {
    content: "\eed0"
}

.icofont-airplane:before {
    content: "\eed1"
}

.icofont-ambulance-crescent:before {
    content: "\eed2"
}

.icofont-ambulance-cross:before {
    content: "\eed3"
}

.icofont-articulated-truck:before {
    content: "\eed4"
}

.icofont-auto-rickshaw:before {
    content: "\eed5"
}

.icofont-bicycle-alt-1:before {
    content: "\eed6"
}

.icofont-bicycle-alt-2:before {
    content: "\eed7"
}

.icofont-bull-dozer:before {
    content: "\eed8"
}

.icofont-bus-alt-1:before {
    content: "\eed9"
}

.icofont-bus-alt-2:before {
    content: "\eeda"
}

.icofont-bus-alt-3:before {
    content: "\eedb"
}

.icofont-cable-car:before {
    content: "\eedc"
}

.icofont-car-alt-1:before {
    content: "\eedd"
}

.icofont-car-alt-2:before {
    content: "\eede"
}

.icofont-car-alt-3:before {
    content: "\eedf"
}

.icofont-car-alt-4:before {
    content: "\eee0"
}

.icofont-concrete-mixer:before {
    content: "\eee1"
}

.icofont-delivery-time:before {
    content: "\eee2"
}

.icofont-excavator:before {
    content: "\eee3"
}

.icofont-fast-delivery:before {
    content: "\eee4"
}

.icofont-fire-truck-alt:before {
    content: "\eee5"
}

.icofont-fire-truck:before {
    content: "\eee6"
}

.icofont-fork-lift:before {
    content: "\eee7"
}

.icofont-free-delivery:before {
    content: "\eee8"
}

.icofont-golf-cart:before {
    content: "\eee9"
}

.icofont-helicopter:before {
    content: "\eeea"
}

.icofont-motor-bike-alt:before {
    content: "\eeeb"
}

.icofont-motor-bike:before {
    content: "\eeec"
}

.icofont-motor-biker:before {
    content: "\eeed"
}

.icofont-oil-truck:before {
    content: "\eeee"
}

.icofont-police-car:before {
    content: "\eeef"
}

.icofont-rickshaw:before {
    content: "\eef0"
}

.icofont-rocket-alt-1:before {
    content: "\eef1"
}

.icofont-rocket-alt-2:before {
    content: "\eef2"
}

.icofont-sail-boat:before {
    content: "\eef3"
}

.icofont-scooter:before {
    content: "\eef4"
}

.icofont-sea-plane:before {
    content: "\eef5"
}

.icofont-ship-alt:before {
    content: "\eef6"
}

.icofont-speed-boat:before {
    content: "\eef7"
}

.icofont-taxi:before {
    content: "\eef8"
}

.icofont-tow-truck:before {
    content: "\eef9"
}

.icofont-tractor:before {
    content: "\eefa"
}

.icofont-traffic-light:before {
    content: "\eefb"
}

.icofont-train-line:before {
    content: "\eefc"
}

.icofont-train-steam:before {
    content: "\eefd"
}

.icofont-tram:before {
    content: "\eefe"
}

.icofont-truck-alt:before {
    content: "\eeff"
}

.icofont-truck-loaded:before {
    content: "\ef00"
}

.icofont-truck:before {
    content: "\ef01"
}

.icofont-van-alt:before {
    content: "\ef02"
}

.icofont-van:before {
    content: "\ef03"
}

.icofont-yacht:before {
    content: "\ef04"
}

.icofont-5-star-hotel:before {
    content: "\ef05"
}

.icofont-anchor-alt:before {
    content: "\ef06"
}

.icofont-beach-bed:before {
    content: "\ef07"
}

.icofont-camping-vest:before {
    content: "\ef08"
}

.icofont-coconut-alt:before {
    content: "\ef09"
}

.icofont-direction-sign:before {
    content: "\ef0a"
}

.icofont-hill-side:before {
    content: "\ef0b"
}

.icofont-island-alt:before {
    content: "\ef0c"
}

.icofont-long-drive:before {
    content: "\ef0d"
}

.icofont-map-pins:before {
    content: "\ef0e"
}

.icofont-plane-ticket:before {
    content: "\ef0f"
}

.icofont-sail-boat-alt-1:before {
    content: "\ef10"
}

.icofont-sail-boat-alt-2:before {
    content: "\ef11"
}

.icofont-sandals-female:before {
    content: "\ef12"
}

.icofont-sandals-male:before {
    content: "\ef13"
}

.icofont-travelling:before {
    content: "\ef14"
}

.icofont-breakdown:before {
    content: "\ef15"
}

.icofont-celsius:before {
    content: "\ef16"
}

.icofont-clouds:before {
    content: "\ef17"
}

.icofont-cloudy:before {
    content: "\ef18"
}

.icofont-compass-alt:before {
    content: "\ef19"
}

.icofont-dust:before {
    content: "\ef1a"
}

.icofont-eclipse:before {
    content: "\ef1b"
}

.icofont-fahrenheit:before {
    content: "\ef1c"
}

.icofont-forest-fire:before {
    content: "\ef1d"
}

.icofont-full-night:before {
    content: "\ef1e"
}

.icofont-full-sunny:before {
    content: "\ef1f"
}

.icofont-hail-night:before {
    content: "\ef20"
}

.icofont-hail-rainy-night:before {
    content: "\ef21"
}

.icofont-hail-rainy-sunny:before {
    content: "\ef22"
}

.icofont-hail-rainy:before {
    content: "\ef23"
}

.icofont-hail-sunny:before {
    content: "\ef24"
}

.icofont-hail-thunder-night:before {
    content: "\ef25"
}

.icofont-hail-thunder-sunny:before {
    content: "\ef26"
}

.icofont-hail-thunder:before {
    content: "\ef27"
}

.icofont-hail:before {
    content: "\ef28"
}

.icofont-hill-night:before {
    content: "\ef29"
}

.icofont-hill-sunny:before {
    content: "\ef2a"
}

.icofont-hill:before {
    content: "\ef2b"
}

.icofont-hurricane:before {
    content: "\ef2c"
}

.icofont-island:before {
    content: "\ef2d"
}

.icofont-meteor:before {
    content: "\ef2e"
}

.icofont-night:before {
    content: "\ef2f"
}

.icofont-rainy-night:before {
    content: "\ef30"
}

.icofont-rainy-sunny:before {
    content: "\ef31"
}

.icofont-rainy-thunder:before {
    content: "\ef32"
}

.icofont-rainy:before {
    content: "\ef33"
}

.icofont-showy-night-hail:before {
    content: "\ef34"
}

.icofont-snow-temp:before {
    content: "\ef35"
}

.icofont-snow:before {
    content: "\ef36"
}

.icofont-snowy-hail:before {
    content: "\ef37"
}

.icofont-snowy-night-rainy:before {
    content: "\ef38"
}

.icofont-snowy-night:before {
    content: "\ef39"
}

.icofont-snowy-rainy:before {
    content: "\ef3a"
}

.icofont-snowy-sunny-hail:before {
    content: "\ef3b"
}

.icofont-snowy-sunny-rainy:before {
    content: "\ef3c"
}

.icofont-snowy-sunny:before {
    content: "\ef3d"
}

.icofont-snowy-thunder-night:before {
    content: "\ef3e"
}

.icofont-snowy-thunder-sunny:before {
    content: "\ef3f"
}

.icofont-snowy-thunder:before {
    content: "\ef40"
}

.icofont-snowy-windy-night:before {
    content: "\ef41"
}

.icofont-snowy-windy-sunny:before {
    content: "\ef42"
}

.icofont-snowy-windy:before {
    content: "\ef43"
}

.icofont-snowy:before {
    content: "\ef44"
}

.icofont-sun-alt:before {
    content: "\ef45"
}

.icofont-sun-rise:before {
    content: "\ef46"
}

.icofont-sun-set:before {
    content: "\ef47"
}

.icofont-sunny-day-temp:before {
    content: "\ef48"
}

.icofont-sunny:before {
    content: "\ef49"
}

.icofont-thermometer:before {
    content: "\ef4a"
}

.icofont-thinder-light:before {
    content: "\ef4b"
}

.icofont-tornado:before {
    content: "\ef4c"
}

.icofont-umbrella-alt:before {
    content: "\ef4d"
}

.icofont-volcano:before {
    content: "\ef4e"
}

.icofont-wave:before {
    content: "\ef4f"
}

.icofont-wind-scale-0:before {
    content: "\ef50"
}

.icofont-wind-scale-1:before {
    content: "\ef51"
}

.icofont-wind-scale-2:before {
    content: "\ef52"
}

.icofont-wind-scale-3:before {
    content: "\ef53"
}

.icofont-wind-scale-4:before {
    content: "\ef54"
}

.icofont-wind-scale-5:before {
    content: "\ef55"
}

.icofont-wind-scale-6:before {
    content: "\ef56"
}

.icofont-wind-scale-7:before {
    content: "\ef57"
}

.icofont-wind-scale-8:before {
    content: "\ef58"
}

.icofont-wind-scale-9:before {
    content: "\ef59"
}

.icofont-wind-scale-10:before {
    content: "\ef5a"
}

.icofont-wind-scale-11:before {
    content: "\ef5b"
}

.icofont-wind-scale-12:before {
    content: "\ef5c"
}

.icofont-wind-waves:before {
    content: "\ef5d"
}

.icofont-wind:before {
    content: "\ef5e"
}

.icofont-windy-hail:before {
    content: "\ef5f"
}

.icofont-windy-night:before {
    content: "\ef60"
}

.icofont-windy-raining:before {
    content: "\ef61"
}

.icofont-windy-sunny:before {
    content: "\ef62"
}

.icofont-windy-thunder-raining:before {
    content: "\ef63"
}

.icofont-windy-thunder:before {
    content: "\ef64"
}

.icofont-windy:before {
    content: "\ef65"
}

.icofont-addons:before {
    content: "\ef66"
}

.icofont-address-book:before {
    content: "\ef67"
}

.icofont-adjust:before {
    content: "\ef68"
}

.icofont-alarm:before {
    content: "\ef69"
}

.icofont-anchor:before {
    content: "\ef6a"
}

.icofont-archive:before {
    content: "\ef6b"
}

.icofont-at:before {
    content: "\ef6c"
}

.icofont-attachment:before {
    content: "\ef6d"
}

.icofont-audio:before {
    content: "\ef6e"
}

.icofont-auto-mobile:before {
    content: "\ef6f"
}

.icofont-automation:before {
    content: "\ef70"
}

.icofont-baby:before {
    content: "\ef71"
}

.icofont-badge:before {
    content: "\ef72"
}

.icofont-bag:before {
    content: "\ef73"
}

.icofont-ban:before {
    content: "\ef74"
}

.icofont-bank:before {
    content: "\ef75"
}

.icofont-bar-code:before {
    content: "\ef76"
}

.icofont-bars:before {
    content: "\ef77"
}

.icofont-battery-empty:before {
    content: "\ef78"
}

.icofont-battery-full:before {
    content: "\ef79"
}

.icofont-battery-half:before {
    content: "\ef7a"
}

.icofont-battery-low:before {
    content: "\ef7b"
}

.icofont-beach:before {
    content: "\ef7c"
}

.icofont-beaker:before {
    content: "\ef7d"
}

.icofont-bear:before {
    content: "\ef7e"
}

.icofont-beard:before {
    content: "\ef7f"
}

.icofont-bed:before {
    content: "\ef80"
}

.icofont-bell:before {
    content: "\ef81"
}

.icofont-beverage:before {
    content: "\ef82"
}

.icofont-bicycle:before {
    content: "\ef83"
}

.icofont-bill:before {
    content: "\ef84"
}

.icofont-bin:before {
    content: "\ef85"
}

.icofont-binary:before {
    content: "\ef86"
}

.icofont-binoculars:before {
    content: "\ef87"
}

.icofont-bird:before {
    content: "\ef88"
}

.icofont-birds:before {
    content: "\ef89"
}

.icofont-black-board:before {
    content: "\ef8a"
}

.icofont-bluetooth:before {
    content: "\ef8b"
}

.icofont-bolt:before {
    content: "\ef8c"
}

.icofont-bomb:before {
    content: "\ef8d"
}

.icofont-book-mark:before {
    content: "\ef8e"
}

.icofont-book:before {
    content: "\ef8f"
}

.icofont-boot:before {
    content: "\ef90"
}

.icofont-box:before {
    content: "\ef91"
}

.icofont-brain:before {
    content: "\ef92"
}

.icofont-briefcase:before {
    content: "\ef93"
}

.icofont-broken:before {
    content: "\ef94"
}

.icofont-bucket:before {
    content: "\ef95"
}

.icofont-bucket1:before {
    content: "\ef96"
}

.icofont-bucket2:before {
    content: "\ef97"
}

.icofont-bug:before {
    content: "\ef98"
}

.icofont-building:before {
    content: "\ef99"
}

.icofont-bullet:before {
    content: "\ef9a"
}

.icofont-bullhorn:before {
    content: "\ef9b"
}

.icofont-bullseye:before {
    content: "\ef9c"
}

.icofont-bus:before {
    content: "\ef9d"
}

.icofont-butterfly:before {
    content: "\ef9e"
}

.icofont-cab:before {
    content: "\ef9f"
}

.icofont-calculator:before {
    content: "\efa0"
}

.icofont-calendar:before {
    content: "\efa1"
}

.icofont-camera-alt:before {
    content: "\efa2"
}

.icofont-camera:before {
    content: "\efa3"
}

.icofont-car:before {
    content: "\efa4"
}

.icofont-card:before {
    content: "\efa5"
}

.icofont-cart:before {
    content: "\efa6"
}

.icofont-cc:before {
    content: "\efa7"
}

.icofont-certificate:before {
    content: "\efa8"
}

.icofont-charging:before {
    content: "\efa9"
}

.icofont-chat:before {
    content: "\efaa"
}

.icofont-check-alt:before {
    content: "\efab"
}

.icofont-check-circled:before {
    content: "\efac"
}

.icofont-check:before {
    content: "\efad"
}

.icofont-checked:before {
    content: "\efae"
}

.icofont-children-care:before {
    content: "\efaf"
}

.icofont-clock-time:before {
    content: "\efb0"
}

.icofont-close-circled:before {
    content: "\efb1"
}

.icofont-close-line-circled:before {
    content: "\efb2"
}

.icofont-close-line-squared-alt:before {
    content: "\efb3"
}

.icofont-close-line-squared:before {
    content: "\efb4"
}

.icofont-close-line:before {
    content: "\efb5"
}

.icofont-close-squared-alt:before {
    content: "\efb6"
}

.icofont-close-squared:before {
    content: "\efb7"
}

.icofont-close:before {
    content: "\efb8"
}

.icofont-cloud-download:before {
    content: "\efb9"
}

.icofont-cloud-refresh:before {
    content: "\efba"
}

.icofont-cloud-upload:before {
    content: "\efbb"
}

.icofont-cloud:before {
    content: "\efbc"
}

.icofont-code-not-allowed:before {
    content: "\efbd"
}

.icofont-code:before {
    content: "\efbe"
}

.icofont-coffee-cup:before {
    content: "\efbf"
}

.icofont-comment:before {
    content: "\efc0"
}

.icofont-compass:before {
    content: "\efc1"
}

.icofont-computer:before {
    content: "\efc2"
}

.icofont-connection:before {
    content: "\efc3"
}

.icofont-console:before {
    content: "\efc4"
}

.icofont-contacts:before {
    content: "\efc5"
}

.icofont-contrast:before {
    content: "\efc6"
}

.icofont-copy:before {
    content: "\efc7"
}

.icofont-copyright:before {
    content: "\efc8"
}

.icofont-credit-card:before {
    content: "\efc9"
}

.icofont-crop:before {
    content: "\efca"
}

.icofont-crown:before {
    content: "\efcb"
}

.icofont-cube:before {
    content: "\efcc"
}

.icofont-cubes:before {
    content: "\efcd"
}

.icofont-culinary:before {
    content: "\efce"
}

.icofont-dashboard-web:before {
    content: "\efcf"
}

.icofont-dashboard:before {
    content: "\efd0"
}

.icofont-data:before {
    content: "\efd1"
}

.icofont-database-add:before {
    content: "\efd2"
}

.icofont-database-locked:before {
    content: "\efd3"
}

.icofont-database-remove:before {
    content: "\efd4"
}

.icofont-database:before {
    content: "\efd5"
}

.icofont-delete:before {
    content: "\efd6"
}

.icofont-diamond:before {
    content: "\efd7"
}

.icofont-dice:before {
    content: "\efd8"
}

.icofont-disabled:before {
    content: "\efd9"
}

.icofont-disc:before {
    content: "\efda"
}

.icofont-diskette:before {
    content: "\efdb"
}

.icofont-document-folder:before {
    content: "\efdc"
}

.icofont-download-alt:before {
    content: "\efdd"
}

.icofont-download:before {
    content: "\efde"
}

.icofont-downloaded:before {
    content: "\efdf"
}

.icofont-earth:before {
    content: "\efe0"
}

.icofont-ebook:before {
    content: "\efe1"
}

.icofont-edit:before {
    content: "\efe2"
}

.icofont-eject:before {
    content: "\efe3"
}

.icofont-email:before {
    content: "\efe4"
}

.icofont-envelope-open:before {
    content: "\efe5"
}

.icofont-envelope:before {
    content: "\efe6"
}

.icofont-eraser:before {
    content: "\efe7"
}

.icofont-error:before {
    content: "\efe8"
}

.icofont-exchange:before {
    content: "\efe9"
}

.icofont-exclamation-circle:before {
    content: "\efea"
}

.icofont-exclamation-square:before {
    content: "\efeb"
}

.icofont-exclamation-tringle:before {
    content: "\efec"
}

.icofont-exclamation:before {
    content: "\efed"
}

.icofont-exit:before {
    content: "\efee"
}

.icofont-expand:before {
    content: "\efef"
}

.icofont-external-link:before {
    content: "\eff0"
}

.icofont-external:before {
    content: "\eff1"
}

.icofont-eye-blocked:before {
    content: "\eff2"
}

.icofont-eye-dropper:before {
    content: "\eff3"
}

.icofont-eye:before {
    content: "\eff4"
}

.icofont-favourite:before {
    content: "\eff5"
}

.icofont-fax:before {
    content: "\eff6"
}

.icofont-female:before {
    content: "\eff7"
}

.icofont-file:before {
    content: "\eff8"
}

.icofont-film:before {
    content: "\eff9"
}

.icofont-filter:before {
    content: "\effa"
}

.icofont-fire-burn:before {
    content: "\effb"
}

.icofont-fire-extinguisher:before {
    content: "\effc"
}

.icofont-fire:before {
    content: "\effd"
}

.icofont-first-aid:before {
    content: "\effe"
}

.icofont-flag-alt-1:before {
    content: "\efff"
}

.icofont-flag-alt-2:before {
    content: "\f000"
}

.icofont-flag:before {
    content: "\f001"
}

.icofont-flash-light:before {
    content: "\f002"
}

.icofont-flash:before {
    content: "\f003"
}

.icofont-flask:before {
    content: "\f004"
}

.icofont-focus:before {
    content: "\f005"
}

.icofont-folder-open:before {
    content: "\f006"
}

.icofont-folder:before {
    content: "\f007"
}

.icofont-foot-print:before {
    content: "\f008"
}

.icofont-football-american:before {
    content: "\f009"
}

.icofont-football:before {
    content: "\f00a"
}

.icofont-game-console:before {
    content: "\f00b"
}

.icofont-game-pad:before {
    content: "\f00c"
}

.icofont-gavel:before {
    content: "\f00d"
}

.icofont-gear:before {
    content: "\f00e"
}

.icofont-gears:before {
    content: "\f00f"
}

.icofont-gift:before {
    content: "\f010"
}

.icofont-glass:before {
    content: "\f011"
}

.icofont-globe:before {
    content: "\f012"
}

.icofont-graduate:before {
    content: "\f013"
}

.icofont-graffiti:before {
    content: "\f014"
}

.icofont-grocery:before {
    content: "\f015"
}

.icofont-group:before {
    content: "\f016"
}

.icofont-hammer:before {
    content: "\f017"
}

.icofont-hand:before {
    content: "\f018"
}

.icofont-hanger:before {
    content: "\f019"
}

.icofont-hard-disk:before {
    content: "\f01a"
}

.icofont-headphone:before {
    content: "\f01b"
}

.icofont-heart-beat:before {
    content: "\f01c"
}

.icofont-heart:before {
    content: "\f01d"
}

.icofont-history:before {
    content: "\f01e"
}

.icofont-home:before {
    content: "\f01f"
}

.icofont-horn:before {
    content: "\f020"
}

.icofont-hotel:before {
    content: "\f021"
}

.icofont-hour-glass:before {
    content: "\f022"
}

.icofont-id:before {
    content: "\f023"
}

.icofont-image:before {
    content: "\f024"
}

.icofont-inbox:before {
    content: "\f025"
}

.icofont-infinite:before {
    content: "\f026"
}

.icofont-info-circle:before {
    content: "\f027"
}

.icofont-info-square:before {
    content: "\f028"
}

.icofont-info:before {
    content: "\f029"
}

.icofont-institution:before {
    content: "\f02a"
}

.icofont-interface:before {
    content: "\f02b"
}

.icofont-invisible:before {
    content: "\f02c"
}

.icofont-italic:before {
    content: "\f02d"
}

.icofont-jacket:before {
    content: "\f02e"
}

.icofont-jar:before {
    content: "\f02f"
}

.icofont-jewlery:before {
    content: "\f030"
}

.icofont-karate:before {
    content: "\f031"
}

.icofont-key-hole:before {
    content: "\f032"
}

.icofont-key:before {
    content: "\f033"
}

.icofont-keyboard:before {
    content: "\f034"
}

.icofont-kid:before {
    content: "\f035"
}

.icofont-label:before {
    content: "\f036"
}

.icofont-lamp:before {
    content: "\f037"
}

.icofont-laptop:before {
    content: "\f038"
}

.icofont-layers:before {
    content: "\f039"
}

.icofont-layout:before {
    content: "\f03a"
}

.icofont-leaf:before {
    content: "\f03b"
}

.icofont-leaflet:before {
    content: "\f03c"
}

.icofont-learn:before {
    content: "\f03d"
}

.icofont-legal:before {
    content: "\f03e"
}

.icofont-lego:before {
    content: "\f03f"
}

.icofont-lemon:before {
    content: "\f040"
}

.icofont-lens:before {
    content: "\f041"
}

.icofont-letter:before {
    content: "\f042"
}

.icofont-letterbox:before {
    content: "\f043"
}

.icofont-library:before {
    content: "\f044"
}

.icofont-license:before {
    content: "\f045"
}

.icofont-life-bouy:before {
    content: "\f046"
}

.icofont-life-buoy:before {
    content: "\f047"
}

.icofont-life-jacket:before {
    content: "\f048"
}

.icofont-life-ring:before {
    content: "\f049"
}

.icofont-light-bulb:before {
    content: "\f04a"
}

.icofont-lighter:before {
    content: "\f04b"
}

.icofont-lightning-ray:before {
    content: "\f04c"
}

.icofont-like:before {
    content: "\f04d"
}

.icofont-link:before {
    content: "\f04e"
}

.icofont-live-support:before {
    content: "\f04f"
}

.icofont-location-arrow:before {
    content: "\f050"
}

.icofont-location-pin:before {
    content: "\f051"
}

.icofont-lock:before {
    content: "\f052"
}

.icofont-login:before {
    content: "\f053"
}

.icofont-logout:before {
    content: "\f054"
}

.icofont-lollipop:before {
    content: "\f055"
}

.icofont-look:before {
    content: "\f056"
}

.icofont-loop:before {
    content: "\f057"
}

.icofont-luggage:before {
    content: "\f058"
}

.icofont-lunch:before {
    content: "\f059"
}

.icofont-lungs:before {
    content: "\f05a"
}

.icofont-magic-alt:before {
    content: "\f05b"
}

.icofont-magic:before {
    content: "\f05c"
}

.icofont-magnet:before {
    content: "\f05d"
}

.icofont-mail-box:before {
    content: "\f05e"
}

.icofont-mail:before {
    content: "\f05f"
}

.icofont-male:before {
    content: "\f060"
}

.icofont-map:before {
    content: "\f061"
}

.icofont-math:before {
    content: "\f062"
}

.icofont-maximize:before {
    content: "\f063"
}

.icofont-measure:before {
    content: "\f064"
}

.icofont-medal:before {
    content: "\f065"
}

.icofont-medical:before {
    content: "\f066"
}

.icofont-medicine:before {
    content: "\f067"
}

.icofont-mega-phone:before {
    content: "\f068"
}

.icofont-memorial:before {
    content: "\f069"
}

.icofont-memory-card:before {
    content: "\f06a"
}

.icofont-mic-mute:before {
    content: "\f06b"
}

.icofont-mic:before {
    content: "\f06c"
}

.icofont-micro-chip:before {
    content: "\f06d"
}

.icofont-microphone:before {
    content: "\f06e"
}

.icofont-microscope:before {
    content: "\f06f"
}

.icofont-military:before {
    content: "\f070"
}

.icofont-mill:before {
    content: "\f071"
}

.icofont-minus-circle:before {
    content: "\f072"
}

.icofont-minus-square:before {
    content: "\f073"
}

.icofont-minus:before {
    content: "\f074"
}

.icofont-mobile-phone:before {
    content: "\f075"
}

.icofont-molecule:before {
    content: "\f076"
}

.icofont-money:before {
    content: "\f077"
}

.icofont-moon:before {
    content: "\f078"
}

.icofont-mop:before {
    content: "\f079"
}

.icofont-muffin:before {
    content: "\f07a"
}

.icofont-music-alt:before {
    content: "\f07b"
}

.icofont-music-notes:before {
    content: "\f07c"
}

.icofont-music:before {
    content: "\f07d"
}

.icofont-mustache:before {
    content: "\f07e"
}

.icofont-mute-volume:before {
    content: "\f07f"
}

.icofont-navigation-menu:before {
    content: "\f080"
}

.icofont-navigation:before {
    content: "\f081"
}

.icofont-network-tower:before {
    content: "\f082"
}

.icofont-network:before {
    content: "\f083"
}

.icofont-news:before {
    content: "\f084"
}

.icofont-newspaper:before {
    content: "\f085"
}

.icofont-no-smoking:before {
    content: "\f086"
}

.icofont-not-allowed:before {
    content: "\f087"
}

.icofont-notebook:before {
    content: "\f088"
}

.icofont-notepad:before {
    content: "\f089"
}

.icofont-notification:before {
    content: "\f08a"
}

.icofont-numbered:before {
    content: "\f08b"
}

.icofont-opposite:before {
    content: "\f08c"
}

.icofont-optic:before {
    content: "\f08d"
}

.icofont-options:before {
    content: "\f08e"
}

.icofont-package:before {
    content: "\f08f"
}

.icofont-page:before {
    content: "\f090"
}

.icofont-paint:before {
    content: "\f091"
}

.icofont-paper-plane:before {
    content: "\f092"
}

.icofont-paperclip:before {
    content: "\f093"
}

.icofont-papers:before {
    content: "\f094"
}

.icofont-paw:before {
    content: "\f095"
}

.icofont-pay:before {
    content: "\f096"
}

.icofont-pen:before {
    content: "\f097"
}

.icofont-pencil:before {
    content: "\f098"
}

.icofont-penguin-linux:before {
    content: "\f099"
}

.icofont-pestle:before {
    content: "\f09a"
}

.icofont-phone-circle:before {
    content: "\f09b"
}

.icofont-phone:before {
    content: "\f09c"
}

.icofont-picture:before {
    content: "\f09d"
}

.icofont-pie:before {
    content: "\f09e"
}

.icofont-pine:before {
    content: "\f09f"
}

.icofont-pixels:before {
    content: "\f0a0"
}

.icofont-play:before {
    content: "\f0a1"
}

.icofont-plugin:before {
    content: "\f0a2"
}

.icofont-plus-circle:before {
    content: "\f0a3"
}

.icofont-plus-square:before {
    content: "\f0a4"
}

.icofont-plus:before {
    content: "\f0a5"
}

.icofont-polygonal:before {
    content: "\f0a6"
}

.icofont-power:before {
    content: "\f0a7"
}

.icofont-presentation:before {
    content: "\f0a8"
}

.icofont-price:before {
    content: "\f0a9"
}

.icofont-print:before {
    content: "\f0aa"
}

.icofont-puzzle:before {
    content: "\f0ab"
}

.icofont-qr-code:before {
    content: "\f0ac"
}

.icofont-queen:before {
    content: "\f0ad"
}

.icofont-question-circle:before {
    content: "\f0ae"
}

.icofont-question-square:before {
    content: "\f0af"
}

.icofont-question:before {
    content: "\f0b0"
}

.icofont-quote-left:before {
    content: "\f0b1"
}

.icofont-quote-right:before {
    content: "\f0b2"
}

.icofont-radio:before {
    content: "\f0b3"
}

.icofont-random:before {
    content: "\f0b4"
}

.icofont-recycle:before {
    content: "\f0b5"
}

.icofont-refresh:before {
    content: "\f0b6"
}

.icofont-repair:before {
    content: "\f0b7"
}

.icofont-reply-all:before {
    content: "\f0b8"
}

.icofont-reply:before {
    content: "\f0b9"
}

.icofont-resize:before {
    content: "\f0ba"
}

.icofont-responsive:before {
    content: "\f0bb"
}

.icofont-retweet:before {
    content: "\f0bc"
}

.icofont-road:before {
    content: "\f0bd"
}

.icofont-robot:before {
    content: "\f0be"
}

.icofont-rocket:before {
    content: "\f0bf"
}

.icofont-royal:before {
    content: "\f0c0"
}

.icofont-rss-feed:before {
    content: "\f0c1"
}

.icofont-safety:before {
    content: "\f0c2"
}

.icofont-sale-discount:before {
    content: "\f0c3"
}

.icofont-satellite:before {
    content: "\f0c4"
}

.icofont-send-mail:before {
    content: "\f0c5"
}

.icofont-server:before {
    content: "\f0c6"
}

.icofont-settings:before {
    content: "\f0c7"
}

.icofont-share-alt:before {
    content: "\f0c8"
}

.icofont-share-boxed:before {
    content: "\f0c9"
}

.icofont-share:before {
    content: "\f0ca"
}

.icofont-shield:before {
    content: "\f0cb"
}

.icofont-ship:before {
    content: "\f0cc"
}

.icofont-shopping-cart:before {
    content: "\f0cd"
}

.icofont-sign-in:before {
    content: "\f0ce"
}

.icofont-sign-out:before {
    content: "\f0cf"
}

.icofont-signal:before {
    content: "\f0d0"
}

.icofont-site-map:before {
    content: "\f0d1"
}

.icofont-smart-phone:before {
    content: "\f0d2"
}

.icofont-soccer:before {
    content: "\f0d3"
}

.icofont-sort-alt:before {
    content: "\f0d4"
}

.icofont-sort:before {
    content: "\f0d5"
}

.icofont-space:before {
    content: "\f0d6"
}

.icofont-spanner:before {
    content: "\f0d7"
}

.icofont-speech-comments:before {
    content: "\f0d8"
}

.icofont-speed-meter:before {
    content: "\f0d9"
}

.icofont-spinner-alt-1:before {
    content: "\f0da"
}

.icofont-spinner-alt-2:before {
    content: "\f0db"
}

.icofont-spinner-alt-3:before {
    content: "\f0dc"
}

.icofont-spinner-alt-4:before {
    content: "\f0dd"
}

.icofont-spinner-alt-5:before {
    content: "\f0de"
}

.icofont-spinner-alt-6:before {
    content: "\f0df"
}

.icofont-spinner:before {
    content: "\f0e0"
}

.icofont-spreadsheet:before {
    content: "\f0e1"
}

.icofont-square:before {
    content: "\f0e2"
}

.icofont-ssl-security:before {
    content: "\f0e3"
}

.icofont-star-alt-1:before {
    content: "\f0e4"
}

.icofont-star-alt-2:before {
    content: "\f0e5"
}

.icofont-star:before {
    content: "\f0e6"
}

.icofont-street-view:before {
    content: "\f0e7"
}

.icofont-sun:before {
    content: "\f0e8"
}

.icofont-support-faq:before {
    content: "\f0e9"
}

.icofont-tack-pin:before {
    content: "\f0ea"
}

.icofont-tag:before {
    content: "\f0eb"
}

.icofont-tags:before {
    content: "\f0ec"
}

.icofont-tasks:before {
    content: "\f0ed"
}

.icofont-telephone:before {
    content: "\f0ee"
}

.icofont-telescope:before {
    content: "\f0ef"
}

.icofont-terminal:before {
    content: "\f0f0"
}

.icofont-thumbs-down:before {
    content: "\f0f1"
}

.icofont-thumbs-up:before {
    content: "\f0f2"
}

.icofont-tick-boxed:before {
    content: "\f0f3"
}

.icofont-tick-mark:before {
    content: "\f0f4"
}

.icofont-ticket:before {
    content: "\f0f5"
}

.icofont-tie:before {
    content: "\f0f6"
}

.icofont-toggle-off:before {
    content: "\f0f7"
}

.icofont-toggle-on:before {
    content: "\f0f8"
}

.icofont-tools:before {
    content: "\f0f9"
}

.icofont-transparent:before {
    content: "\f0fa"
}

.icofont-tree:before {
    content: "\f0fb"
}

.icofont-umbrella:before {
    content: "\f0fc"
}

.icofont-unlock:before {
    content: "\f0fd"
}

.icofont-unlocked:before {
    content: "\f0fe"
}

.icofont-upload-alt:before {
    content: "\f0ff"
}

.icofont-upload:before {
    content: "\f100"
}

.icofont-usb-drive:before {
    content: "\f101"
}

.icofont-usb:before {
    content: "\f102"
}

.icofont-vector-path:before {
    content: "\f103"
}

.icofont-verification-check:before {
    content: "\f104"
}

.icofont-video-clapper:before {
    content: "\f105"
}

.icofont-video:before {
    content: "\f106"
}

.icofont-volume-down:before {
    content: "\f107"
}

.icofont-volume-off:before {
    content: "\f108"
}

.icofont-volume-up:before {
    content: "\f109"
}

.icofont-wall-clock:before {
    content: "\f10a"
}

.icofont-wall:before {
    content: "\f10b"
}

.icofont-wallet:before {
    content: "\f10c"
}

.icofont-warning-alt:before {
    content: "\f10d"
}

.icofont-warning:before {
    content: "\f10e"
}

.icofont-water-drop:before {
    content: "\f10f"
}

.icofont-web:before {
    content: "\f110"
}

.icofont-wheelchair:before {
    content: "\f111"
}

.icofont-wifi-alt:before {
    content: "\f112"
}

.icofont-wifi:before {
    content: "\f113"
}

.icofont-world:before {
    content: "\f114"
}

.icofont-zigzag:before {
    content: "\f115"
}

.icofont-zipped:before {
    content: "\f116"
}

.icofont-social-500px:before {
    content: "\f117"
}

.icofont-social-baidu-tieba:before {
    content: "\f118"
}

.icofont-social-bbm-messenger:before {
    content: "\f119"
}

.icofont-social-delicious:before {
    content: "\f11a"
}

.icofont-social-dribbble:before {
    content: "\f11b"
}

.icofont-social-facebook-messenger:before {
    content: "\f11c"
}

.icofont-social-flikr:before {
    content: "\f11d"
}

.icofont-social-foursquare:before {
    content: "\f11e"
}

.icofont-social-google-hangouts:before {
    content: "\f11f"
}

.icofont-social-kakaotalk:before {
    content: "\f120"
}

.icofont-social-kik:before {
    content: "\f121"
}

.icofont-social-kiwibox:before {
    content: "\f122"
}

.icofont-social-linkedin:before {
    content: "\f123"
}

.icofont-social-meetme:before {
    content: "\f124"
}

.icofont-social-odnoklassniki:before {
    content: "\f125"
}

.icofont-social-photobucket:before {
    content: "\f126"
}

.icofont-social-qq:before {
    content: "\f127"
}

.icofont-social-renren:before {
    content: "\f128"
}

.icofont-social-slack:before {
    content: "\f129"
}

.icofont-social-slidshare:before {
    content: "\f12a"
}

.icofont-social-snapchat:before {
    content: "\f12b"
}

.icofont-social-soundcloud:before {
    content: "\f12c"
}

.icofont-social-spotify:before {
    content: "\f12d"
}

.icofont-social-stack-exchange:before {
    content: "\f12e"
}

.icofont-social-stack-overflow:before {
    content: "\f12f"
}

.icofont-social-tagged:before {
    content: "\f130"
}

.icofont-social-trello:before {
    content: "\f131"
}

.icofont-social-twitch:before {
    content: "\f132"
}

.icofont-social-vk:before {
    content: "\f133"
}

.icofont-social-weibo:before {
    content: "\f134"
}

.icofont-social-whatsapp:before {
    content: "\f135"
}

.icofont-social-youku:before {
    content: "\f136"
}

.icofont-social-youtube-play:before {
    content: "\f137"
}

.icofont-social-youtube:before {
    content: "\f138"
}

.icofont-brand-xiaomi:before {
    content: "\f139"
}

.icofont-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.icofont-2x {
    font-size: 2em
}

.icofont-3x {
    font-size: 3em
}

.icofont-4x {
    font-size: 4em
}

.icofont-5x {
    font-size: 5em
}

.icofont-fw {
    display: inline-block;
    width: 1.28571429em;
    text-align: center
}

.icofont-fw {
    width: 1.28571429em;
    text-align: center
}

.icofont-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .icofont-ul > li {
        position: relative
    }

.icofont-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.icofont-rotate {
    -webkit-animation: icofont-rotate 2s infinite linear;
    animation: icofont-rotate 2s infinite linear
}

@-webkit-keyframes icofont-rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

@keyframes icofont-rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.flag-icon-background {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    float: none;
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

    /* .flag-wrapper{
  border: 1px solid #10f;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 15px;
} */
    /* .flag-wrapper .flag-icon-background{
  text-align: center;
} */
    /* .flag .flag-icon-background{
  margin: 0 auto;
} */
    .flag-icon:before {
        content: "\00a0";
    }

    .flag-icon.flag-icon-squared {
        width: 1em;
    }

.flag-icon-ad {
    background-image: url('fonts/ad.0235a8b41c610e83a8b1.svg');
}

.flag-icon-AED {
    background-image: url('fonts/ae.26b416b372518cfbc68b.svg');
}

.flag-icon-ae.flag-icon-squared {
    background-image: url('fonts/ae.26b416b372518cfbc68b.svg');
}

.flag-icon-af {
    background-image: url('fonts/af.b77dac34b4eb514190ec.svg');
}

    .flag-icon-af.flag-icon-squared {
        background-image: url('fonts/af.b77dac34b4eb514190ec.svg');
    }

.flag-icon-ag {
    background-image: url('fonts/ag.542abb1ec9ce6cf94a7f.svg');
}

    .flag-icon-ag.flag-icon-squared {
        background-image: url('fonts/ag.542abb1ec9ce6cf94a7f.svg');
    }

.flag-icon-ai {
    background-image: url('fonts/ai.1db2f0ac0fce2ff2e8f4.svg');
}

    .flag-icon-ai.flag-icon-squared {
        background-image: url('fonts/ai.1db2f0ac0fce2ff2e8f4.svg');
    }

.flag-icon-al {
    background-image: url('fonts/al.522e44372f92166904df.svg');
}

    .flag-icon-al.flag-icon-squared {
        background-image: url('fonts/al.522e44372f92166904df.svg');
    }

.flag-icon-am {
    background-image: url('fonts/am.6f07f394efccb755a2b2.svg');
}

    .flag-icon-am.flag-icon-squared {
        background-image: url('fonts/am.6f07f394efccb755a2b2.svg');
    }

.flag-icon-ao {
    background-image: url('fonts/ao.6b45659aa10252f0b1da.svg');
}

    .flag-icon-ao.flag-icon-squared {
        background-image: url('fonts/ao.6b45659aa10252f0b1da.svg');
    }

.flag-icon-aq {
    background-image: url('fonts/aq.6c3bb044ff45f4cf4091.svg');
}

    .flag-icon-aq.flag-icon-squared {
        background-image: url('fonts/aq.6c3bb044ff45f4cf4091.svg');
    }

.flag-icon-ARS {
    background-image: url('fonts/ar.1afa37cc1e8232409d31.svg');
}

.flag-icon-ar.flag-icon-squared {
    background-image: url('fonts/ar.1afa37cc1e8232409d31.svg');
}

.flag-icon-as {
    background-image: url('fonts/as.b7d95238abaf4653e8aa.svg');
}

    .flag-icon-as.flag-icon-squared {
        background-image: url('fonts/as.b7d95238abaf4653e8aa.svg');
    }

.flag-icon-at {
    background-image: url('fonts/at.1515850a3002c768aaf2.svg');
}

    .flag-icon-at.flag-icon-squared {
        background-image: url('fonts/at.1515850a3002c768aaf2.svg');
    }

.flag-icon-au {
    background-image: url('fonts/au.ff7304e74e8b30de35bc.svg');
}

    .flag-icon-au.flag-icon-squared {
        background-image: url('fonts/au.ff7304e74e8b30de35bc.svg');
    }

.flag-icon-aw {
    background-image: url('fonts/aw.9d511fc5e72ea3e84624.svg');
}

    .flag-icon-aw.flag-icon-squared {
        background-image: url('fonts/aw.9d511fc5e72ea3e84624.svg');
    }

.flag-icon-ax {
    background-image: url('fonts/ax.938a42b71389b25d2f92.svg');
}

    .flag-icon-ax.flag-icon-squared {
        background-image: url('fonts/ax.938a42b71389b25d2f92.svg');
    }

.flag-icon-az {
    background-image: url('fonts/az.8901c8a103b570b3f169.svg');
}

    .flag-icon-az.flag-icon-squared {
        background-image: url('fonts/az.8901c8a103b570b3f169.svg');
    }

.flag-icon-ba {
    background-image: url('fonts/ba.3e249f152b5cb4eaa08f.svg');
}

    .flag-icon-ba.flag-icon-squared {
        background-image: url('fonts/ba.3e249f152b5cb4eaa08f.svg');
    }

.flag-icon-BBD {
    background-image: url('fonts/bb.6f3617a0f639a00b1ca6.svg');
}

.flag-icon-bb.flag-icon-squared {
    background-image: url('fonts/bb.6f3617a0f639a00b1ca6.svg');
}

.flag-icon-bd {
    background-image: url('fonts/bd.68a16d1db6d32f2384ff.svg');
}

    .flag-icon-bd.flag-icon-squared {
        background-image: url('fonts/bd.68a16d1db6d32f2384ff.svg');
    }

.flag-icon-be {
    background-image: url('fonts/be.2e239fb36fe1a8f76f38.svg');
}

    .flag-icon-be.flag-icon-squared {
        background-image: url('fonts/be.2e239fb36fe1a8f76f38.svg');
    }

.flag-icon-bf {
    background-image: url('fonts/bf.b560ecb4a602a787e692.svg');
}

    .flag-icon-bf.flag-icon-squared {
        background-image: url('fonts/bf.b560ecb4a602a787e692.svg');
    }

.flag-icon-BGN {
    background-image: url('fonts/bg.54c535b8b2776257e12a.svg');
}

.flag-icon-bg.flag-icon-squared {
    background-image: url('fonts/bg.54c535b8b2776257e12a.svg');
}

.flag-icon-BHD {
    background-image: url('fonts/bh.b315340262f00f9457ff.svg');
}

.flag-icon-bh.flag-icon-squared {
    background-image: url('fonts/bh.b315340262f00f9457ff.svg');
}

.flag-icon-bi {
    background-image: url('fonts/bi.a8d2c960daaf9aed9768.svg');
}

    .flag-icon-bi.flag-icon-squared {
        background-image: url('fonts/bi.a8d2c960daaf9aed9768.svg');
    }

.flag-icon-bj {
    background-image: url('fonts/bj.d39e6b2298c4a4f4f82b.svg');
}

    .flag-icon-bj.flag-icon-squared {
        background-image: url('fonts/bj.d39e6b2298c4a4f4f82b.svg');
    }

.flag-icon-bl {
    background-image: url('fonts/bl.f5beea66718156407162.svg');
}

    .flag-icon-bl.flag-icon-squared {
        background-image: url('fonts/bl.f5beea66718156407162.svg');
    }

.flag-icon-BMD {
    background-image: url('fonts/bm.8f695fc2022c9871bcc4.svg');
}

.flag-icon-bm.flag-icon-squared {
    background-image: url('fonts/bm.8f695fc2022c9871bcc4.svg');
}

.flag-icon-BND {
    background-image: url('fonts/bn.84fd1c5c0de64c90075a.svg');
}

.flag-icon-bn.flag-icon-squared {
    background-image: url('fonts/bn.84fd1c5c0de64c90075a.svg');
}

.flag-icon-bo {
    background-image: url('fonts/bo.145baf1335a20828978a.svg');
}

    .flag-icon-bo.flag-icon-squared {
        background-image: url('fonts/bo.145baf1335a20828978a.svg');
    }

.flag-icon-bq {
    background-image: url('fonts/bq.d7b3a9a83e29340b46f4.svg');
}

    .flag-icon-bq.flag-icon-squared {
        background-image: url('fonts/bq.d7b3a9a83e29340b46f4.svg');
    }

.flag-icon-BRL.flag-icon-bsflag-icon-bs {
    background-image: url('fonts/br.f07af81f0d9d8087f840.svg');
}

.flag-icon-br.flag-icon-squared {
    background-image: url('fonts/br.f07af81f0d9d8087f840.svg');
}

.flag-icon-BSD {
    background-image: url('fonts/bs.4c341ba50fb2faedde83.svg');
}

.flag-icon-bs.flag-icon-squared {
    background-image: url('fonts/bs.4c341ba50fb2faedde83.svg');
}

.flag-icon-bt {
    background-image: url('fonts/bt.5737d52d2af3d6917a09.svg');
}

    .flag-icon-bt.flag-icon-squared {
        background-image: url('fonts/bt.5737d52d2af3d6917a09.svg');
    }

.flag-icon-bv {
    background-image: url('fonts/bv.057311b13bf4963961ff.svg');
}

    .flag-icon-bv.flag-icon-squared {
        background-image: url('fonts/bv.057311b13bf4963961ff.svg');
    }

.flag-icon-BWP {
    background-image: url('fonts/bw.16a504630f91dccafb55.svg');
}

.flag-icon-bw.flag-icon-squared {
    background-image: url('fonts/bw.16a504630f91dccafb55.svg');
}

.flag-icon-by {
    background-image: url('fonts/by.8b483f592507cba2f8ef.svg');
}

    .flag-icon-by.flag-icon-squared {
        background-image: url('fonts/by.8b483f592507cba2f8ef.svg');
    }

.flag-icon-BZD {
    background-image: url('fonts/bz.90f63e0d49ee037596dc.svg');
}

.flag-icon-bz.flag-icon-squared {
    background-image: url('fonts/bz.90f63e0d49ee037596dc.svg');
}

.flag-icon-CAD {
    background-image: url('fonts/ca.fb0f4ca1ce6a2f10bc67.svg');
}

.flag-icon-ca.flag-icon-squared {
    background-image: url('fonts/ca.fb0f4ca1ce6a2f10bc67.svg');
}

.flag-icon-cc {
    background-image: url('fonts/cc.69151469dfbb33bab62b.svg');
}

    .flag-icon-cc.flag-icon-squared {
        background-image: url('fonts/cc.69151469dfbb33bab62b.svg');
    }

.flag-icon-cd {
    background-image: url('fonts/cd.1cd7f4fa9eb5f6ffa556.svg');
}

    .flag-icon-cd.flag-icon-squared {
        background-image: url('fonts/cd.1cd7f4fa9eb5f6ffa556.svg');
    }

.flag-icon-cf {
    background-image: url('fonts/cf.ef407e6400dba26a6276.svg');
}

    .flag-icon-cf.flag-icon-squared {
        background-image: url('fonts/cf.ef407e6400dba26a6276.svg');
    }

.flag-icon-cg {
    background-image: url('fonts/cg.188820e6c3b390f2b0d1.svg');
}

    .flag-icon-cg.flag-icon-squared {
        background-image: url('fonts/cg.188820e6c3b390f2b0d1.svg');
    }

.flag-icon-CHF {
    background-image: url('fonts/ch.4fbd51ff155a4b15d7d5.svg');
}

.flag-icon-ch.flag-icon-squared {
    background-image: url('fonts/ch.4fbd51ff155a4b15d7d5.svg');
}

.flag-icon-ci {
    background-image: url('fonts/ci.c87c3a04def7e5adfcdd.svg');
}

    .flag-icon-ci.flag-icon-squared {
        background-image: url('fonts/ci.c87c3a04def7e5adfcdd.svg');
    }

.flag-icon-ck {
    background-image: url('fonts/ck.5ed6ae63047821a1bead.svg');
}

    .flag-icon-ck.flag-icon-squared {
        background-image: url('fonts/ck.5ed6ae63047821a1bead.svg');
    }

.flag-icon-CLP {
    background-image: url('fonts/cl.34431474ce3af0cb06cd.svg');
}

.flag-icon-cl.flag-icon-squared {
    background-image: url('fonts/cl.34431474ce3af0cb06cd.svg');
}

.flag-icon-cm {
    background-image: url('fonts/cm.79dd956a2b49750bd2a4.svg');
}

    .flag-icon-cm.flag-icon-squared {
        background-image: url('fonts/cm.79dd956a2b49750bd2a4.svg');
    }

.flag-icon-CNY {
    background-image: url('fonts/cn.862c6bed4fe87e82079f.svg');
}

.flag-icon-cn.flag-icon-squared {
    background-image: url('fonts/cn.862c6bed4fe87e82079f.svg');
}

.flag-icon-COP {
    background-image: url('fonts/co.4fd35c4ff83d8805bacf.svg');
}

.flag-icon-co.flag-icon-squared {
    background-image: url('fonts/co.4fd35c4ff83d8805bacf.svg');
}

.flag-icon-CRC {
    background-image: url('fonts/cr.85dc6c184284a8ae9a21.svg');
}

.flag-icon-cr.flag-icon-squared {
    background-image: url('fonts/cr.85dc6c184284a8ae9a21.svg');
}

.flag-icon-cu {
    background-image: url('fonts/cu.49c6d834d0464a4fc826.svg');
}

    .flag-icon-cu.flag-icon-squared {
        background-image: url('fonts/cu.49c6d834d0464a4fc826.svg');
    }

.flag-icon-cv {
    background-image: url('fonts/cv.9d29cdfcb20eeba70a18.svg');
}

    .flag-icon-cv.flag-icon-squared {
        background-image: url('fonts/cv.9d29cdfcb20eeba70a18.svg');
    }

.flag-icon-cw {
    background-image: url('fonts/cw.7666dccc068e981266c0.svg');
}

    .flag-icon-cw.flag-icon-squared {
        background-image: url('fonts/cw.7666dccc068e981266c0.svg');
    }

.flag-icon-cx {
    background-image: url('fonts/cx.2f022931f0d2dcc3e55c.svg');
}

    .flag-icon-cx.flag-icon-squared {
        background-image: url('fonts/cx.2f022931f0d2dcc3e55c.svg');
    }

.flag-icon-cy {
    background-image: url('fonts/cy.0135004fd3577dc1252f.svg');
}

    .flag-icon-cy.flag-icon-squared {
        background-image: url('fonts/cy.0135004fd3577dc1252f.svg');
    }

.flag-icon-CZK {
    background-image: url('fonts/cz.7cc1738722f3645db046.svg');
}

.flag-icon-cz.flag-icon-squared {
    background-image: url('fonts/cz.7cc1738722f3645db046.svg');
}

.flag-icon-de {
    background-image: url('fonts/de.53b1dd98bfdac1c1e2b4.svg');
}

    .flag-icon-de.flag-icon-squared {
        background-image: url('fonts/de.53b1dd98bfdac1c1e2b4.svg');
    }

.flag-icon-dj {
    background-image: url('fonts/dj.f172feda865fd7fc069e.svg');
}

    .flag-icon-dj.flag-icon-squared {
        background-image: url('fonts/dj.f172feda865fd7fc069e.svg');
    }

.flag-icon-DKK {
    background-image: url('fonts/dk.4bf923a34f7b0f6f146c.svg');
}

.flag-icon-dk.flag-icon-squared {
    background-image: url('fonts/dk.4bf923a34f7b0f6f146c.svg');
}

.flag-icon-dm {
    background-image: url('fonts/dm.5f4bd3f2ce0587bc7b71.svg');
}

    .flag-icon-dm.flag-icon-squared {
        background-image: url('fonts/dm.5f4bd3f2ce0587bc7b71.svg');
    }

.flag-icon-DOP {
    background-image: url('fonts/do.9deab3811e118a2c6982.svg');
}

.flag-icon-do.flag-icon-squared {
    background-image: url('fonts/do.9deab3811e118a2c6982.svg');
}

.flag-icon-dz {
    background-image: url('fonts/dz.6e27d9a6ea4509e3f13e.svg');
}

.flag-icon-ee .flag-icon-dz.flag-icon-squared {
    background-image: url('fonts/dz.6e27d9a6ea4509e3f13e.svg');
}

.flag-icon-ec {
    background-image: url('fonts/ec.23b121f889992270e275.svg');
}

    .flag-icon-ec.flag-icon-squared {
        background-image: url('fonts/ec.23b121f889992270e275.svg');
    }

.flag-icon-EEK {
    background-image: url('fonts/ee.2b3fa9b830c224370e02.svg');
}

.flag-icon-ee.flag-icon-squared {
    background-image: url('fonts/ee.2b3fa9b830c224370e02.svg');
}

.flag-icon-EGP {
    background-image: url('fonts/eg.77361068fd85ca205be2.svg');
}

.flag-icon-eg.flag-icon-squared {
    background-image: url('fonts/eg.77361068fd85ca205be2.svg');
}

.flag-icon-eh {
    background-image: url('fonts/eh.96dcc5937300a2af951b.svg');
}

    .flag-icon-eh.flag-icon-squared {
        background-image: url('fonts/eh.96dcc5937300a2af951b.svg');
    }

.flag-icon-er {
    background-image: url('fonts/er.ca7d6c82bc63388ba980.svg');
}

    .flag-icon-er.flag-icon-squared {
        background-image: url('fonts/er.ca7d6c82bc63388ba980.svg');
    }

.flag-icon-es {
    background-image: url('fonts/es.fc7d413dc65cc80d81ce.svg');
}

    .flag-icon-es.flag-icon-squared {
        background-image: url('fonts/es.fc7d413dc65cc80d81ce.svg');
    }

.flag-icon-et {
    background-image: url('fonts/et.ce05375717af225c8c9d.svg');
}

    .flag-icon-et.flag-icon-squared {
        background-image: url('fonts/et.ce05375717af225c8c9d.svg');
    }

.flag-icon-fi {
    background-image: url('fonts/fi.7e348f344a4508f6e492.svg');
}

    .flag-icon-fi.flag-icon-squared {
        background-image: url('fonts/fi.7e348f344a4508f6e492.svg');
    }

.flag-icon-FJD {
    background-image: url('fonts/fj.c7c3ed3de301d49b6f85.svg');
}

.flag-icon-fj.flag-icon-squared {
    background-image: url('fonts/fj.c7c3ed3de301d49b6f85.svg');
}

.flag-icon-fk {
    background-image: url('fonts/fk.0b58123438bf08050ea7.svg');
}

    .flag-icon-fk.flag-icon-squared {
        background-image: url('fonts/fk.0b58123438bf08050ea7.svg');
    }

.flag-icon-fm {
    background-image: url('fonts/fm.7d7e5ce63374896f4e1b.svg');
}

    .flag-icon-fm.flag-icon-squared {
        background-image: url('fonts/fm.7d7e5ce63374896f4e1b.svg');
    }

.flag-icon-fo {
    background-image: url('fonts/fo.463051b573c0fa441940.svg');
}

    .flag-icon-fo.flag-icon-squared {
        background-image: url('fonts/fo.463051b573c0fa441940.svg');
    }

.flag-icon-fr {
    background-image: url('fonts/fr.f5beea66718156407162.svg');
}

    .flag-icon-fr.flag-icon-squared {
        background-image: url('fonts/fr.f5beea66718156407162.svg');
    }

.flag-icon-ga {
    background-image: url('fonts/ga.61155b4357352fd32f23.svg');
}

    .flag-icon-ga.flag-icon-squared {
        background-image: url('fonts/ga.61155b4357352fd32f23.svg');
    }

.flag-icon-gb {
    background-image: url('fonts/gb.dc09da5b9405a5ea09ae.svg');
}

    .flag-icon-gb.flag-icon-squared {
        background-image: url('fonts/gb.dc09da5b9405a5ea09ae.svg');
    }

.flag-icon-gd {
    background-image: url('fonts/gd.cd82a5cb8e7cab4b4cbd.svg');
}

    .flag-icon-gd.flag-icon-squared {
        background-image: url('fonts/gd.cd82a5cb8e7cab4b4cbd.svg');
    }

.flag-icon-ge {
    background-image: url('fonts/ge.b1a3ed1fe11e4e6945a7.svg');
}

    .flag-icon-ge.flag-icon-squared {
        background-image: url('fonts/ge.b1a3ed1fe11e4e6945a7.svg');
    }

.flag-icon-gf {
    background-image: url('fonts/gf.99ef92610c9b3bfae4b7.svg');
}

    .flag-icon-gf.flag-icon-squared {
        background-image: url('fonts/gf.99ef92610c9b3bfae4b7.svg');
    }

.flag-icon-gg {
    background-image: url('fonts/gg.c0900210dc95690f8b8a.svg');
}

    .flag-icon-gg.flag-icon-squared {
        background-image: url('fonts/gg.c0900210dc95690f8b8a.svg');
    }

.flag-icon-gh {
    background-image: url('fonts/gh.81d371037ba7eeced62a.svg');
}

    .flag-icon-gh.flag-icon-squared {
        background-image: url('fonts/gh.81d371037ba7eeced62a.svg');
    }

.flag-icon-gi {
    background-image: url('fonts/gi.b9ee5df15f4a2a5e2293.svg');
}

    .flag-icon-gi.flag-icon-squared {
        background-image: url('fonts/gi.b9ee5df15f4a2a5e2293.svg');
    }

.flag-icon-gl {
    background-image: url('fonts/gl.1e6cd6004dad778b01f8.svg');
}

    .flag-icon-gl.flag-icon-squared {
        background-image: url('fonts/gl.1e6cd6004dad778b01f8.svg');
    }

.flag-icon-GMD {
    background-image: url('fonts/gm.94db794cf2ee67a3e963.svg');
}

.flag-icon-gm.flag-icon-squared {
    background-image: url('fonts/gm.94db794cf2ee67a3e963.svg');
}

.flag-icon-gn {
    background-image: url('fonts/gn.4b32fe4196e054521551.svg');
}

    .flag-icon-gn.flag-icon-squared {
        background-image: url('fonts/gn.4b32fe4196e054521551.svg');
    }

.flag-icon-gp {
    background-image: url('fonts/gp.f5beea66718156407162.svg');
}

    .flag-icon-gp.flag-icon-squared {
        background-image: url('fonts/gp.f5beea66718156407162.svg');
    }

.flag-icon-gq {
    background-image: url('fonts/gq.2c3f4c5a782b2bc84934.svg');
}

    .flag-icon-gq.flag-icon-squared {
        background-image: url('fonts/gq.2c3f4c5a782b2bc84934.svg');
    }

.flag-icon-gr {
    background-image: url('fonts/gr.e7d896e8d4c7f7396733.svg');
}

    .flag-icon-gr.flag-icon-squared {
        background-image: url('fonts/gr.e7d896e8d4c7f7396733.svg');
    }

.flag-icon-gs {
    background-image: url('fonts/gs.6c138261aab59b319934.svg');
}

    .flag-icon-gs.flag-icon-squared {
        background-image: url('fonts/gs.6c138261aab59b319934.svg');
    }

.flag-icon-GTQ {
    background-image: url('fonts/gt.daa9b00495abab81cd26.svg');
}

.flag-icon-gt.flag-icon-squared {
    background-image: url('fonts/gt.daa9b00495abab81cd26.svg');
}

.flag-icon-gu {
    background-image: url('fonts/gu.6dd3e181453de7bd717c.svg');
}

    .flag-icon-gu.flag-icon-squared {
        background-image: url('fonts/gu.6dd3e181453de7bd717c.svg');
    }

.flag-icon-gw {
    background-image: url('fonts/gw.2c8da4be311948dd4b34.svg');
}

    .flag-icon-gw.flag-icon-squared {
        background-image: url('fonts/gw.2c8da4be311948dd4b34.svg');
    }

.flag-icon-gy {
    background-image: url('fonts/gy.7d0c862b2a1a8643db61.svg');
}

    .flag-icon-gy.flag-icon-squared {
        background-image: url('fonts/gy.7d0c862b2a1a8643db61.svg');
    }

.flag-icon-HKD {
    background-image: url('fonts/hk.4553b614d26705b5450b.svg');
}

.flag-icon-hk.flag-icon-squared {
    background-image: url('fonts/hk.4553b614d26705b5450b.svg');
}

.flag-icon-AUD {
    background-image: url('fonts/hm.ce03f25ae06039fb2950.svg');
}

.flag-icon-hm.flag-icon-squared {
    background-image: url('fonts/hm.ce03f25ae06039fb2950.svg');
}

.flag-icon-hn {
    background-image: url('fonts/hn.3584ed818a2435d2d8c4.svg');
}

    .flag-icon-hn.flag-icon-squared {
        background-image: url('fonts/hn.3584ed818a2435d2d8c4.svg');
    }

.flag-icon-HRK {
    background-image: url('fonts/hr.8d697677d5a1c8eb2408.svg');
}

.flag-icon-hr.flag-icon-squared {
    background-image: url('fonts/hr.8d697677d5a1c8eb2408.svg');
}

.flag-icon-ht {
    background-image: url('fonts/ht.6738231e2cbcbbc4747d.svg');
}

    .flag-icon-ht.flag-icon-squared {
        background-image: url('fonts/ht.6738231e2cbcbbc4747d.svg');
    }

.flag-icon-HUF {
    background-image: url('fonts/hu.eccfc345a272ec5c30cb.svg');
}

.flag-icon-hu.flag-icon-squared {
    background-image: url('fonts/hu.eccfc345a272ec5c30cb.svg');
}

.flag-icon-IDR {
    background-image: url('fonts/id.1d8fdb82a99639269d54.svg');
}

.flag-icon-id.flag-icon-squared {
    background-image: url('fonts/id.1d8fdb82a99639269d54.svg');
}

.flag-icon-ie {
    background-image: url('fonts/ie.f04ae19676ac49e20b64.svg');
}

    .flag-icon-ie.flag-icon-squared {
        background-image: url('fonts/ie.f04ae19676ac49e20b64.svg');
    }

.flag-icon-ILS {
    background-image: url('fonts/il.c19e7ed639781cce04c0.svg');
}

.flag-icon-il.flag-icon-squared {
    background-image: url('fonts/il.c19e7ed639781cce04c0.svg');
}

.flag-icon-im {
    background-image: url('fonts/im.fbc736d8eef8aa0dc9f3.svg');
}

    .flag-icon-im.flag-icon-squared {
        background-image: url('fonts/im.fbc736d8eef8aa0dc9f3.svg');
    }

.flag-icon-INR {
    background-image: url('fonts/in.14ad749ffe45a7234833.svg');
}

.flag-icon-io {
    background-image: url('fonts/io.b21c04107b44604cf21f.svg');
}

    .flag-icon-io.flag-icon-squared {
        background-image: url('fonts/io.b21c04107b44604cf21f.svg');
    }

.flag-icon-iq {
    background-image: url('fonts/iq.89545ebbd9b7694de28e.svg');
}

    .flag-icon-iq.flag-icon-squared {
        background-image: url('fonts/iq.89545ebbd9b7694de28e.svg');
    }

.flag-icon-ir {
    background-image: url('fonts/ir.df8670230c49f9955a22.svg');
}

    .flag-icon-ir.flag-icon-squared {
        background-image: url('fonts/ir.df8670230c49f9955a22.svg');
    }

.flag-icon-ISK {
    background-image: url('fonts/is.1eb63a506118541e3c60.svg');
}

.flag-icon-is.flag-icon-squared {
    background-image: url('fonts/is.1eb63a506118541e3c60.svg');
}

.flag-icon-it {
    background-image: url('fonts/it.f92f856e711b48052e8b.svg');
}

    .flag-icon-it.flag-icon-squared {
        background-image: url('fonts/it.f92f856e711b48052e8b.svg');
    }

.flag-icon-je {
    background-image: url('fonts/je.800f0c2a0d60323f0048.svg');
}

    .flag-icon-je.flag-icon-squared {
        background-image: url('fonts/je.800f0c2a0d60323f0048.svg');
    }

.flag-icon-JMD {
    background-image: url('fonts/jm.b0e93cd8224c77296d5b.svg');
}

.flag-icon-jm.flag-icon-squared {
    background-image: url('fonts/jm.b0e93cd8224c77296d5b.svg');
}

.flag-icon-JOD {
    background-image: url('fonts/jo.882a2b578538a7508149.svg');
}

.flag-icon-jo.flag-icon-squared {
    background-image: url('fonts/jo.882a2b578538a7508149.svg');
}

.flag-icon-JPY {
    background-image: url('fonts/jp.8420d69ff6cbe613d0bc.svg');
}

.flag-icon-jp.flag-icon-squared {
    background-image: url('fonts/jp.8420d69ff6cbe613d0bc.svg');
}

.flag-icon-KES {
    background-image: url('fonts/ke.c5c57643122ffd79fd7e.svg');
}

.flag-icon-ke.flag-icon-squared {
    background-image: url('fonts/ke.c5c57643122ffd79fd7e.svg');
}

.flag-icon-kg {
    background-image: url('fonts/kg.87c1f44e9d6817226201.svg');
}

    .flag-icon-kg.flag-icon-squared {
        background-image: url('fonts/kg.87c1f44e9d6817226201.svg');
    }

.flag-icon-kh {
    background-image: url('fonts/kh.63493572f921ffb70494.svg');
}

    .flag-icon-kh.flag-icon-squared {
        background-image: url('fonts/kh.63493572f921ffb70494.svg');
    }

.flag-icon-ki {
    background-image: url('fonts/ki.edbc2da4c30084a31455.svg');
}

    .flag-icon-ki.flag-icon-squared {
        background-image: url('fonts/ki.edbc2da4c30084a31455.svg');
    }

.flag-icon-km {
    background-image: url('fonts/km.697729eaf810853bfbd7.svg');
}

    .flag-icon-km.flag-icon-squared {
        background-image: url('fonts/km.697729eaf810853bfbd7.svg');
    }

.flag-icon-kn {
    background-image: url('fonts/kn.81afe0ffec0194987303.svg');
}

    .flag-icon-kn.flag-icon-squared {
        background-image: url('fonts/kn.81afe0ffec0194987303.svg');
    }

.flag-icon-kp {
    background-image: url('fonts/kp.292a98a4e4b602d2084e.svg');
}

    .flag-icon-kp.flag-icon-squared {
        background-image: url('fonts/kp.292a98a4e4b602d2084e.svg');
    }

.flag-icon-KRW {
    background-image: url('fonts/kr.ae853897d074372f7324.svg');
}

.flag-icon-kr.flag-icon-squared {
    background-image: url('fonts/kr.ae853897d074372f7324.svg');
}

.flag-icon-KWD {
    background-image: url('fonts/kw.596969a5309a844ff7da.svg');
}

.flag-icon-kw.flag-icon-squared {
    background-image: url('fonts/kw.596969a5309a844ff7da.svg');
}

.flag-icon-KYD {
    background-image: url('fonts/ky.ecd9a0bee76f26e87cfe.svg');
}

.flag-icon-ky.flag-icon-squared {
    background-image: url('fonts/ky.ecd9a0bee76f26e87cfe.svg');
}

.flag-icon-kz {
    background-image: url('fonts/kz.d191308efd358be0f283.svg');
}

    .flag-icon-kz.flag-icon-squared {
        background-image: url('fonts/kz.d191308efd358be0f283.svg');
    }

.flag-icon-la {
    background-image: url('fonts/la.1bb7eb816750af22ab00.svg');
}

    .flag-icon-la.flag-icon-squared {
        background-image: url('fonts/la.1bb7eb816750af22ab00.svg');
    }

.flag-icon-LBP {
    background-image: url('fonts/lb.28934b7f5bd0a1d590c1.svg');
}

.flag-icon-lb.flag-icon-squared {
    background-image: url('fonts/lb.28934b7f5bd0a1d590c1.svg');
}

.flag-icon-lc {
    background-image: url('fonts/lc.a050ff278fe24385899b.svg');
}

    .flag-icon-lc.flag-icon-squared {
        background-image: url('fonts/lc.a050ff278fe24385899b.svg');
    }

.flag-icon-li {
    background-image: url('fonts/li.08234ab6d6450788abf3.svg');
}

    .flag-icon-li.flag-icon-squared {
        background-image: url('fonts/li.08234ab6d6450788abf3.svg');
    }

.flag-icon-LKR {
    background-image: url('fonts/lk.0f1c9b4b9d48f2b18d49.svg');
}

.flag-icon-lk.flag-icon-squared {
    background-image: url('fonts/lk.0f1c9b4b9d48f2b18d49.svg');
}

.flag-icon-lr {
    background-image: url('fonts/lr.eba1c13c5170e4019e5a.svg');
}

    .flag-icon-lr.flag-icon-squared {
        background-image: url('fonts/lr.eba1c13c5170e4019e5a.svg');
    }

.flag-icon-ls {
    background-image: url('fonts/ls.c075a2c18dea5fcc46f1.svg');
}

    .flag-icon-ls.flag-icon-squared {
        background-image: url('fonts/ls.c075a2c18dea5fcc46f1.svg');
    }

.flag-icon-LTL {
    background-image: url('fonts/lt.80d574bce22483bc6e45.svg');
}

.flag-icon-lt.flag-icon-squared {
    background-image: url('fonts/lt.80d574bce22483bc6e45.svg');
}

.flag-icon-lu {
    background-image: url('fonts/lu.b4178782401ba5af813e.svg');
}

    .flag-icon-lu.flag-icon-squared {
        background-image: url('fonts/lu.b4178782401ba5af813e.svg');
    }

.flag-icon-LVL {
    background-image: url('fonts/lv.f85a58b46d3990fbe541.svg');
}

.flag-icon-lv.flag-icon-squared {
    background-image: url('fonts/lv.f85a58b46d3990fbe541.svg');
}

.flag-icon-ly {
    background-image: url('fonts/ly.d15f2b4ca3895313c2e0.svg');
}

    .flag-icon-ly.flag-icon-squared {
        background-image: url('fonts/ly.d15f2b4ca3895313c2e0.svg');
    }

.flag-icon-MAD {
    background-image: url('fonts/ma.4dd2db703ccbcb5d69c5.svg');
}

.flag-icon-ma.flag-icon-squared {
    background-image: url('fonts/ma.4dd2db703ccbcb5d69c5.svg');
}

.flag-icon-mc {
    background-image: url('fonts/mc.15f5e52fe5086163c4e2.svg');
}

    .flag-icon-mc.flag-icon-squared {
        background-image: url('fonts/mc.15f5e52fe5086163c4e2.svg');
    }

.flag-icon-md {
    background-image: url('fonts/md.ebe3f43642af6dcfc563.svg');
}

    .flag-icon-md.flag-icon-squared {
        background-image: url('fonts/md.ebe3f43642af6dcfc563.svg');
    }

.flag-icon-me {
    background-image: url('fonts/me.2ca8d0daf46e041a3e2b.svg');
}

    .flag-icon-me.flag-icon-squared {
        background-image: url('fonts/me.2ca8d0daf46e041a3e2b.svg');
    }

.flag-icon-mf {
    background-image: url('fonts/mf.f5beea66718156407162.svg');
}

    .flag-icon-mf.flag-icon-squared {
        background-image: url('fonts/mf.f5beea66718156407162.svg');
    }

.flag-icon-mg {
    background-image: url('fonts/mg.703367d15bcc1eb2d1f8.svg');
}

    .flag-icon-mg.flag-icon-squared {
        background-image: url('fonts/mg.703367d15bcc1eb2d1f8.svg');
    }

.flag-icon-mh {
    background-image: url('fonts/mh.86fa77ef55778f5634b4.svg');
}

    .flag-icon-mh.flag-icon-squared {
        background-image: url('fonts/mh.86fa77ef55778f5634b4.svg');
    }

.flag-icon-MKD {
    background-image: url('fonts/mk.26568ff2bb987698a777.svg');
}

.flag-icon-mk.flag-icon-squared {
    background-image: url('fonts/mk.26568ff2bb987698a777.svg');
}

.flag-icon-ml {
    background-image: url('fonts/ml.30ef8b7a6af81cee0cac.svg');
}

    .flag-icon-ml.flag-icon-squared {
        background-image: url('fonts/ml.30ef8b7a6af81cee0cac.svg');
    }

.flag-icon-mm {
    background-image: url('fonts/mm.85b47d4e8528f8a85e90.svg');
}

    .flag-icon-mm.flag-icon-squared {
        background-image: url('fonts/mm.85b47d4e8528f8a85e90.svg');
    }

.flag-icon-mn {
    background-image: url('fonts/mn.60606fbda331e8d14f46.svg');
}

    .flag-icon-mn.flag-icon-squared {
        background-image: url('fonts/mn.60606fbda331e8d14f46.svg');
    }

.flag-icon-mo {
    background-image: url('fonts/mo.141345c7e3b29f4d6cd3.svg');
}

    .flag-icon-mo.flag-icon-squared {
        background-image: url('fonts/mo.141345c7e3b29f4d6cd3.svg');
    }

.flag-icon-mp {
    background-image: url('fonts/mp.33adb7c8aed76dbb0b58.svg');
}

    .flag-icon-mp.flag-icon-squared {
        background-image: url('fonts/mp.33adb7c8aed76dbb0b58.svg');
    }

.flag-icon-mq {
    background-image: url('fonts/mq.f5beea66718156407162.svg');
}

    .flag-icon-mq.flag-icon-squared {
        background-image: url('fonts/mq.f5beea66718156407162.svg');
    }

.flag-icon-mr {
    background-image: url('fonts/mr.705880b66080fe3282d7.svg');
}

    .flag-icon-mr.flag-icon-squared {
        background-image: url('fonts/mr.705880b66080fe3282d7.svg');
    }

.flag-icon-ms {
    background-image: url('fonts/ms.933811743ecce4b1650e.svg');
}

    .flag-icon-ms.flag-icon-squared {
        background-image: url('fonts/ms.933811743ecce4b1650e.svg');
    }

.flag-icon-mt {
    background-image: url('fonts/mt.2c620d6d12847d9028c9.svg');
}

    .flag-icon-mt.flag-icon-squared {
        background-image: url('fonts/mt.2c620d6d12847d9028c9.svg');
    }

.flag-icon-MUR {
    background-image: url('fonts/mu.52987c34335845f4da5e.svg');
}

.flag-icon-mu.flag-icon-squared {
    background-image: url('fonts/mu.52987c34335845f4da5e.svg');
}

.flag-icon-mv {
    background-image: url('fonts/mv.840dc4e5fd162efe2548.svg');
}

    .flag-icon-mv.flag-icon-squared {
        background-image: url('fonts/mv.840dc4e5fd162efe2548.svg');
    }

.flag-icon-mw {
    background-image: url('fonts/mw.eb2de7f4e3ac8f8c7653.svg');
}

    .flag-icon-mw.flag-icon-squared {
        background-image: url('fonts/mw.eb2de7f4e3ac8f8c7653.svg');
    }

.flag-icon-MXN {
    background-image: url('fonts/mx.289f165b1f7d1ba59caa.svg');
}

.flag-icon-mx.flag-icon-squared {
    background-image: url('fonts/mx.289f165b1f7d1ba59caa.svg');
}

.flag-icon-MYR {
    background-image: url('fonts/my.bf377574059ac5dd30c3.svg');
}

.flag-icon-my.flag-icon-squared {
    background-image: url('fonts/my.bf377574059ac5dd30c3.svg');
}

.flag-icon-mz {
    background-image: url('fonts/mz.fa350e72d144502328e3.svg');
}

    .flag-icon-mz.flag-icon-squared {
        background-image: url('fonts/mz.fa350e72d144502328e3.svg');
    }

.flag-icon-na {
    background-image: url('fonts/na.9515aca1e49b9b5f72c0.svg');
}

    .flag-icon-na.flag-icon-squared {
        background-image: url('fonts/na.9515aca1e49b9b5f72c0.svg');
    }

.flag-icon-nc {
    background-image: url('fonts/nc.f5beea66718156407162.svg');
}

    .flag-icon-nc.flag-icon-squared {
        background-image: url('fonts/nc.f5beea66718156407162.svg');
    }

.flag-icon-ne {
    background-image: url('fonts/ne.b4d519bbfd9429eadc54.svg');
}

    .flag-icon-ne.flag-icon-squared {
        background-image: url('fonts/ne.b4d519bbfd9429eadc54.svg');
    }

.flag-icon-nf {
    background-image: url('fonts/nf.d3139d5d52bea19cb345.svg');
}

    .flag-icon-nf.flag-icon-squared {
        background-image: url('fonts/nf.d3139d5d52bea19cb345.svg');
    }

.flag-icon-ng {
    background-image: url('fonts/ng.d7ccc63be34b79d90b3d.svg');
}

    .flag-icon-ng.flag-icon-squared {
        background-image: url('fonts/ng.d7ccc63be34b79d90b3d.svg');
    }

.flag-icon-ni {
    background-image: url('fonts/ni.de05d57603caa70a27d5.svg');
}

    .flag-icon-ni.flag-icon-squared {
        background-image: url('fonts/ni.de05d57603caa70a27d5.svg');
    }

.flag-icon-NLG {
    background-image: url('fonts/nl.5510575676c86a640e44.svg');
}

.flag-icon-nl.flag-icon-squared {
    background-image: url('fonts/nl.5510575676c86a640e44.svg');
}

.flag-icon-NOK {
    background-image: url('fonts/no.d748f0d9f64c0ca1a40a.svg');
}

.flag-icon-no.flag-icon-squared {
    background-image: url('fonts/no.d748f0d9f64c0ca1a40a.svg');
}

.flag-icon-np {
    background-image: url('fonts/np.fbf726f3b90b19e9bab1.svg');
}

    .flag-icon-np.flag-icon-squared {
        background-image: url('fonts/np.fbf726f3b90b19e9bab1.svg');
    }

.flag-icon-nr {
    background-image: url('fonts/nr.9b3f222968cb2f20756d.svg');
}

    .flag-icon-nr.flag-icon-squared {
        background-image: url('fonts/nr.9b3f222968cb2f20756d.svg');
    }

.flag-icon-nu {
    background-image: url('fonts/nu.f81a779d053eb6cb15fc.svg');
}

    .flag-icon-nu.flag-icon-squared {
        background-image: url('fonts/nu.f81a779d053eb6cb15fc.svg');
    }

.flag-icon-NZD {
    background-image: url('fonts/nz.c11abb88a57c3790950c.svg');
}

.flag-icon-nz.flag-icon-squared {
    background-image: url('fonts/nz.c11abb88a57c3790950c.svg');
}

.flag-icon-OMR {
    background-image: url('fonts/om.fd45ff44475a9964e4ed.svg');
}

.flag-icon-om.flag-icon-squared {
    background-image: url('fonts/om.fd45ff44475a9964e4ed.svg');
}

.flag-icon-pa {
    background-image: url('fonts/pa.d0fb63c7f6cb337ed39c.svg');
}

    .flag-icon-pa.flag-icon-squared {
        background-image: url('fonts/pa.d0fb63c7f6cb337ed39c.svg');
    }

.flag-icon-PEN {
    background-image: url('fonts/pe.2a9bf478c6593ffeae4f.svg');
}

.flag-icon-pe.flag-icon-squared {
    background-image: url('fonts/pe.2a9bf478c6593ffeae4f.svg');
}

.flag-icon-pf {
    background-image: url('fonts/pf.28905a2e709f0380d8e9.svg');
}

    .flag-icon-pf.flag-icon-squared {
        background-image: url('fonts/pf.28905a2e709f0380d8e9.svg');
    }

.flag-icon-PGK {
    background-image: url('fonts/pg.00d75c0c3f009fbd83d2.svg');
}

.flag-icon-pg.flag-icon-squared {
    background-image: url('fonts/pg.00d75c0c3f009fbd83d2.svg');
}

.flag-icon-PHP {
    background-image: url('fonts/ph.afaed3ed049eec401b74.svg');
}

.flag-icon-ph.flag-icon-squared {
    background-image: url('fonts/ph.afaed3ed049eec401b74.svg');
}

.flag-icon-PKR {
    background-image: url('fonts/pk.a7e60bb258abaaac3768.svg');
}

.flag-icon-pk.flag-icon-squared {
    background-image: url('fonts/pk.a7e60bb258abaaac3768.svg');
}

.flag-icon-PLN {
    background-image: url('fonts/pl.9510ea741dfe5800af84.svg');
}

.flag-icon-pl.flag-icon-squared {
    background-image: url('fonts/pl.9510ea741dfe5800af84.svg');
}

.flag-icon-pm {
    background-image: url('fonts/pm.f5beea66718156407162.svg');
}

    .flag-icon-pm.flag-icon-squared {
        background-image: url('fonts/pm.f5beea66718156407162.svg');
    }

.flag-icon-pn {
    background-image: url('fonts/pn.0c94bc025f022b95800f.svg');
}

    .flag-icon-pn.flag-icon-squared {
        background-image: url('fonts/pn.0c94bc025f022b95800f.svg');
    }

.flag-icon-pr {
    background-image: url('fonts/pr.5052a9ee45cd3d8381a5.svg');
}

    .flag-icon-pr.flag-icon-squared {
        background-image: url('fonts/pr.5052a9ee45cd3d8381a5.svg');
    }

.flag-icon-ps {
    background-image: url('fonts/ps.5bccb8f945a4d71c29e3.svg');
}

    .flag-icon-ps.flag-icon-squared {
        background-image: url('fonts/ps.5bccb8f945a4d71c29e3.svg');
    }

.flag-icon-pt {
    background-image: url('fonts/pt.1e25fb3d45cf9d63d171.svg');
}

    .flag-icon-pt.flag-icon-squared {
        background-image: url('fonts/pt.1e25fb3d45cf9d63d171.svg');
    }

.flag-icon-pw {
    background-image: url('fonts/pw.875ce4a918d138bec98e.svg');
}

    .flag-icon-pw.flag-icon-squared {
        background-image: url('fonts/pw.875ce4a918d138bec98e.svg');
    }

.flag-icon-py {
    background-image: url('fonts/py.1b9acae82afab1dfe437.svg');
}

    .flag-icon-py.flag-icon-squared {
        background-image: url('fonts/py.1b9acae82afab1dfe437.svg');
    }

.flag-icon-QAR {
    background-image: url('fonts/qa.599a0d9907f7d54907ce.svg');
}

.flag-icon-qa.flag-icon-squared {
    background-image: url('fonts/qa.599a0d9907f7d54907ce.svg');
}

.flag-icon-RON {
    background-image: url('fonts/ro.ad29e50e8e9c1510f134.svg');
}

.flag-icon-ro.flag-icon-squared {
    background-image: url('fonts/ro.ad29e50e8e9c1510f134.svg');
}

.flag-icon-rs {
    background-image: url('fonts/rs.723acec567fad8b3a0b9.svg');
}

    .flag-icon-rs.flag-icon-squared {
        background-image: url('fonts/rs.723acec567fad8b3a0b9.svg');
    }

.flag-icon-RUB {
    background-image: url('fonts/ru.b8261ddf4f58ad2d4dc3.svg');
}

.flag-icon-ru.flag-icon-squared {
    background-image: url('fonts/ru.b8261ddf4f58ad2d4dc3.svg');
}

.flag-icon-rw {
    background-image: url('fonts/rw.643ab7dfe8e8e538bc70.svg');
}

    .flag-icon-rw.flag-icon-squared {
        background-image: url('fonts/rw.643ab7dfe8e8e538bc70.svg');
    }

.flag-icon-SAR {
    background-image: url('fonts/sa.997f908c7f53417d80fd.svg');
}

.flag-icon-sa.flag-icon-squared {
    background-image: url('fonts/sa.997f908c7f53417d80fd.svg');
}

.flag-icon-sb {
    background-image: url('fonts/sb.ccf698badb509b1f35eb.svg');
}

    .flag-icon-sb.flag-icon-squared {
        background-image: url('fonts/sb.ccf698badb509b1f35eb.svg');
    }

.flag-icon-sc {
    background-image: url('fonts/sc.5960ca059c07aceb76a4.svg');
}

    .flag-icon-sc.flag-icon-squared {
        background-image: url('fonts/sc.5960ca059c07aceb76a4.svg');
    }

.flag-icon-sd {
    background-image: url('fonts/sd.3a5f806fc51fee6ce4ea.svg');
}

    .flag-icon-sd.flag-icon-squared {
        background-image: url('fonts/sd.3a5f806fc51fee6ce4ea.svg');
    }

.flag-icon-SEK {
    background-image: url('fonts/se.eff4eae1d096c7c14a84.svg');
}

.flag-icon-se.flag-icon-squared {
    background-image: url('fonts/se.eff4eae1d096c7c14a84.svg');
}

.flag-icon-SGD {
    background-image: url('fonts/sg.ff07e5d30495f3caea78.svg');
}

.flag-icon-sg.flag-icon-squared {
    background-image: url('fonts/sg.ff07e5d30495f3caea78.svg');
}

.flag-icon-sh {
    background-image: url('fonts/sh.a6507cfc594138b66510.svg');
}

    .flag-icon-sh.flag-icon-squared {
        background-image: url('fonts/sh.a6507cfc594138b66510.svg');
    }

.flag-icon-si {
    background-image: url('fonts/si.1f2b6a3b9ca04be5a37c.svg');
}

    .flag-icon-si.flag-icon-squared {
        background-image: url('fonts/si.1f2b6a3b9ca04be5a37c.svg');
    }

.flag-icon-sj {
    background-image: url('fonts/sj.d748f0d9f64c0ca1a40a.svg');
}

    .flag-icon-sj.flag-icon-squared {
        background-image: url('fonts/sj.d748f0d9f64c0ca1a40a.svg');
    }

.flag-icon-sk {
    background-image: url('fonts/sk.0b837ccb90b893d1a854.svg');
}

    .flag-icon-sk.flag-icon-squared {
        background-image: url('fonts/sk.0b837ccb90b893d1a854.svg');
    }

.flag-icon-sl {
    background-image: url('fonts/sl.57a71f7fc32c1e818cbc.svg');
}

    .flag-icon-sl.flag-icon-squared {
        background-image: url('fonts/sl.57a71f7fc32c1e818cbc.svg');
    }

.flag-icon-sm {
    background-image: url('fonts/sm.bd33ac470832c15f445b.svg');
}

    .flag-icon-sm.flag-icon-squared {
        background-image: url('fonts/sm.bd33ac470832c15f445b.svg');
    }

.flag-icon-sn {
    background-image: url('fonts/sn.8d76cbaf58eee8efeb37.svg');
}

    .flag-icon-sn.flag-icon-squared {
        background-image: url('fonts/sn.8d76cbaf58eee8efeb37.svg');
    }

.flag-icon-so {
    background-image: url('fonts/so.326dc26ee9ac263fc4ff.svg');
}

    .flag-icon-so.flag-icon-squared {
        background-image: url('fonts/so.326dc26ee9ac263fc4ff.svg');
    }

.flag-icon-sr {
    background-image: url('fonts/sr.60804d4e370cc66a81b1.svg');
}

    .flag-icon-sr.flag-icon-squared {
        background-image: url('fonts/sr.60804d4e370cc66a81b1.svg');
    }

.flag-icon-ss {
    background-image: url('fonts/ss.2c48d5ec542e43b968e1.svg');
}

    .flag-icon-ss.flag-icon-squared {
        background-image: url('fonts/ss.2c48d5ec542e43b968e1.svg');
    }

.flag-icon-st {
    background-image: url('fonts/st.9175294857a834a5f883.svg');
}

    .flag-icon-st.flag-icon-squared {
        background-image: url('fonts/st.9175294857a834a5f883.svg');
    }

.flag-icon-sv {
    background-image: url('fonts/sv.4c27c3e03f8a6827d6b9.svg');
}

    .flag-icon-sv.flag-icon-squared {
        background-image: url('fonts/sv.4c27c3e03f8a6827d6b9.svg');
    }

.flag-icon-sx {
    background-image: url('fonts/sx.d77f61d861fd7e34301a.svg');
}

    .flag-icon-sx.flag-icon-squared {
        background-image: url('fonts/sx.d77f61d861fd7e34301a.svg');
    }

.flag-icon-SYP {
    background-image: url('fonts/sy.859efa28936a730d6a1b.svg');
}

.flag-icon-sy.flag-icon-squared {
    background-image: url('fonts/sy.859efa28936a730d6a1b.svg');
}

.flag-icon-sz {
    background-image: url('fonts/sz.82fa14bb34ba27bf2af5.svg');
}

    .flag-icon-sz.flag-icon-squared {
        background-image: url('fonts/sz.82fa14bb34ba27bf2af5.svg');
    }

.flag-icon-tc {
    background-image: url('fonts/tc.3c20f6df73c09f53547f.svg');
}

    .flag-icon-tc.flag-icon-squared {
        background-image: url('fonts/tc.3c20f6df73c09f53547f.svg');
    }

.flag-icon-td {
    background-image: url('fonts/td.b90809e15b35e652f893.svg');
}

    .flag-icon-td.flag-icon-squared {
        background-image: url('fonts/td.b90809e15b35e652f893.svg');
    }

.flag-icon-tf {
    background-image: url('fonts/tf.02538c8e9d95469998db.svg');
}

    .flag-icon-tf.flag-icon-squared {
        background-image: url('fonts/tf.02538c8e9d95469998db.svg');
    }

.flag-icon-tg {
    background-image: url('fonts/tg.8c3cad77b8e62ed3bca1.svg');
}

    .flag-icon-tg.flag-icon-squared {
        background-image: url('fonts/tg.8c3cad77b8e62ed3bca1.svg');
    }

.flag-icon-THB {
    background-image: url('fonts/th.5b62c3068537e4c1001f.svg');
}

.flag-icon-th.flag-icon-squared {
    background-image: url('fonts/th.5b62c3068537e4c1001f.svg');
}

.flag-icon-tj {
    background-image: url('fonts/tj.75c420e93df43ba02c9f.svg');
}

    .flag-icon-tj.flag-icon-squared {
        background-image: url('fonts/tj.75c420e93df43ba02c9f.svg');
    }

.flag-icon-tk {
    background-image: url('fonts/tk.489e194c7c04fe49be12.svg');
}

    .flag-icon-tk.flag-icon-squared {
        background-image: url('fonts/tk.489e194c7c04fe49be12.svg');
    }

.flag-icon-tl {
    background-image: url('fonts/tl.60cca0932810ddc48a99.svg');
}

    .flag-icon-tl.flag-icon-squared {
        background-image: url('fonts/tl.60cca0932810ddc48a99.svg');
    }

.flag-icon-tm {
    background-image: url('fonts/tm.22835fd9f1bfae2cbf1f.svg');
}

    .flag-icon-tm.flag-icon-squared {
        background-image: url('fonts/tm.22835fd9f1bfae2cbf1f.svg');
    }

.flag-icon-flag-icon-tn {
    background-image: url('fonts/tn.f0a30981087e15fd0d76.svg');
}

.flag-icon-tn.flag-icon-squared {
    background-image: url('fonts/tn.f0a30981087e15fd0d76.svg');
}

.flag-icon-to {
    background-image: url('fonts/to.4d567a690404c03c2082.svg');
}

    .flag-icon-to.flag-icon-squared {
        background-image: url('fonts/to.4d567a690404c03c2082.svg');
    }

.flag-icon-TRY {
    background-image: url('fonts/tr.3861ade0752f068c7bd5.svg');
}

.flag-icon-tr.flag-icon-squared {
    background-image: url('fonts/tr.3861ade0752f068c7bd5.svg');
}

.flag-icon-TTD {
    background-image: url('fonts/tt.4365fc9d9cbcb1945187.svg');
}

.flag-icon-tt.flag-icon-squared {
    background-image: url('fonts/tt.4365fc9d9cbcb1945187.svg');
}

.flag-icon-tv {
    background-image: url('fonts/tv.d91ede3e3d052aa5327a.svg');
}

    .flag-icon-tv.flag-icon-squared {
        background-image: url('fonts/tv.d91ede3e3d052aa5327a.svg');
    }

.flag-icon-TWD {
    background-image: url('fonts/tw.c32c59808c7618ded752.svg');
}

.flag-icon-tw.flag-icon-squared {
    background-image: url('fonts/tw.c32c59808c7618ded752.svg');
}

.flag-icon-tz {
    background-image: url('fonts/tz.5e601327c8f84acc76b6.svg');
}

    .flag-icon-tz.flag-icon-squared {
        background-image: url('fonts/tz.5e601327c8f84acc76b6.svg');
    }

.flag-icon-ua {
    background-image: url('fonts/ua.9662131f4f0a53d3f68f.svg');
}

    .flag-icon-ua.flag-icon-squared {
        background-image: url('fonts/ua.9662131f4f0a53d3f68f.svg');
    }

.flag-icon-ug {
    background-image: url('fonts/ug.d3c2ae8b20f90ec3ccd5.svg');
}

    .flag-icon-ug.flag-icon-squared {
        background-image: url('fonts/ug.d3c2ae8b20f90ec3ccd5.svg');
    }

.flag-icon-um {
    background-image: url('fonts/um.27344d8bf35c9a284b58.svg');
}

    .flag-icon-um.flag-icon-squared {
        background-image: url('fonts/um.27344d8bf35c9a284b58.svg');
    }

.flag-icon-USD {
    background-image: url('fonts/us.1067e4f544573a808db9.svg');
}

.flag-icon-us.flag-icon-squared {
    background-image: url('fonts/us.1067e4f544573a808db9.svg');
}

.flag-icon-UYU {
    background-image: url('fonts/uy.94e576aa509ef694ad62.svg');
}

.flag-icon-uy.flag-icon-squared {
    background-image: url('fonts/uy.94e576aa509ef694ad62.svg');
}

.flag-icon-uz {
    background-image: url('fonts/uz.ad760e88611b4d3215de.svg');
}

    .flag-icon-uz.flag-icon-squared {
        background-image: url('fonts/uz.ad760e88611b4d3215de.svg');
    }

.flag-icon-va {
    background-image: url('fonts/va.b0a8ba44a1521e17bce0.svg');
}

    .flag-icon-va.flag-icon-squared {
        background-image: url('fonts/va.b0a8ba44a1521e17bce0.svg');
    }

.flag-icon-vc {
    background-image: url('fonts/vc.d1b85cb2907acd224fed.svg');
}

    .flag-icon-vc.flag-icon-squared {
        background-image: url('fonts/vc.d1b85cb2907acd224fed.svg');
    }

.flag-icon-ve {
    background-image: url('fonts/ve.974f2df242a168ed163c.svg');
}

    .flag-icon-ve.flag-icon-squared {
        background-image: url('fonts/ve.974f2df242a168ed163c.svg');
    }

.flag-icon-vg {
    background-image: url('fonts/vg.328b83d00e1371c7df7c.svg');
}

    .flag-icon-vg.flag-icon-squared {
        background-image: url('fonts/vg.328b83d00e1371c7df7c.svg');
    }

.flag-icon-vi {
    background-image: url('fonts/vi.ee643395cce51b2233ea.svg');
}

    .flag-icon-vi.flag-icon-squared {
        background-image: url('fonts/vi.ee643395cce51b2233ea.svg');
    }

.flag-icon-VND {
    background-image: url('fonts/vn.dc03080754ad15a40604.svg');
}

.flag-icon-vn.flag-icon-squared {
    background-image: url('fonts/vn.dc03080754ad15a40604.svg');
}

.flag-icon-vu {
    background-image: url('fonts/vu.7bef82e6203c6c67dbd3.svg');
}

    .flag-icon-vu.flag-icon-squared {
        background-image: url('fonts/vu.7bef82e6203c6c67dbd3.svg');
    }

.flag-icon-wf {
    background-image: url('fonts/wf.bc85b58ae93c7188fd14.svg');
}

    .flag-icon-wf.flag-icon-squared {
        background-image: url('fonts/wf.bc85b58ae93c7188fd14.svg');
    }

.flag-icon-ws {
    background-image: url('fonts/ws.4c452012911dc6d3f720.svg');
}

    .flag-icon-ws.flag-icon-squared {
        background-image: url('fonts/ws.4c452012911dc6d3f720.svg');
    }

.flag-icon-ye {
    background-image: url('fonts/ye.a2b66a6bc7ba8a41ee8d.svg');
}

    .flag-icon-ye.flag-icon-squared {
        background-image: url('fonts/ye.a2b66a6bc7ba8a41ee8d.svg');
    }

.flag-icon-yt {
    background-image: url('fonts/yt.f5beea66718156407162.svg');
}

    .flag-icon-yt.flag-icon-squared {
        background-image: url('fonts/yt.f5beea66718156407162.svg');
    }

.flag-icon-ZAR {
    background-image: url('fonts/za.3c8733a229beacd864e8.svg');
}

.flag-icon-za.flag-icon-squared {
    background-image: url('fonts/za.3c8733a229beacd864e8.svg');
}

.flag-icon-zm {
    background-image: url('fonts/zm.ed461ffeaf1a70508914.svg');
}

    .flag-icon-zm.flag-icon-squared {
        background-image: url('fonts/zm.ed461ffeaf1a70508914.svg');
    }

.flag-icon-zw {
    background-image: url('fonts/zw.5cf66e3e7d129daddc6d.svg');
}

    .flag-icon-zw.flag-icon-squared {
        background-image: url('fonts/zw.5cf66e3e7d129daddc6d.svg');
    }

.flag-icon-EUR {
    background-image: url('fonts/eu.a82164bef7b3b68dd236.svg');
}

.flag-icon-eu.flag-icon-squared {
    background-image: url('fonts/eu.a82164bef7b3b68dd236.svg');
}

.flag-icon-un {
    background-image: url('fonts/un.5dc5f606615c119072e2.svg');
}

    .flag-icon-un.flag-icon-squared {
        background-image: url('fonts/un.5dc5f606615c119072e2.svg');
    }

.icon-list-demo .flag-icon-background {
    /* margin-right: 8px; */
    font-size: 12px;
    text-transform: capitalize;
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.ld.reverse {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.ld.xhalf {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.ld.x1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.ld.x2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.ld.x4 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.ld.running {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.ld.paused {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.ld.f00 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.ld.f01 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

.ld.f02 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.ld.f03 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.ld.f04 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.ld.f05 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.ld.f06 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.ld.f07 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.ld.f08 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.ld.f09 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.ld.f10 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.ld-ball,
.ld-ring,
.ld-hourglass,
.ld-loader,
.ld-cross,
.ld-square,
.ld-pie,
.ld-spinner {
    width: 1em;
    height: 1em;
    position: relative;
    color: inherit;
    display: inline-block;
    /*
    &:before
      content: "â—Ž"
      display: block
      visibility: hidden
    */
}

    .ld-ball:after,
    .ld-ring:after,
    .ld-hourglass:after,
    .ld-loader:after,
    .ld-cross:after,
    .ld-square:after,
    .ld-pie:after,
    .ld-spinner:after {
        position: absolute;
        margin: auto;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: " ";
        display: inline-block;
        background: center center no-repeat;
        background-size: cover;
    }

    .ld-ball:after {
        border-radius: 50%;
        background: currentColor;
    }

    .ld-pie:after {
        width: 0;
        height: 0;
        border-radius: 50%;
        border-style: solid;
        border-width: 0.5em;
        -webkit-background-clip: padding-box;
        border-color: currentColor currentColor currentColor transparent;
    }

    .ld-ring:after {
        border-radius: 50%;
        border-style: solid;
        border-width: 0.15em;
        -webkit-background-clip: padding-box;
        border-color: currentColor currentColor currentColor transparent;
        box-sizing: border-box;
    }

    .ld-hourglass:after {
        width: 0;
        height: 0;
        background: none;
        border-radius: 50%;
        border-style: solid;
        border-width: 0.5em;
        border-color: currentColor transparent currentColor transparent;
    }

    .ld-cross:after {
        width: 18%;
        height: 18%;
        background: currentColor;
        box-shadow: 0 0.18em 0 1px currentColor, 0 -0.18em 0 1px currentColor, 0.18em 0 0 1px currentColor, -0.18em 0 0 1px currentColor, 0 0.36em 0 1px currentColor, 0 -0.36em 0 1px currentColor, 0.36em 0 0 1px currentColor, -0.36em 0 0 1px currentColor;
    }

    .ld-square:after {
        width: 90%;
        height: 90%;
        background: currentColor;
    }

    .ld-spinner:after {
        width: 20%;
        height: 20%;
        border-radius: 50%;
        background: none;
        box-shadow: 0 0.5em 0 0 currentColor, 0 -.5em 0 0 currentColor, .5em 0 0 0 currentColor, -.5em 0 0 0 currentColor, .35355339059327373em .35355339059327373em 0 0 currentColor, -.35355339059327373em .35355339059327373em 0 0 currentColor, .35355339059327373em -.35355339059327373em 0 0 currentColor, -.35355339059327373em -.35355339059327373em 0 0 currentColor;
    }

.ld-loader {
    background-size: cover;
}

@keyframes ld-blink {
    0% {
        opacity: 1;
    }

    49% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes ld-blink {
    0% {
        opacity: 1;
    }

    49% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.ld.ld-blink {
    -webkit-animation: ld-blink 1s infinite linear;
    animation: ld-blink 1s infinite linear;
}

@keyframes ld-blur {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0);
    }

    50% {
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@-webkit-keyframes ld-blur {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0);
    }

    50% {
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

.ld.ld-blur {
    -webkit-animation: ld-blur 1s infinite;
    animation: ld-blur 1s infinite;
}

@keyframes ld-breath {
    0% {
        transform: scale(0.86);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(0.86);
    }
}

@-webkit-keyframes ld-breath {
    0% {
        transform: scale(0.86);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(0.86);
    }
}

.ld.ld-breath {
    -webkit-animation: ld-breath 1s infinite;
    animation: ld-breath 1s infinite;
}

@keyframes ld-broadcast {
    0% {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9);
    }

    19% {
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.7);
    }

    20% {
        box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.8);
    }

    39% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.6);
    }

    40% {
        box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.7);
    }

    60% {
        box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    100% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
}

@-webkit-keyframes ld-broadcast {
    0% {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9);
    }

    19% {
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.7);
    }

    20% {
        box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.8);
    }

    39% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.6);
    }

    40% {
        box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.7);
    }

    60% {
        box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    100% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
}

.ld.ld-broadcast {
    -webkit-animation: ld-broadcast 1s infinite ease-out;
    animation: ld-broadcast 1s infinite ease-out;
    border-radius: 50%;
}

@keyframes ld-clock {
    0% {
        transform: rotate(0deg);
    }

    8.333% {
        transform: rotate(30deg);
    }

    16.667% {
        transform: rotate(60deg);
    }

    25% {
        transform: rotate(90deg);
    }

    33.333% {
        transform: rotate(120deg);
    }

    41.667% {
        transform: rotate(150deg);
    }

    50% {
        transform: rotate(180deg);
    }

    58.333% {
        transform: rotate(210deg);
    }

    66.667% {
        transform: rotate(240deg);
    }

    75% {
        transform: rotate(270deg);
    }

    83.333% {
        transform: rotate(300deg);
    }

    91.667% {
        transform: rotate(330deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes ld-clock {
    0% {
        transform: rotate(0deg);
    }

    8.333% {
        transform: rotate(30deg);
    }

    16.667% {
        transform: rotate(60deg);
    }

    25% {
        transform: rotate(90deg);
    }

    33.333% {
        transform: rotate(120deg);
    }

    41.667% {
        transform: rotate(150deg);
    }

    50% {
        transform: rotate(180deg);
    }

    58.333% {
        transform: rotate(210deg);
    }

    66.667% {
        transform: rotate(240deg);
    }

    75% {
        transform: rotate(270deg);
    }

    83.333% {
        transform: rotate(300deg);
    }

    91.667% {
        transform: rotate(330deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ld.ld-clock {
    -webkit-animation: ld-clock 9s infinite cubic-bezier(0, 0.7, 0.3, 1);
    animation: ld-clock 9s infinite cubic-bezier(0, 0.7, 0.3, 1);
}

@keyframes ld-cycle {

    0%, 50%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5);
    }

    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes ld-cycle {

    0%, 50%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5);
    }

    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ld.ld-cycle {
    -webkit-animation: ld-cycle 1s infinite linear;
    animation: ld-cycle 1s infinite linear;
}

@keyframes ld-fade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes ld-fade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.ld.ld-fade {
    -webkit-animation: ld-fade 1s infinite linear;
    animation: ld-fade 1s infinite linear;
}

@keyframes ld-flip {

    0%, 25%, 50%, 75%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: rotateY(0deg) rotateX(0deg);
    }

    25% {
        transform: rotateY(180deg) rotateX(0deg);
    }

    50% {
        transform: rotateY(180deg) rotateX(180deg);
    }

    75% {
        transform: rotateY(0deg) rotateX(180deg);
    }

    100% {
        transform: rotateY(0deg) rotateX(0deg);
    }
}

@-webkit-keyframes ld-flip {

    0%, 25%, 50%, 75%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: rotateY(0deg) rotateX(0deg);
    }

    25% {
        transform: rotateY(180deg) rotateX(0deg);
    }

    50% {
        transform: rotateY(180deg) rotateX(180deg);
    }

    75% {
        transform: rotateY(0deg) rotateX(180deg);
    }

    100% {
        transform: rotateY(0deg) rotateX(0deg);
    }
}

.ld.ld-flip {
    -webkit-animation: ld-flip 2s infinite;
    animation: ld-flip 2s infinite;
}

@keyframes ld-flip-v {

    0%, 25%, 50%, 75%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: rotateX(180deg) rotateY(0deg);
    }

    100% {
        transform: rotateX(0deg) rotateY(0deg);
    }
}

@-webkit-keyframes ld-flip-v {

    0%, 25%, 50%, 75%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: rotateX(180deg) rotateY(0deg);
    }

    100% {
        transform: rotateX(0deg) rotateY(0deg);
    }
}

.ld.ld-flip-v {
    -webkit-animation: ld-flip-v 1s infinite;
    animation: ld-flip-v 1s infinite;
}

@keyframes ld-flip-h {

    0%, 25%, 50%, 75%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: rotateY(0deg) rotateX(0deg);
    }

    50% {
        transform: rotateY(180deg) rotateX(0deg);
    }

    100% {
        transform: rotateY(0deg) rotateX(0deg);
    }
}

@-webkit-keyframes ld-flip-h {

    0%, 25%, 50%, 75%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: rotateY(0deg) rotateX(0deg);
    }

    50% {
        transform: rotateY(180deg) rotateX(0deg);
    }

    100% {
        transform: rotateY(0deg) rotateX(0deg);
    }
}

.ld.ld-flip-h {
    -webkit-animation: ld-flip-h 1s infinite;
    animation: ld-flip-h 1s infinite;
}

@keyframes ld-coin-v {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: rotateX(0deg);
    }

    50% {
        transform: rotateX(1800deg);
    }

    100% {
        transform: rotateX(3600deg);
    }
}

@-webkit-keyframes ld-coin-v {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: rotateX(0deg);
    }

    50% {
        transform: rotateX(1800deg);
    }

    100% {
        transform: rotateX(3600deg);
    }
}

.ld.ld-coin-v {
    -webkit-animation: ld-coin-v 2s infinite;
    animation: ld-coin-v 2s infinite;
}

@keyframes ld-coin-h {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(1800deg);
    }

    100% {
        transform: rotateY(3600deg);
    }
}

@-webkit-keyframes ld-coin-h {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(1800deg);
    }

    100% {
        transform: rotateY(3600deg);
    }
}

.ld.ld-coin-h {
    -webkit-animation: ld-coin-h 2s infinite;
    animation: ld-coin-h 2s infinite;
}

@keyframes ld-heartbeat {
    0% {
        transform: scale(1.05);
    }

    5% {
        transform: scale(1.25);
    }

    39% {
        transform: scale(0.9);
    }

    45% {
        transform: scale(1.15);
    }

    60% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes ld-heartbeat {
    0% {
        transform: scale(1.05);
    }

    5% {
        transform: scale(1.25);
    }

    39% {
        transform: scale(0.9);
    }

    45% {
        transform: scale(1.15);
    }

    60% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.ld.ld-heartbeat {
    -webkit-animation: ld-heartbeat 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: ld-heartbeat 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes ld-radio {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.13, 1);
        animation-timing-function: cubic-bezier(0.3, 0.27, 0.13, 1);
    }

    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    5% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes ld-radio {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.13, 1);
        animation-timing-function: cubic-bezier(0.3, 0.27, 0.13, 1);
    }

    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    5% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.ld.ld-radio {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
}

    .ld.ld-radio:after {
        -webkit-animation: ld-radio 1s infinite;
        animation: ld-radio 1s infinite;
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 6px solid #000;
        border-radius: 50%;
        background: none;
    }

    .ld.ld-radio.square:after {
        border-radius: 0;
    }

@keyframes ld-rotate {

    0%, 33%, 66%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    16%, 50%, 83% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5);
    }

    16% {
        transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1);
    }

    33% {
        transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1);
    }

    50% {
        transform: skewX(0deg) skewY(0deg) scaleX(0.5) scaleY(2);
    }

    66% {
        transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1);
    }

    83% {
        transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1);
    }

    100% {
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5);
    }
}

@-webkit-keyframes ld-rotate {

    0%, 33%, 66%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    16%, 50%, 83% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5);
    }

    16% {
        transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1);
    }

    33% {
        transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1);
    }

    50% {
        transform: skewX(0deg) skewY(0deg) scaleX(0.5) scaleY(2);
    }

    66% {
        transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1);
    }

    83% {
        transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1);
    }

    100% {
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5);
    }
}

.ld.ld-rotate {
    -webkit-animation: ld-rotate 1s infinite;
    animation: ld-rotate 1s infinite;
}

@keyframes ld-rubber {
    0% {
        transform: scale(1, 1);
    }

    20% {
        transform: scale(1.5, 1);
    }

    30% {
        transform: scale(0.8, 1);
    }

    40% {
        transform: scale(1.3, 1);
    }

    50% {
        transform: scale(0.85, 1);
    }

    60% {
        transform: scale(1.2, 1);
    }

    70% {
        transform: scale(0.9, 1);
    }

    80% {
        transform: scale(1.1, 1);
    }

    90% {
        transform: scale(0.95, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes ld-rubber {
    0% {
        transform: scale(1, 1);
    }

    20% {
        transform: scale(1.5, 1);
    }

    30% {
        transform: scale(0.8, 1);
    }

    40% {
        transform: scale(1.3, 1);
    }

    50% {
        transform: scale(0.85, 1);
    }

    60% {
        transform: scale(1.2, 1);
    }

    70% {
        transform: scale(0.9, 1);
    }

    80% {
        transform: scale(1.1, 1);
    }

    90% {
        transform: scale(0.95, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

.ld.ld-rubber {
    -webkit-animation: ld-rubber 1s ease-out infinite;
    animation: ld-rubber 1s ease-out infinite;
}

@keyframes ld-shadow {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
        animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
        animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    }

    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.9);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    }
}

@-webkit-keyframes ld-shadow {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
        animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
        animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    }

    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.9);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    }
}

.ld.ld-shadow {
    -webkit-animation: ld-shadow 1s infinite;
    animation: ld-shadow 1s infinite;
    border-radius: 50%;
}

@keyframes ld-shadow-a {
    0% {
        box-shadow: 3px 0px 0 6px rgba(0, 0, 0, 0.5);
    }

    8.33% {
        box-shadow: 3px 1px 0 6px rgba(0, 0, 0, 0.5);
    }

    16.67% {
        box-shadow: 2px 3px 0 6px rgba(0, 0, 0, 0.5);
    }

    25% {
        box-shadow: 0px 3px 0 6px rgba(0, 0, 0, 0.5);
    }

    33.33% {
        box-shadow: -1px 3px 0 6px rgba(0, 0, 0, 0.5);
    }

    41.67% {
        box-shadow: -3px 1px 0 6px rgba(0, 0, 0, 0.5);
    }

    50% {
        box-shadow: -3px 0px 0 6px rgba(0, 0, 0, 0.5);
    }

    58.33% {
        box-shadow: -3px -1px 0 6px rgba(0, 0, 0, 0.5);
    }

    66.67% {
        box-shadow: -2px -3px 0 6px rgba(0, 0, 0, 0.5);
    }

    75% {
        box-shadow: 0px -3px 0 6px rgba(0, 0, 0, 0.5);
    }

    83.33% {
        box-shadow: 2px -3px 0 6px rgba(0, 0, 0, 0.5);
    }

    91.67% {
        box-shadow: 3px -2px 0 6px rgba(0, 0, 0, 0.5);
    }

    100% {
        box-shadow: 3px 0px 0 6px rgba(0, 0, 0, 0.5);
    }
}

@-webkit-keyframes ld-shadow-a {
    0% {
        box-shadow: 3px 0px 0 6px rgba(0, 0, 0, 0.5);
    }

    8.33% {
        box-shadow: 3px 1px 0 6px rgba(0, 0, 0, 0.5);
    }

    16.67% {
        box-shadow: 2px 3px 0 6px rgba(0, 0, 0, 0.5);
    }

    25% {
        box-shadow: 0px 3px 0 6px rgba(0, 0, 0, 0.5);
    }

    33.33% {
        box-shadow: -1px 3px 0 6px rgba(0, 0, 0, 0.5);
    }

    41.67% {
        box-shadow: -3px 1px 0 6px rgba(0, 0, 0, 0.5);
    }

    50% {
        box-shadow: -3px 0px 0 6px rgba(0, 0, 0, 0.5);
    }

    58.33% {
        box-shadow: -3px -1px 0 6px rgba(0, 0, 0, 0.5);
    }

    66.67% {
        box-shadow: -2px -3px 0 6px rgba(0, 0, 0, 0.5);
    }

    75% {
        box-shadow: 0px -3px 0 6px rgba(0, 0, 0, 0.5);
    }

    83.33% {
        box-shadow: 2px -3px 0 6px rgba(0, 0, 0, 0.5);
    }

    91.67% {
        box-shadow: 3px -2px 0 6px rgba(0, 0, 0, 0.5);
    }

    100% {
        box-shadow: 3px 0px 0 6px rgba(0, 0, 0, 0.5);
    }
}

.ld.ld-shadow-a {
    -webkit-animation: ld-shadow-a 0.5s infinite;
    animation: ld-shadow-a 0.5s infinite;
    box-shadow: 3px 0px 0 6px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}

@keyframes ld-skew {

    0%, 50%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }

    25%, 75% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }

    0% {
        transform: skewX(20deg) scale(1);
    }

    25% {
        transform: skewX(0deg) scale(0.9);
    }

    50% {
        transform: skewX(-20deg) scale(1);
    }

    75% {
        transform: skewX(0deg) scale(0.9);
    }

    100% {
        transform: skewX(20deg) scale(1);
    }
}

@-webkit-keyframes ld-skew {

    0%, 50%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }

    25%, 75% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }

    0% {
        transform: skewX(20deg) scale(1);
    }

    25% {
        transform: skewX(0deg) scale(0.9);
    }

    50% {
        transform: skewX(-20deg) scale(1);
    }

    75% {
        transform: skewX(0deg) scale(0.9);
    }

    100% {
        transform: skewX(20deg) scale(1);
    }
}

.ld.ld-skew {
    -webkit-animation: ld-skew 1s infinite;
    animation: ld-skew 1s infinite;
}

@keyframes ld-spin {
    0% {
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(180deg);
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes ld-spin {
    0% {
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(180deg);
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ld.ld-spin {
    -webkit-animation: ld-spin 1s infinite;
    animation: ld-spin 1s infinite;
}

@keyframes ld-spin-fast {
    0% {
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}

@-webkit-keyframes ld-spin-fast {
    0% {
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}

.ld.ld-spin-fast {
    -webkit-animation: ld-spin-fast 1s infinite;
    animation: ld-spin-fast 1s infinite;
}

@keyframes ld-squeeze {
    0% {
        transform: scale(1, 0.5);
    }

    50% {
        transform: scale(0.5, 1);
    }

    100% {
        transform: scale(1, 0.5);
    }
}

@-webkit-keyframes ld-squeeze {
    0% {
        transform: scale(1, 0.5);
    }

    50% {
        transform: scale(0.5, 1);
    }

    100% {
        transform: scale(1, 0.5);
    }
}

.ld.ld-squeeze {
    -webkit-animation: ld-squeeze 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: ld-squeeze 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes ld-surprise {
    0% {
        transform: skewX(0deg) scale(1);
    }

    10% {
        transform: skewX(-15deg) scale(0.8);
    }

    20% {
        transform: skewX(-15deg) scale(0.8);
    }

    30% {
        transform: skewX(15deg) scale(1.3);
    }

    40% {
        transform: skewX(-15deg) scale(1.3);
    }

    50% {
        transform: skewX(15deg) scale(1.3);
    }

    60% {
        transform: skewX(-15deg) scale(1.3);
    }

    70% {
        transform: skewX(15deg) scale(1.3);
    }

    80% {
        transform: skewX(-15deg) scale(1.3);
    }

    90% {
        transform: skewX(15deg) scale(1.3);
    }

    100% {
        transform: skewX(-15deg) scale(1.3);
    }
}

@-webkit-keyframes ld-surprise {
    0% {
        transform: skewX(0deg) scale(1);
    }

    10% {
        transform: skewX(-15deg) scale(0.8);
    }

    20% {
        transform: skewX(-15deg) scale(0.8);
    }

    30% {
        transform: skewX(15deg) scale(1.3);
    }

    40% {
        transform: skewX(-15deg) scale(1.3);
    }

    50% {
        transform: skewX(15deg) scale(1.3);
    }

    60% {
        transform: skewX(-15deg) scale(1.3);
    }

    70% {
        transform: skewX(15deg) scale(1.3);
    }

    80% {
        transform: skewX(-15deg) scale(1.3);
    }

    90% {
        transform: skewX(15deg) scale(1.3);
    }

    100% {
        transform: skewX(-15deg) scale(1.3);
    }
}

.ld.ld-surprise {
    -webkit-animation: ld-surprise 1s infinite linear;
    animation: ld-surprise 1s infinite linear;
}

@keyframes ld-tick {
    0% {
        transform: rotate(0);
    }

    20% {
        transform: rotate(-30deg);
    }

    30% {
        transform: rotate(30deg);
    }

    40% {
        transform: rotate(-21deg);
    }

    50% {
        transform: rotate(15deg);
    }

    60% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(6deg);
    }

    80% {
        transform: rotate(-2deg);
    }

    90% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes ld-tick {
    0% {
        transform: rotate(0);
    }

    20% {
        transform: rotate(-30deg);
    }

    30% {
        transform: rotate(30deg);
    }

    40% {
        transform: rotate(-21deg);
    }

    50% {
        transform: rotate(15deg);
    }

    60% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(6deg);
    }

    80% {
        transform: rotate(-2deg);
    }

    90% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.ld.ld-tick {
    -webkit-animation: ld-tick 1s ease-out infinite;
    animation: ld-tick 1s ease-out infinite;
}

@keyframes ld-vortex-in {
    0% {
        transform: rotate(1800deg) scale(3);
        opacity: 0;
    }

    60% {
        transform: rotate(0deg) scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes ld-vortex-in {
    0% {
        transform: rotate(1800deg) scale(3);
        opacity: 0;
    }

    60% {
        transform: rotate(0deg) scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.ld.ld-vortex-in {
    -webkit-animation: ld-vortex-in 2s infinite;
    animation: ld-vortex-in 2s infinite;
    -webkit-animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7);
    animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7);
}

@keyframes ld-vortex-out {
    0% {
        transform: rotate(0deg) scale(0);
        opacity: 1;
    }

    60% {
        transform: rotate(1800deg) scale(1);
        opacity: 1;
    }

    100% {
        transform: rotate(1800deg) scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes ld-vortex-out {
    0% {
        transform: rotate(0deg) scale(0);
        opacity: 1;
    }

    60% {
        transform: rotate(1800deg) scale(1);
        opacity: 1;
    }

    100% {
        transform: rotate(1800deg) scale(1);
        opacity: 0;
    }
}

.ld.ld-vortex-out {
    -webkit-animation: ld-vortex-out 2s infinite;
    animation: ld-vortex-out 2s infinite;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
}

@keyframes ld-wrench {

    20%, 36%, 70%, 86% {
        transform: rotate(0deg);
    }

    0%, 50%, 100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes ld-wrench {

    20%, 36%, 70%, 86% {
        transform: rotate(0deg);
    }

    0%, 50%, 100% {
        transform: rotate(45deg);
    }
}

.ld.ld-wrench {
    -webkit-animation: ld-wrench 1s infinite;
    animation: ld-wrench 1s infinite;
}

@keyframes ld-pulse {
    0% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(0.9);
    }

    51% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0.9);
    }
}

@-webkit-keyframes ld-pulse {
    0% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(0.9);
    }

    51% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0.9);
    }
}

.ld.ld-pulse {
    -webkit-animation: ld-pulse 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: ld-pulse 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes ld-bounce {

    0%, 90% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    10% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }

    0% {
        transform: translate(0%, 30%) scaleY(0.5);
    }

    10% {
        transform: translate(0%, 5%) scaleY(1.1);
    }

    50% {
        transform: translate(0%, -37%) scaleY(1.1);
    }

    90% {
        transform: translate(0%, 5%) scaleY(1.1);
    }

    100% {
        transform: translate(0%, 30%) scaleY(0.5);
    }
}

@-webkit-keyframes ld-bounce {

    0%, 90% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    10% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }

    0% {
        transform: translate(0%, 30%) scaleY(0.5);
    }

    10% {
        transform: translate(0%, 5%) scaleY(1.1);
    }

    50% {
        transform: translate(0%, -37%) scaleY(1.1);
    }

    90% {
        transform: translate(0%, 5%) scaleY(1.1);
    }

    100% {
        transform: translate(0%, 30%) scaleY(0.5);
    }
}

.ld.ld-bounce {
    -webkit-animation: ld-bounce 1s infinite;
    animation: ld-bounce 1s infinite;
}

@keyframes ld-bounce-rtl {
    0% {
        transform: translate(160%, -40%);
    }

    12.5% {
        transform: translate(120%, -23%);
    }

    25% {
        transform: translate(80%, 0%);
    }

    37.5% {
        transform: translate(50%, -23%);
    }

    50% {
        transform: translate(0%, -40%);
    }

    62.5% {
        transform: translate(-50%, -23%);
    }

    75% {
        transform: translate(-80%, 0%);
    }

    87.5% {
        transform: translate(-120%, -23%);
    }

    100% {
        transform: translate(-160%, -40%);
    }
}

@-webkit-keyframes ld-bounce-rtl {
    0% {
        transform: translate(160%, -40%);
    }

    12.5% {
        transform: translate(120%, -23%);
    }

    25% {
        transform: translate(80%, 0%);
    }

    37.5% {
        transform: translate(50%, -23%);
    }

    50% {
        transform: translate(0%, -40%);
    }

    62.5% {
        transform: translate(-50%, -23%);
    }

    75% {
        transform: translate(-80%, 0%);
    }

    87.5% {
        transform: translate(-120%, -23%);
    }

    100% {
        transform: translate(-160%, -40%);
    }
}

.ld.ld-bounce-rtl {
    -webkit-animation: ld-bounce-rtl 1s infinite linear;
    animation: ld-bounce-rtl 1s infinite linear;
}

@keyframes ld-bounce-ltr {
    0% {
        transform: translate(-160%, -40%);
    }

    12.5% {
        transform: translate(-120%, -23%);
    }

    25% {
        transform: translate(-100%, 0%);
    }

    37.5% {
        transform: translate(-50%, -23%);
    }

    50% {
        transform: translate(0%, -40%);
    }

    62.5% {
        transform: translate(50%, -23%);
    }

    75% {
        transform: translate(100%, 0%);
    }

    87.5% {
        transform: translate(120%, -23%);
    }

    100% {
        transform: translate(160%, -40%);
    }
}

@-webkit-keyframes ld-bounce-ltr {
    0% {
        transform: translate(-160%, -40%);
    }

    12.5% {
        transform: translate(-120%, -23%);
    }

    25% {
        transform: translate(-100%, 0%);
    }

    37.5% {
        transform: translate(-50%, -23%);
    }

    50% {
        transform: translate(0%, -40%);
    }

    62.5% {
        transform: translate(50%, -23%);
    }

    75% {
        transform: translate(100%, 0%);
    }

    87.5% {
        transform: translate(120%, -23%);
    }

    100% {
        transform: translate(160%, -40%);
    }
}

.ld.ld-bounce-ltr {
    -webkit-animation: ld-bounce-ltr 1s infinite linear;
    animation: ld-bounce-ltr 1s infinite linear;
}

@keyframes ld-bounce-a-px {

    0%, 25%, 50%, 75%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }

    0% {
        transform: translate(0%, 0%);
    }

    12.5% {
        transform: translate(5%, -28%);
    }

    25% {
        transform: translate(10%, 0%);
    }

    37.5% {
        transform: translate(5%, -28%);
    }

    50% {
        transform: translate(0%, 0%);
    }

    62.5% {
        transform: translate(-5%, -28%);
    }

    75% {
        transform: translate(-10%, 0%);
    }

    87.5% {
        transform: translate(-5%, -28%);
    }

    100% {
        transform: translate(0%, 0%);
    }
}

@-webkit-keyframes ld-bounce-a-px {

    0%, 25%, 50%, 75%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }

    0% {
        transform: translate(0%, 0%);
    }

    12.5% {
        transform: translate(5%, -28%);
    }

    25% {
        transform: translate(10%, 0%);
    }

    37.5% {
        transform: translate(5%, -28%);
    }

    50% {
        transform: translate(0%, 0%);
    }

    62.5% {
        transform: translate(-5%, -28%);
    }

    75% {
        transform: translate(-10%, 0%);
    }

    87.5% {
        transform: translate(-5%, -28%);
    }

    100% {
        transform: translate(0%, 0%);
    }
}

.ld.ld-bounce-a-px {
    -webkit-animation: ld-bounce-a-px 2s infinite;
    animation: ld-bounce-a-px 2s infinite;
}

@keyframes ld-float {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    0% {
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }

    30% {
        transform: translate(0, -10%);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }

    50% {
        transform: translate(0, -10%);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }

    100% {
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }
}

@-webkit-keyframes ld-float {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    0% {
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }

    30% {
        transform: translate(0, -10%);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }

    50% {
        transform: translate(0, -10%);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }

    100% {
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }
}

.ld.ld-float {
    -webkit-animation: ld-float 1s infinite;
    animation: ld-float 1s infinite;
}

@keyframes ld-hit {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        transform: scale(0) translate(0, 0) skewX(0);
    }

    20% {
        transform: scale(1) translate(0, 0) skewX(20deg);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        transform: scale(1) translate(0, 0) skewX(20deg);
    }

    100% {
        transform: scale(1) translate(0, 200%) skewX(20deg);
    }
}

@-webkit-keyframes ld-hit {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        transform: scale(0) translate(0, 0) skewX(0);
    }

    20% {
        transform: scale(1) translate(0, 0) skewX(20deg);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        transform: scale(1) translate(0, 0) skewX(20deg);
    }

    100% {
        transform: scale(1) translate(0, 200%) skewX(20deg);
    }
}

.ld.ld-hit {
    -webkit-animation: ld-hit 2s infinite;
    animation: ld-hit 2s infinite;
}

@keyframes ld-jelly {

    0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0) skewX(0deg);
    }

    16.6% {
        transform: translate(-30%, 0) skewX(30deg);
    }

    33.3% {
        transform: translate(25%, 0) skewX(-20deg);
    }

    50% {
        transform: translate(-12%, 0) skewX(10deg);
    }

    66.6% {
        transform: translate(6%, 0) skewX(-5deg);
    }

    83.3% {
        transform: translate(-2.5%, 0) skewX(2deg);
    }

    100% {
        transform: translate(0, 0) skewX(0deg);
    }
}

@-webkit-keyframes ld-jelly {

    0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0) skewX(0deg);
    }

    16.6% {
        transform: translate(-30%, 0) skewX(30deg);
    }

    33.3% {
        transform: translate(25%, 0) skewX(-20deg);
    }

    50% {
        transform: translate(-12%, 0) skewX(10deg);
    }

    66.6% {
        transform: translate(6%, 0) skewX(-5deg);
    }

    83.3% {
        transform: translate(-2.5%, 0) skewX(2deg);
    }

    100% {
        transform: translate(0, 0) skewX(0deg);
    }
}

.ld.ld-jelly {
    -webkit-animation: ld-jelly 1s infinite linear;
    animation: ld-jelly 1s infinite linear;
}

@keyframes ld-jump {

    0%, 28%, 48%, 64%, 76%, 86%, 93%, 100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    14%, 38%, 56%, 70%, 81%, 90%, 97% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    0% {
        transform: translateY(0%);
    }

    14% {
        transform: translateY(-27%);
    }

    28% {
        transform: translateY(0%);
    }

    38% {
        transform: translateY(-20%);
    }

    48% {
        transform: translateY(0%);
    }

    56% {
        transform: translateY(-16%);
    }

    64% {
        transform: translateY(0%);
    }

    70% {
        transform: translateY(-12%);
    }

    76% {
        transform: translateY(0%);
    }

    81% {
        transform: translateY(-7.5%);
    }

    86% {
        transform: translateY(0%);
    }

    90% {
        transform: translateY(-3%);
    }

    93% {
        transform: translateY(0%);
    }

    97% {
        transform: translateY(-1.5%);
    }

    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes ld-jump {

    0%, 28%, 48%, 64%, 76%, 86%, 93%, 100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    14%, 38%, 56%, 70%, 81%, 90%, 97% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    0% {
        transform: translateY(0%);
    }

    14% {
        transform: translateY(-27%);
    }

    28% {
        transform: translateY(0%);
    }

    38% {
        transform: translateY(-20%);
    }

    48% {
        transform: translateY(0%);
    }

    56% {
        transform: translateY(-16%);
    }

    64% {
        transform: translateY(0%);
    }

    70% {
        transform: translateY(-12%);
    }

    76% {
        transform: translateY(0%);
    }

    81% {
        transform: translateY(-7.5%);
    }

    86% {
        transform: translateY(0%);
    }

    90% {
        transform: translateY(-3%);
    }

    93% {
        transform: translateY(0%);
    }

    97% {
        transform: translateY(-1.5%);
    }

    100% {
        transform: translateY(0%);
    }
}

.ld.ld-jump {
    -webkit-animation: ld-jump 1.5s ease-in infinite;
    animation: ld-jump 1.5s ease-in infinite;
}

@keyframes ld-orbit {
    0% {
        transform: translate(30%, 0%) rotate(0deg);
    }

    12.5% {
        transform: translate(21%, 21%) rotate(45deg);
    }

    25% {
        transform: translate(0%, 30%) rotate(90deg);
    }

    37.5% {
        transform: translate(-21%, 21%) rotate(135deg);
    }

    50% {
        transform: translate(-30%, 0%) rotate(180deg);
    }

    62.5% {
        transform: translate(-21%, -21%) rotate(225deg);
    }

    75% {
        transform: translate(0%, -30%) rotate(270deg);
    }

    87.5% {
        transform: translate(21%, -21%) rotate(315deg);
    }

    100% {
        transform: translate(30%, 0%) rotate(360deg);
    }
}

@-webkit-keyframes ld-orbit {
    0% {
        transform: translate(30%, 0%) rotate(0deg);
    }

    12.5% {
        transform: translate(21%, 21%) rotate(45deg);
    }

    25% {
        transform: translate(0%, 30%) rotate(90deg);
    }

    37.5% {
        transform: translate(-21%, 21%) rotate(135deg);
    }

    50% {
        transform: translate(-30%, 0%) rotate(180deg);
    }

    62.5% {
        transform: translate(-21%, -21%) rotate(225deg);
    }

    75% {
        transform: translate(0%, -30%) rotate(270deg);
    }

    87.5% {
        transform: translate(21%, -21%) rotate(315deg);
    }

    100% {
        transform: translate(30%, 0%) rotate(360deg);
    }
}

.ld.ld-orbit {
    -webkit-animation: ld-orbit 1s infinite linear;
    animation: ld-orbit 1s infinite linear;
}

@keyframes ld-rush-rtl {
    0% {
        transform: translate(200%, 0) skewX(-45deg);
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    30% {
        transform: translate(-40%, 0) skewX(35deg);
    }

    45% {
        transform: translate(20%, 0) skewX(-15deg);
    }

    60% {
        transform: translate(-10%, 0) skewX(7deg);
    }

    80% {
        transform: translate(0%, 0) skewX(0deg);
    }

    100% {
        transform: translate(-250%, 0) skewX(-45deg);
    }
}

@-webkit-keyframes ld-rush-rtl {
    0% {
        transform: translate(200%, 0) skewX(-45deg);
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    30% {
        transform: translate(-40%, 0) skewX(35deg);
    }

    45% {
        transform: translate(20%, 0) skewX(-15deg);
    }

    60% {
        transform: translate(-10%, 0) skewX(7deg);
    }

    80% {
        transform: translate(0%, 0) skewX(0deg);
    }

    100% {
        transform: translate(-250%, 0) skewX(-45deg);
    }
}

.ld.ld-rush-rtl {
    -webkit-animation: ld-rush-rtl 1.5s infinite linear;
    animation: ld-rush-rtl 1.5s infinite linear;
}

@keyframes ld-rush-ltr {
    0% {
        transform: translate(-200%, 0) skewX(45deg);
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    30% {
        transform: translate(40%, 0) skewX(-35deg);
    }

    45% {
        transform: translate(-20%, 0) skewX(15deg);
    }

    60% {
        transform: translate(10%, 0) skewX(-7deg);
    }

    80% {
        transform: translate(0%, 0) skewX(0deg);
    }

    100% {
        transform: translate(250%, 0) skewX(45deg);
    }
}

@-webkit-keyframes ld-rush-ltr {
    0% {
        transform: translate(-200%, 0) skewX(45deg);
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    30% {
        transform: translate(40%, 0) skewX(-35deg);
    }

    45% {
        transform: translate(-20%, 0) skewX(15deg);
    }

    60% {
        transform: translate(10%, 0) skewX(-7deg);
    }

    80% {
        transform: translate(0%, 0) skewX(0deg);
    }

    100% {
        transform: translate(250%, 0) skewX(45deg);
    }
}

.ld.ld-rush-ltr {
    -webkit-animation: ld-rush-ltr 1.5s infinite linear;
    animation: ld-rush-ltr 1.5s infinite linear;
}

@keyframes ld-shake {

    0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    16.6% {
        transform: translate(-35%, 0);
    }

    33.3% {
        transform: translate(25%, 0);
    }

    50% {
        transform: translate(-12%, 0);
    }

    66.6% {
        transform: translate(6%, 0);
    }

    83.3% {
        transform: translate(-2.5%, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ld-shake {

    0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    16.6% {
        transform: translate(-35%, 0);
    }

    33.3% {
        transform: translate(25%, 0);
    }

    50% {
        transform: translate(-12%, 0);
    }

    66.6% {
        transform: translate(6%, 0);
    }

    83.3% {
        transform: translate(-2.5%, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ld.ld-shake {
    -webkit-animation: ld-shake 1s infinite linear;
    animation: ld-shake 1s infinite linear;
}

@keyframes ld-slide-ltr {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(200%, 0);
    }

    50% {
        transform: translate(-200%, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ld-slide-ltr {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(200%, 0);
    }

    50% {
        transform: translate(-200%, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ld.ld-slide-ltr {
    -webkit-animation: ld-slide-ltr 1s infinite;
    animation: ld-slide-ltr 1s infinite;
}

@keyframes ld-slide-rtl {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(-200%, 0);
    }

    50% {
        transform: translate(200%, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ld-slide-rtl {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(-200%, 0);
    }

    50% {
        transform: translate(200%, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ld.ld-slide-rtl {
    -webkit-animation: ld-slide-rtl 1s infinite;
    animation: ld-slide-rtl 1s infinite;
}

@keyframes ld-slide-btt {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(0, -200%);
    }

    50% {
        transform: translate(0, 200%);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ld-slide-btt {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(0, -200%);
    }

    50% {
        transform: translate(0, 200%);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ld.ld-slide-btt {
    -webkit-animation: ld-slide-btt 1s infinite;
    animation: ld-slide-btt 1s infinite;
}

@keyframes ld-slide-ttb {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(0, 200%);
    }

    50% {
        transform: translate(0, -200%);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ld-slide-ttb {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(0, 200%);
    }

    50% {
        transform: translate(0, -200%);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ld.ld-slide-ttb {
    -webkit-animation: ld-slide-ttb 1s infinite;
    animation: ld-slide-ttb 1s infinite;
}

@keyframes ld-tremble {
    0% {
        transform: translate(1%, 1%);
    }

    5% {
        transform: translate(0%, 1%);
    }

    10% {
        transform: translate(1%, 2%);
    }

    15% {
        transform: translate(2%, 1%);
    }

    20% {
        transform: translate(3%, 0%);
    }

    25% {
        transform: translate(1%, 2%);
    }

    30% {
        transform: translate(1%, 3%);
    }

    35% {
        transform: translate(0%, 1%);
    }

    40% {
        transform: translate(1%, 1%);
    }

    45% {
        transform: translate(1%, 0%);
    }

    50% {
        transform: translate(2%, 1%);
    }

    55% {
        transform: translate(1%, 2%);
    }

    60% {
        transform: translate(3%, 1%);
    }

    65% {
        transform: translate(0%, 2%);
    }

    70% {
        transform: translate(3%, 0%);
    }

    75% {
        transform: translate(0%, 0%);
    }

    80% {
        transform: translate(2%, 3%);
    }

    85% {
        transform: translate(1%, 0%);
    }

    90% {
        transform: translate(0%, 2%);
    }

    95% {
        transform: translate(3%, 2%);
    }
}

@-webkit-keyframes ld-tremble {
    0% {
        transform: translate(1%, 1%);
    }

    5% {
        transform: translate(0%, 1%);
    }

    10% {
        transform: translate(1%, 2%);
    }

    15% {
        transform: translate(2%, 1%);
    }

    20% {
        transform: translate(3%, 0%);
    }

    25% {
        transform: translate(1%, 2%);
    }

    30% {
        transform: translate(1%, 3%);
    }

    35% {
        transform: translate(0%, 1%);
    }

    40% {
        transform: translate(1%, 1%);
    }

    45% {
        transform: translate(1%, 0%);
    }

    50% {
        transform: translate(2%, 1%);
    }

    55% {
        transform: translate(1%, 2%);
    }

    60% {
        transform: translate(3%, 1%);
    }

    65% {
        transform: translate(0%, 2%);
    }

    70% {
        transform: translate(3%, 0%);
    }

    75% {
        transform: translate(0%, 0%);
    }

    80% {
        transform: translate(2%, 3%);
    }

    85% {
        transform: translate(1%, 0%);
    }

    90% {
        transform: translate(0%, 2%);
    }

    95% {
        transform: translate(3%, 2%);
    }
}

.ld.ld-tremble {
    -webkit-animation: ld-tremble 1s infinite;
    animation: ld-tremble 1s infinite;
}

@keyframes ld-wander-h {
    0% {
        transform: translate(-35%, 0);
    }

    50% {
        transform: translate(35%, 0);
    }

    100% {
        transform: translate(-35%, 0);
    }
}

@-webkit-keyframes ld-wander-h {
    0% {
        transform: translate(-35%, 0);
    }

    50% {
        transform: translate(35%, 0);
    }

    100% {
        transform: translate(-35%, 0);
    }
}

.ld.ld-wander-h {
    -webkit-animation: ld-wander-h 1s infinite ease-out;
    animation: ld-wander-h 1s infinite ease-out;
}

@keyframes ld-wander-v {
    0% {
        transform: translate(0, -35%);
    }

    50% {
        transform: translate(0, 35%);
    }

    100% {
        transform: translate(0, -35%);
    }
}

@-webkit-keyframes ld-wander-v {
    0% {
        transform: translate(0, -35%);
    }

    50% {
        transform: translate(0, 35%);
    }

    100% {
        transform: translate(0, -35%);
    }
}

.ld.ld-wander-v {
    -webkit-animation: ld-wander-v 1s infinite ease-out;
    animation: ld-wander-v 1s infinite ease-out;
}

@keyframes ld-jingle {
    0% {
        transform: translate(0, -40%) rotate(0deg) translate(0, 40%);
    }

    4% {
        transform: translate(0, -40%) rotate(11deg) translate(0, 40%);
    }

    10% {
        transform: translate(0, -40%) rotate(15deg) translate(0, 40%);
    }

    18% {
        transform: translate(0, -40%) rotate(-11deg) translate(0, 40%);
    }

    20% {
        transform: translate(0, -40%) rotate(-13deg) translate(0, 40%);
    }

    21% {
        transform: translate(0, -40%) rotate(-12deg) translate(0, 40%);
    }

    22% {
        transform: translate(0, -40%) rotate(-10deg) translate(0, 40%);
    }

    24% {
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
    }

    26% {
        transform: translate(0, -40%) rotate(3deg) translate(0, 40%);
    }

    28% {
        transform: translate(0, -40%) rotate(9deg) translate(0, 40%);
    }

    30% {
        transform: translate(0, -40%) rotate(10deg) translate(0, 40%);
    }

    31% {
        transform: translate(0, -40%) rotate(9deg) translate(0, 40%);
    }

    33% {
        transform: translate(0, -40%) rotate(5deg) translate(0, 40%);
    }

    34% {
        transform: translate(0, -40%) rotate(1deg) translate(0, 40%);
    }

    36% {
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
    }

    39% {
        transform: translate(0, -40%) rotate(-8deg) translate(0, 40%);
    }

    40% {
        transform: translate(0, -40%) rotate(-7deg) translate(0, 40%);
    }

    44% {
        transform: translate(0, -40%) rotate(3deg) translate(0, 40%);
    }

    47% {
        transform: translate(0, -40%) rotate(7deg) translate(0, 40%);
    }

    56% {
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
    }

    63% {
        transform: translate(0, -40%) rotate(1deg) translate(0, 40%);
    }

    75% {
        transform: translate(0, -40%) rotate(-1deg) translate(0, 40%);
    }

    100% {
        transform: translate(0, -40%) rotate(0deg) translate(0, 40%);
    }
}

@-webkit-keyframes ld-jingle {
    0% {
        transform: translate(0, -40%) rotate(0deg) translate(0, 40%);
    }

    4% {
        transform: translate(0, -40%) rotate(11deg) translate(0, 40%);
    }

    10% {
        transform: translate(0, -40%) rotate(15deg) translate(0, 40%);
    }

    18% {
        transform: translate(0, -40%) rotate(-11deg) translate(0, 40%);
    }

    20% {
        transform: translate(0, -40%) rotate(-13deg) translate(0, 40%);
    }

    21% {
        transform: translate(0, -40%) rotate(-12deg) translate(0, 40%);
    }

    22% {
        transform: translate(0, -40%) rotate(-10deg) translate(0, 40%);
    }

    24% {
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
    }

    26% {
        transform: translate(0, -40%) rotate(3deg) translate(0, 40%);
    }

    28% {
        transform: translate(0, -40%) rotate(9deg) translate(0, 40%);
    }

    30% {
        transform: translate(0, -40%) rotate(10deg) translate(0, 40%);
    }

    31% {
        transform: translate(0, -40%) rotate(9deg) translate(0, 40%);
    }

    33% {
        transform: translate(0, -40%) rotate(5deg) translate(0, 40%);
    }

    34% {
        transform: translate(0, -40%) rotate(1deg) translate(0, 40%);
    }

    36% {
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
    }

    39% {
        transform: translate(0, -40%) rotate(-8deg) translate(0, 40%);
    }

    40% {
        transform: translate(0, -40%) rotate(-7deg) translate(0, 40%);
    }

    44% {
        transform: translate(0, -40%) rotate(3deg) translate(0, 40%);
    }

    47% {
        transform: translate(0, -40%) rotate(7deg) translate(0, 40%);
    }

    56% {
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
    }

    63% {
        transform: translate(0, -40%) rotate(1deg) translate(0, 40%);
    }

    75% {
        transform: translate(0, -40%) rotate(-1deg) translate(0, 40%);
    }

    100% {
        transform: translate(0, -40%) rotate(0deg) translate(0, 40%);
    }
}

.ld.ld-jingle {
    -webkit-animation: ld-jingle 1s infinite;
    animation: ld-jingle 1s infinite;
}

@keyframes ld-swim {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    12.5% {
        transform: translate(5%, -10%) rotate(3deg);
    }

    25% {
        transform: translate(0, -15%) rotate(6deg);
    }

    37.5% {
        transform: translate(-5%, -10%) rotate(3deg);
    }

    50% {
        transform: translate(0, 0) rotate(0deg);
    }

    62.5% {
        transform: translate(5%, 10%) rotate(-3deg);
    }

    75% {
        transform: translate(0, 15%) rotate(-6deg);
    }

    87.5% {
        transform: translate(-5%, 10%) rotate(-3deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

@-webkit-keyframes ld-swim {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    12.5% {
        transform: translate(5%, -10%) rotate(3deg);
    }

    25% {
        transform: translate(0, -15%) rotate(6deg);
    }

    37.5% {
        transform: translate(-5%, -10%) rotate(3deg);
    }

    50% {
        transform: translate(0, 0) rotate(0deg);
    }

    62.5% {
        transform: translate(5%, 10%) rotate(-3deg);
    }

    75% {
        transform: translate(0, 15%) rotate(-6deg);
    }

    87.5% {
        transform: translate(-5%, 10%) rotate(-3deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

.ld.ld-swim {
    -webkit-animation: ld-swim 3s infinite linear;
    animation: ld-swim 3s infinite linear;
}

@keyframes ld-leaf {
    0% {
        transform: translate(-14.7%, -117%) rotate(-0.3deg);
    }

    1% {
        transform: translate(-14.399999999999999%, -112.5%) rotate(-0.6deg);
    }

    2% {
        transform: translate(-13.8%, -102.00000000000001%) rotate(-1.2deg);
    }

    3% {
        transform: translate(-13.5%, -100.5%) rotate(-1.5deg);
    }

    5% {
        transform: translate(-7.199999999999999%, -87%) rotate(-7.800000000000001deg);
    }

    7% {
        transform: translate(5.399999999999999%, -79.5%) rotate(-20.400000000000002deg);
    }

    10% {
        transform: translate(12.9%, -76.5%) rotate(-27.900000000000002deg);
    }

    12% {
        transform: translate(14.399999999999999%, -75%) rotate(-29.4deg);
    }

    13% {
        transform: translate(14.7%, -75%) rotate(-29.7deg);
    }

    14% {
        transform: translate(15%, -75%) rotate(-30deg);
    }

    15% {
        transform: translate(14.399999999999999%, -69%) rotate(0.6deg);
    }

    16% {
        transform: translate(13.8%, -58.5%) rotate(1.2deg);
    }

    19% {
        transform: translate(7.199999999999999%, -45%) rotate(7.800000000000001deg);
    }

    21% {
        transform: translate(-5.399999999999999%, -37.5%) rotate(20.400000000000002deg);
    }

    24% {
        transform: translate(-12.9%, -33%) rotate(27.900000000000002deg);
    }

    26% {
        transform: translate(-14.399999999999999%, -33%) rotate(29.4deg);
    }

    27% {
        transform: translate(-14.7%, -31.5%) rotate(29.7deg);
    }

    28% {
        transform: translate(-15%, -31.5%) rotate(30deg);
    }

    29% {
        transform: translate(-14.399999999999999%, -27%) rotate(-0.6deg);
    }

    30% {
        transform: translate(-13.8%, -16.5%) rotate(-1.2deg);
    }

    31% {
        transform: translate(-13.5%, -15%) rotate(-1.5deg);
    }

    33% {
        transform: translate(-7.199999999999999%, -1.5%) rotate(-7.800000000000001deg);
    }

    36% {
        transform: translate(5.399999999999999%, 4.5%) rotate(-20.400000000000002deg);
    }

    38% {
        transform: translate(12.9%, 9%) rotate(-27.900000000000002deg);
    }

    40% {
        transform: translate(14.399999999999999%, 10.500000000000002%) rotate(-29.4deg);
    }

    41% {
        transform: translate(14.7%, 10.500000000000002%) rotate(-29.7deg);
    }

    42% {
        transform: translate(15%, 10.500000000000002%) rotate(-30deg);
    }

    43% {
        transform: translate(15%, 10.500000000000002%) rotate(-30deg);
    }

    43% {
        transform: translate(14.7%, 10.500000000000002%) rotate(0.3deg);
    }

    43% {
        transform: translate(14.399999999999999%, 16.5%) rotate(0.6deg);
    }

    45% {
        transform: translate(13.8%, 25.500000000000004%) rotate(1.2deg);
    }

    45% {
        transform: translate(13.5%, 27%) rotate(1.5deg);
    }

    48% {
        transform: translate(7.199999999999999%, 40.5%) rotate(7.800000000000001deg);
    }

    50% {
        transform: translate(-5.399999999999999%, 48%) rotate(20.400000000000002deg);
    }

    52% {
        transform: translate(-12.9%, 51.00000000000001%) rotate(27.900000000000002deg);
    }

    54% {
        transform: translate(-14.399999999999999%, 52.5%) rotate(29.4deg);
    }

    56% {
        transform: translate(-14.7%, 54%) rotate(29.7deg);
    }

    57% {
        transform: translate(-14.7%, 54%) rotate(-0.3deg);
    }

    58% {
        transform: translate(-14.399999999999999%, 58.5%) rotate(-0.6deg);
    }

    59% {
        transform: translate(-13.5%, 70.5%) rotate(-1.5deg);
    }

    62% {
        transform: translate(-7.199999999999999%, 84.00000000000001%) rotate(-7.800000000000001deg);
    }

    64% {
        transform: translate(5.399999999999999%, 91.5%) rotate(-20.400000000000002deg);
    }

    67% {
        transform: translate(12.9%, 94.5%) rotate(-27.900000000000002deg);
    }

    69% {
        transform: translate(14.399999999999999%, 96%) rotate(-29.4deg);
    }

    70% {
        transform: translate(14.7%, 96%) rotate(-29.7deg);
    }

    71% {
        transform: translate(15%, 96%) rotate(-30deg);
    }

    72% {
        transform: translate(14.399999999999999%, 102.00000000000001%) rotate(0.6deg);
    }

    73% {
        transform: translate(13.8%, 111%) rotate(1.2deg);
    }

    74% {
        transform: translate(13.5%, 112.5%) rotate(1.5deg);
    }

    76% {
        transform: translate(7.199999999999999%, 126%) rotate(7.800000000000001deg);
    }

    79% {
        transform: translate(-5.399999999999999%, 133.5%) rotate(20.400000000000002deg);
    }

    81% {
        transform: translate(-12.9%, 138%) rotate(27.900000000000002deg);
    }

    83% {
        transform: translate(-14.399999999999999%, 139.5%) rotate(29.4deg);
    }

    84% {
        transform: translate(-14.7%, 139.5%) rotate(29.7deg);
    }

    85% {
        transform: translate(-15%, 139.5%) rotate(30deg);
    }

    86% {
        transform: translate(-14.7%, 139.5%) rotate(-0.3deg);
    }

    86% {
        transform: translate(-14.399999999999999%, 144%) rotate(-0.6deg);
    }

    88% {
        transform: translate(-13.5%, 156%) rotate(-1.5deg);
    }

    90% {
        transform: translate(-7.199999999999999%, 169.49999999999997%) rotate(-7.800000000000001deg);
    }

    93% {
        transform: translate(5.399999999999999%, 177%) rotate(-20.400000000000002deg);
    }

    95% {
        transform: translate(12.9%, 180%) rotate(-27.900000000000002deg);
    }

    97% {
        transform: translate(14.399999999999999%, 181.5%) rotate(-29.4deg);
    }

    99% {
        transform: translate(14.7%, 181.5%) rotate(-29.7deg);
    }

    100% {
        transform: translate(15%, 181.5%) rotate(-30deg);
    }
}

@-webkit-keyframes ld-leaf {
    0% {
        transform: translate(-14.7%, -117%) rotate(-0.3deg);
    }

    1% {
        transform: translate(-14.399999999999999%, -112.5%) rotate(-0.6deg);
    }

    2% {
        transform: translate(-13.8%, -102.00000000000001%) rotate(-1.2deg);
    }

    3% {
        transform: translate(-13.5%, -100.5%) rotate(-1.5deg);
    }

    5% {
        transform: translate(-7.199999999999999%, -87%) rotate(-7.800000000000001deg);
    }

    7% {
        transform: translate(5.399999999999999%, -79.5%) rotate(-20.400000000000002deg);
    }

    10% {
        transform: translate(12.9%, -76.5%) rotate(-27.900000000000002deg);
    }

    12% {
        transform: translate(14.399999999999999%, -75%) rotate(-29.4deg);
    }

    13% {
        transform: translate(14.7%, -75%) rotate(-29.7deg);
    }

    14% {
        transform: translate(15%, -75%) rotate(-30deg);
    }

    15% {
        transform: translate(14.399999999999999%, -69%) rotate(0.6deg);
    }

    16% {
        transform: translate(13.8%, -58.5%) rotate(1.2deg);
    }

    19% {
        transform: translate(7.199999999999999%, -45%) rotate(7.800000000000001deg);
    }

    21% {
        transform: translate(-5.399999999999999%, -37.5%) rotate(20.400000000000002deg);
    }

    24% {
        transform: translate(-12.9%, -33%) rotate(27.900000000000002deg);
    }

    26% {
        transform: translate(-14.399999999999999%, -33%) rotate(29.4deg);
    }

    27% {
        transform: translate(-14.7%, -31.5%) rotate(29.7deg);
    }

    28% {
        transform: translate(-15%, -31.5%) rotate(30deg);
    }

    29% {
        transform: translate(-14.399999999999999%, -27%) rotate(-0.6deg);
    }

    30% {
        transform: translate(-13.8%, -16.5%) rotate(-1.2deg);
    }

    31% {
        transform: translate(-13.5%, -15%) rotate(-1.5deg);
    }

    33% {
        transform: translate(-7.199999999999999%, -1.5%) rotate(-7.800000000000001deg);
    }

    36% {
        transform: translate(5.399999999999999%, 4.5%) rotate(-20.400000000000002deg);
    }

    38% {
        transform: translate(12.9%, 9%) rotate(-27.900000000000002deg);
    }

    40% {
        transform: translate(14.399999999999999%, 10.500000000000002%) rotate(-29.4deg);
    }

    41% {
        transform: translate(14.7%, 10.500000000000002%) rotate(-29.7deg);
    }

    42% {
        transform: translate(15%, 10.500000000000002%) rotate(-30deg);
    }

    43% {
        transform: translate(15%, 10.500000000000002%) rotate(-30deg);
    }

    43% {
        transform: translate(14.7%, 10.500000000000002%) rotate(0.3deg);
    }

    43% {
        transform: translate(14.399999999999999%, 16.5%) rotate(0.6deg);
    }

    45% {
        transform: translate(13.8%, 25.500000000000004%) rotate(1.2deg);
    }

    45% {
        transform: translate(13.5%, 27%) rotate(1.5deg);
    }

    48% {
        transform: translate(7.199999999999999%, 40.5%) rotate(7.800000000000001deg);
    }

    50% {
        transform: translate(-5.399999999999999%, 48%) rotate(20.400000000000002deg);
    }

    52% {
        transform: translate(-12.9%, 51.00000000000001%) rotate(27.900000000000002deg);
    }

    54% {
        transform: translate(-14.399999999999999%, 52.5%) rotate(29.4deg);
    }

    56% {
        transform: translate(-14.7%, 54%) rotate(29.7deg);
    }

    57% {
        transform: translate(-14.7%, 54%) rotate(-0.3deg);
    }

    58% {
        transform: translate(-14.399999999999999%, 58.5%) rotate(-0.6deg);
    }

    59% {
        transform: translate(-13.5%, 70.5%) rotate(-1.5deg);
    }

    62% {
        transform: translate(-7.199999999999999%, 84.00000000000001%) rotate(-7.800000000000001deg);
    }

    64% {
        transform: translate(5.399999999999999%, 91.5%) rotate(-20.400000000000002deg);
    }

    67% {
        transform: translate(12.9%, 94.5%) rotate(-27.900000000000002deg);
    }

    69% {
        transform: translate(14.399999999999999%, 96%) rotate(-29.4deg);
    }

    70% {
        transform: translate(14.7%, 96%) rotate(-29.7deg);
    }

    71% {
        transform: translate(15%, 96%) rotate(-30deg);
    }

    72% {
        transform: translate(14.399999999999999%, 102.00000000000001%) rotate(0.6deg);
    }

    73% {
        transform: translate(13.8%, 111%) rotate(1.2deg);
    }

    74% {
        transform: translate(13.5%, 112.5%) rotate(1.5deg);
    }

    76% {
        transform: translate(7.199999999999999%, 126%) rotate(7.800000000000001deg);
    }

    79% {
        transform: translate(-5.399999999999999%, 133.5%) rotate(20.400000000000002deg);
    }

    81% {
        transform: translate(-12.9%, 138%) rotate(27.900000000000002deg);
    }

    83% {
        transform: translate(-14.399999999999999%, 139.5%) rotate(29.4deg);
    }

    84% {
        transform: translate(-14.7%, 139.5%) rotate(29.7deg);
    }

    85% {
        transform: translate(-15%, 139.5%) rotate(30deg);
    }

    86% {
        transform: translate(-14.7%, 139.5%) rotate(-0.3deg);
    }

    86% {
        transform: translate(-14.399999999999999%, 144%) rotate(-0.6deg);
    }

    88% {
        transform: translate(-13.5%, 156%) rotate(-1.5deg);
    }

    90% {
        transform: translate(-7.199999999999999%, 169.49999999999997%) rotate(-7.800000000000001deg);
    }

    93% {
        transform: translate(5.399999999999999%, 177%) rotate(-20.400000000000002deg);
    }

    95% {
        transform: translate(12.9%, 180%) rotate(-27.900000000000002deg);
    }

    97% {
        transform: translate(14.399999999999999%, 181.5%) rotate(-29.4deg);
    }

    99% {
        transform: translate(14.7%, 181.5%) rotate(-29.7deg);
    }

    100% {
        transform: translate(15%, 181.5%) rotate(-30deg);
    }
}

.ld.ld-leaf {
    -webkit-animation: ld-leaf 4s infinite cubic-bezier(0.1, 0.5, 0.1, 0.5);
    animation: ld-leaf 4s infinite cubic-bezier(0.1, 0.5, 0.1, 0.5);
}

@keyframes ld-slot {
    0% {
        transform: translate(0, -160%);
    }

    9.09% {
        transform: translate(0, 160%);
    }

    9.1% {
        transform: translate(0, -160%);
    }

    16.99% {
        transform: translate(0, 160%);
    }

    17% {
        transform: translate(0, -160%);
    }

    23.79% {
        transform: translate(0, 160%);
    }

    23.8% {
        transform: translate(0, -160%);
    }

    29.59% {
        transform: translate(0, 160%);
    }

    29.6% {
        transform: translate(0, -160%);
    }

    34.49% {
        transform: translate(0, 160%);
    }

    34.5% {
        transform: translate(0, -160%);
    }

    38.49% {
        transform: translate(0, 160%);
    }

    38.5% {
        transform: translate(0, -160%);
    }

    41.79% {
        transform: translate(0, 160%);
    }

    41.8% {
        transform: translate(0, -160%);
    }

    44.39% {
        transform: translate(0, 160%);
    }

    44.4% {
        transform: translate(0, -160%);
    }

    46.29% {
        transform: translate(0, 160%);
    }

    46.3% {
        transform: translate(0, -160%);
    }

    47.79% {
        transform: translate(0, 160%);
    }

    47.8% {
        transform: translate(0, -160%);
    }

    48.79% {
        transform: translate(0, 160%);
    }

    48.8% {
        transform: translate(0, -160%);
    }

    49.39% {
        transform: translate(0, 160%);
    }

    49.4% {
        transform: translate(0, -160%);
    }

    49.79% {
        transform: translate(0, 160%);
    }

    49.8% {
        transform: translate(0, -160%);
    }

    49.99% {
        transform: translate(0, 160%);
    }

    50% {
        transform: translate(0, -160%);
    }

    49.99% {
        transform: translate(0, 160%);
    }

    50% {
        transform: translate(0, -160%);
    }

    49.99% {
        transform: translate(0, 160%);
    }

    50% {
        transform: translate(0, -160%);
    }

    49.99% {
        transform: translate(0, 160%);
    }

    50% {
        transform: translate(0, -160%);
    }

    50.190000000000005% {
        transform: translate(0, 160%);
    }

    50.2% {
        transform: translate(0, -160%);
    }

    50.59% {
        transform: translate(0, 160%);
    }

    50.6% {
        transform: translate(0, -160%);
    }

    51.190000000000005% {
        transform: translate(0, 160%);
    }

    51.2% {
        transform: translate(0, -160%);
    }

    52.190000000000005% {
        transform: translate(0, 160%);
    }

    52.2% {
        transform: translate(0, -160%);
    }

    53.690000000000005% {
        transform: translate(0, 160%);
    }

    53.7% {
        transform: translate(0, -160%);
    }

    55.59% {
        transform: translate(0, 160%);
    }

    55.6% {
        transform: translate(0, -160%);
    }

    58.190000000000005% {
        transform: translate(0, 160%);
    }

    58.2% {
        transform: translate(0, -160%);
    }

    61.49% {
        transform: translate(0, 160%);
    }

    61.5% {
        transform: translate(0, -160%);
    }

    65.49% {
        transform: translate(0, 160%);
    }

    65.5% {
        transform: translate(0, -160%);
    }

    70.39% {
        transform: translate(0, 160%);
    }

    70.4% {
        transform: translate(0, -160%);
    }

    76.19% {
        transform: translate(0, 160%);
    }

    76.2% {
        transform: translate(0, -160%);
    }

    82.99% {
        transform: translate(0, 160%);
    }

    83% {
        transform: translate(0, -160%);
    }

    90.89% {
        transform: translate(0, 160%);
    }

    90.9% {
        transform: translate(0, -160%);
    }

    99.99% {
        transform: translate(0, 160%);
    }

    100% {
        transform: translate(0, -160%);
    }
}

@-webkit-keyframes ld-slot {
    0% {
        transform: translate(0, -160%);
    }

    9.09% {
        transform: translate(0, 160%);
    }

    9.1% {
        transform: translate(0, -160%);
    }

    16.99% {
        transform: translate(0, 160%);
    }

    17% {
        transform: translate(0, -160%);
    }

    23.79% {
        transform: translate(0, 160%);
    }

    23.8% {
        transform: translate(0, -160%);
    }

    29.59% {
        transform: translate(0, 160%);
    }

    29.6% {
        transform: translate(0, -160%);
    }

    34.49% {
        transform: translate(0, 160%);
    }

    34.5% {
        transform: translate(0, -160%);
    }

    38.49% {
        transform: translate(0, 160%);
    }

    38.5% {
        transform: translate(0, -160%);
    }

    41.79% {
        transform: translate(0, 160%);
    }

    41.8% {
        transform: translate(0, -160%);
    }

    44.39% {
        transform: translate(0, 160%);
    }

    44.4% {
        transform: translate(0, -160%);
    }

    46.29% {
        transform: translate(0, 160%);
    }

    46.3% {
        transform: translate(0, -160%);
    }

    47.79% {
        transform: translate(0, 160%);
    }

    47.8% {
        transform: translate(0, -160%);
    }

    48.79% {
        transform: translate(0, 160%);
    }

    48.8% {
        transform: translate(0, -160%);
    }

    49.39% {
        transform: translate(0, 160%);
    }

    49.4% {
        transform: translate(0, -160%);
    }

    49.79% {
        transform: translate(0, 160%);
    }

    49.8% {
        transform: translate(0, -160%);
    }

    49.99% {
        transform: translate(0, 160%);
    }

    50% {
        transform: translate(0, -160%);
    }

    49.99% {
        transform: translate(0, 160%);
    }

    50% {
        transform: translate(0, -160%);
    }

    49.99% {
        transform: translate(0, 160%);
    }

    50% {
        transform: translate(0, -160%);
    }

    49.99% {
        transform: translate(0, 160%);
    }

    50% {
        transform: translate(0, -160%);
    }

    50.190000000000005% {
        transform: translate(0, 160%);
    }

    50.2% {
        transform: translate(0, -160%);
    }

    50.59% {
        transform: translate(0, 160%);
    }

    50.6% {
        transform: translate(0, -160%);
    }

    51.190000000000005% {
        transform: translate(0, 160%);
    }

    51.2% {
        transform: translate(0, -160%);
    }

    52.190000000000005% {
        transform: translate(0, 160%);
    }

    52.2% {
        transform: translate(0, -160%);
    }

    53.690000000000005% {
        transform: translate(0, 160%);
    }

    53.7% {
        transform: translate(0, -160%);
    }

    55.59% {
        transform: translate(0, 160%);
    }

    55.6% {
        transform: translate(0, -160%);
    }

    58.190000000000005% {
        transform: translate(0, 160%);
    }

    58.2% {
        transform: translate(0, -160%);
    }

    61.49% {
        transform: translate(0, 160%);
    }

    61.5% {
        transform: translate(0, -160%);
    }

    65.49% {
        transform: translate(0, 160%);
    }

    65.5% {
        transform: translate(0, -160%);
    }

    70.39% {
        transform: translate(0, 160%);
    }

    70.4% {
        transform: translate(0, -160%);
    }

    76.19% {
        transform: translate(0, 160%);
    }

    76.2% {
        transform: translate(0, -160%);
    }

    82.99% {
        transform: translate(0, 160%);
    }

    83% {
        transform: translate(0, -160%);
    }

    90.89% {
        transform: translate(0, 160%);
    }

    90.9% {
        transform: translate(0, -160%);
    }

    99.99% {
        transform: translate(0, 160%);
    }

    100% {
        transform: translate(0, -160%);
    }
}

.ld.ld-slot {
    -webkit-animation: ld-slot 6s infinite linear;
    animation: ld-slot 6s infinite linear;
}

@keyframes ld-bounce-px {

    0%, 90% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    10% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }

    0% {
        transform: translate(0, 30px) scaleY(0.5);
    }

    10% {
        transform: translate(0, 5px) scaleY(1.1);
    }

    50% {
        transform: translate(0, -37px) scaleY(1.1);
    }

    90% {
        transform: translate(0, 5px) scaleY(1.1);
    }

    100% {
        transform: translate(0, 30px) scaleY(0.5);
    }
}

@-webkit-keyframes ld-bounce-px {

    0%, 90% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    10% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }

    0% {
        transform: translate(0, 30px) scaleY(0.5);
    }

    10% {
        transform: translate(0, 5px) scaleY(1.1);
    }

    50% {
        transform: translate(0, -37px) scaleY(1.1);
    }

    90% {
        transform: translate(0, 5px) scaleY(1.1);
    }

    100% {
        transform: translate(0, 30px) scaleY(0.5);
    }
}

.ld.ld-bounce-px {
    -webkit-animation: ld-bounce-px 1s infinite;
    animation: ld-bounce-px 1s infinite;
}

@keyframes ld-bounce-px-rtl {
    0% {
        transform: translate(80px, -20px);
    }

    12.5% {
        transform: translate(60px, -12px);
    }

    25% {
        transform: translate(40px, 0);
    }

    37.5% {
        transform: translate(25px, -12px);
    }

    50% {
        transform: translate(0, -20px);
    }

    62.5% {
        transform: translate(-25px, -12px);
    }

    75% {
        transform: translate(-40px, 0);
    }

    87.5% {
        transform: translate(-60px, -12px);
    }

    100% {
        transform: translate(-80px, -20px);
    }
}

@-webkit-keyframes ld-bounce-px-rtl {
    0% {
        transform: translate(80px, -20px);
    }

    12.5% {
        transform: translate(60px, -12px);
    }

    25% {
        transform: translate(40px, 0);
    }

    37.5% {
        transform: translate(25px, -12px);
    }

    50% {
        transform: translate(0, -20px);
    }

    62.5% {
        transform: translate(-25px, -12px);
    }

    75% {
        transform: translate(-40px, 0);
    }

    87.5% {
        transform: translate(-60px, -12px);
    }

    100% {
        transform: translate(-80px, -20px);
    }
}

.ld.ld-bounce-px-rtl {
    -webkit-animation: ld-bounce-px-rtl 1s infinite linear;
    animation: ld-bounce-px-rtl 1s infinite linear;
}

@keyframes ld-bounce-px-ltr {
    0% {
        transform: translate(-80px, -20px);
    }

    12.5% {
        transform: translate(-60px, -12px);
    }

    25% {
        transform: translate(-50px, 0);
    }

    37.5% {
        transform: translate(-25px, -12px);
    }

    50% {
        transform: translate(0, -20px);
    }

    62.5% {
        transform: translate(25px, -12px);
    }

    75% {
        transform: translate(50px, 0);
    }

    87.5% {
        transform: translate(60px, -12px);
    }

    100% {
        transform: translate(80px, -20px);
    }
}

@-webkit-keyframes ld-bounce-px-ltr {
    0% {
        transform: translate(-80px, -20px);
    }

    12.5% {
        transform: translate(-60px, -12px);
    }

    25% {
        transform: translate(-50px, 0);
    }

    37.5% {
        transform: translate(-25px, -12px);
    }

    50% {
        transform: translate(0, -20px);
    }

    62.5% {
        transform: translate(25px, -12px);
    }

    75% {
        transform: translate(50px, 0);
    }

    87.5% {
        transform: translate(60px, -12px);
    }

    100% {
        transform: translate(80px, -20px);
    }
}

.ld.ld-bounce-px-ltr {
    -webkit-animation: ld-bounce-px-ltr 1s infinite linear;
    animation: ld-bounce-px-ltr 1s infinite linear;
}

@keyframes ld-bounce-a-px {

    0%, 25%, 50%, 75%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }

    0% {
        transform: translate(0, 0);
    }

    12.5% {
        transform: translate(5px, -28px);
    }

    25% {
        transform: translate(10px, 0);
    }

    37.5% {
        transform: translate(5px, -28px);
    }

    50% {
        transform: translate(0, 0);
    }

    62.5% {
        transform: translate(-5px, -28px);
    }

    75% {
        transform: translate(-10px, 0);
    }

    87.5% {
        transform: translate(-5px, -28px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ld-bounce-a-px {

    0%, 25%, 50%, 75%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }

    0% {
        transform: translate(0, 0);
    }

    12.5% {
        transform: translate(5px, -28px);
    }

    25% {
        transform: translate(10px, 0);
    }

    37.5% {
        transform: translate(5px, -28px);
    }

    50% {
        transform: translate(0, 0);
    }

    62.5% {
        transform: translate(-5px, -28px);
    }

    75% {
        transform: translate(-10px, 0);
    }

    87.5% {
        transform: translate(-5px, -28px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ld.ld-bounce-a-px {
    -webkit-animation: ld-bounce-a-px 2s infinite;
    animation: ld-bounce-a-px 2s infinite;
}

@keyframes ld-float-px {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    0% {
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }

    30% {
        transform: translate(0, -10px);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }

    50% {
        transform: translate(0, -10px);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }

    100% {
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }
}

@-webkit-keyframes ld-float-px {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    0% {
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }

    30% {
        transform: translate(0, -10px);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }

    50% {
        transform: translate(0, -10px);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }

    100% {
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }
}

.ld.ld-float-px {
    -webkit-animation: ld-float-px 1s infinite;
    animation: ld-float-px 1s infinite;
}

@keyframes ld-hit-px {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        transform: scale(0) translate(0, 0) skewX(0);
    }

    20% {
        transform: scale(1) translate(0, 0) skewX(20deg);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        transform: scale(1) translate(0, 0) skewX(20deg);
    }

    100% {
        transform: scale(1) translate(0, 150px) skewX(20deg);
    }
}

@-webkit-keyframes ld-hit-px {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        transform: scale(0) translate(0, 0) skewX(0);
    }

    20% {
        transform: scale(1) translate(0, 0) skewX(20deg);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        transform: scale(1) translate(0, 0) skewX(20deg);
    }

    100% {
        transform: scale(1) translate(0, 150px) skewX(20deg);
    }
}

.ld.ld-hit-px {
    -webkit-animation: ld-hit-px 2s infinite;
    animation: ld-hit-px 2s infinite;
}

@keyframes ld-jelly-px {

    0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0) skewX(0deg);
    }

    16.6% {
        transform: translate(-30px, 0) skewX(30deg);
    }

    33.3% {
        transform: translate(25px, 0) skewX(-20deg);
    }

    50% {
        transform: translate(-12px, 0) skewX(10deg);
    }

    66.6% {
        transform: translate(6px, 0) skewX(-5deg);
    }

    83.3% {
        transform: translate(-2.5px, 0) skewX(2deg);
    }

    100% {
        transform: translate(0, 0) skewX(0deg);
    }
}

@-webkit-keyframes ld-jelly-px {

    0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0) skewX(0deg);
    }

    16.6% {
        transform: translate(-30px, 0) skewX(30deg);
    }

    33.3% {
        transform: translate(25px, 0) skewX(-20deg);
    }

    50% {
        transform: translate(-12px, 0) skewX(10deg);
    }

    66.6% {
        transform: translate(6px, 0) skewX(-5deg);
    }

    83.3% {
        transform: translate(-2.5px, 0) skewX(2deg);
    }

    100% {
        transform: translate(0, 0) skewX(0deg);
    }
}

.ld.ld-jelly-px {
    -webkit-animation: ld-jelly-px 1s infinite linear;
    animation: ld-jelly-px 1s infinite linear;
}

@keyframes ld-jump-px {

    0%, 28%, 48%, 64%, 76%, 86%, 93%, 100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    14%, 38%, 56%, 70%, 81%, 90%, 97% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    0% {
        transform: translateY(0px);
    }

    14% {
        transform: translateY(-27px);
    }

    28% {
        transform: translateY(0px);
    }

    38% {
        transform: translateY(-20px);
    }

    48% {
        transform: translateY(0px);
    }

    56% {
        transform: translateY(-16px);
    }

    64% {
        transform: translateY(0px);
    }

    70% {
        transform: translateY(-12px);
    }

    76% {
        transform: translateY(0px);
    }

    81% {
        transform: translateY(-7.5px);
    }

    86% {
        transform: translateY(0px);
    }

    90% {
        transform: translateY(-3px);
    }

    93% {
        transform: translateY(0px);
    }

    97% {
        transform: translateY(-1.5px);
    }

    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes ld-jump-px {

    0%, 28%, 48%, 64%, 76%, 86%, 93%, 100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    14%, 38%, 56%, 70%, 81%, 90%, 97% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    0% {
        transform: translateY(0px);
    }

    14% {
        transform: translateY(-27px);
    }

    28% {
        transform: translateY(0px);
    }

    38% {
        transform: translateY(-20px);
    }

    48% {
        transform: translateY(0px);
    }

    56% {
        transform: translateY(-16px);
    }

    64% {
        transform: translateY(0px);
    }

    70% {
        transform: translateY(-12px);
    }

    76% {
        transform: translateY(0px);
    }

    81% {
        transform: translateY(-7.5px);
    }

    86% {
        transform: translateY(0px);
    }

    90% {
        transform: translateY(-3px);
    }

    93% {
        transform: translateY(0px);
    }

    97% {
        transform: translateY(-1.5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.ld.ld-jump-px {
    -webkit-animation: ld-jump-px 1.5s ease-in infinite;
    animation: ld-jump-px 1.5s ease-in infinite;
}

@keyframes ld-orbit-px {
    0% {
        transform: translate(30px, 0) rotate(0deg);
    }

    12.5% {
        transform: translate(21px, 21px) rotate(45deg);
    }

    25% {
        transform: translate(0, 30px) rotate(90deg);
    }

    37.5% {
        transform: translate(-21px, 21px) rotate(135deg);
    }

    50% {
        transform: translate(-30px, 0) rotate(180deg);
    }

    62.5% {
        transform: translate(-21px, -21px) rotate(225deg);
    }

    75% {
        transform: translate(0, -30px) rotate(270deg);
    }

    87.5% {
        transform: translate(21px, -21px) rotate(315deg);
    }

    100% {
        transform: translate(30px, 0) rotate(360deg);
    }
}

@-webkit-keyframes ld-orbit-px {
    0% {
        transform: translate(30px, 0) rotate(0deg);
    }

    12.5% {
        transform: translate(21px, 21px) rotate(45deg);
    }

    25% {
        transform: translate(0, 30px) rotate(90deg);
    }

    37.5% {
        transform: translate(-21px, 21px) rotate(135deg);
    }

    50% {
        transform: translate(-30px, 0) rotate(180deg);
    }

    62.5% {
        transform: translate(-21px, -21px) rotate(225deg);
    }

    75% {
        transform: translate(0, -30px) rotate(270deg);
    }

    87.5% {
        transform: translate(21px, -21px) rotate(315deg);
    }

    100% {
        transform: translate(30px, 0) rotate(360deg);
    }
}

.ld.ld-orbit-px {
    -webkit-animation: ld-orbit-px 1s infinite linear;
    animation: ld-orbit-px 1s infinite linear;
}

@keyframes ld-rush-px-rtl {
    0% {
        transform: translate(100px, 0) skewX(-45deg);
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    30% {
        transform: translate(-20px, 0) skewX(35deg);
    }

    45% {
        transform: translate(10px, 0) skewX(-15deg);
    }

    60% {
        transform: translate(-5px, 0) skewX(7deg);
    }

    80% {
        transform: translate(0, 0) skewX(0deg);
    }

    100% {
        transform: translate(-150px, 0) skewX(-45deg);
    }
}

@-webkit-keyframes ld-rush-px-rtl {
    0% {
        transform: translate(100px, 0) skewX(-45deg);
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    30% {
        transform: translate(-20px, 0) skewX(35deg);
    }

    45% {
        transform: translate(10px, 0) skewX(-15deg);
    }

    60% {
        transform: translate(-5px, 0) skewX(7deg);
    }

    80% {
        transform: translate(0, 0) skewX(0deg);
    }

    100% {
        transform: translate(-150px, 0) skewX(-45deg);
    }
}

.ld.ld-rush-px-rtl {
    -webkit-animation: ld-rush-px-rtl 1.5s infinite linear;
    animation: ld-rush-px-rtl 1.5s infinite linear;
}

@keyframes ld-rush-px-ltr {
    0% {
        transform: translate(-100px, 0) skewX(45deg);
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    30% {
        transform: translate(20px, 0) skewX(-35deg);
    }

    45% {
        transform: translate(-10px, 0) skewX(15deg);
    }

    60% {
        transform: translate(5px, 0) skewX(-7deg);
    }

    80% {
        transform: translate(0, 0) skewX(0deg);
    }

    100% {
        transform: translate(150px, 0) skewX(45deg);
    }
}

@-webkit-keyframes ld-rush-px-ltr {
    0% {
        transform: translate(-100px, 0) skewX(45deg);
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    30% {
        transform: translate(20px, 0) skewX(-35deg);
    }

    45% {
        transform: translate(-10px, 0) skewX(15deg);
    }

    60% {
        transform: translate(5px, 0) skewX(-7deg);
    }

    80% {
        transform: translate(0, 0) skewX(0deg);
    }

    100% {
        transform: translate(150px, 0) skewX(45deg);
    }
}

.ld.ld-rush-px-ltr {
    -webkit-animation: ld-rush-px-ltr 1.5s infinite linear;
    animation: ld-rush-px-ltr 1.5s infinite linear;
}

@keyframes ld-shake-px {

    0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    16.6% {
        transform: translate(-35px, 0);
    }

    33.3% {
        transform: translate(25px, 0);
    }

    50% {
        transform: translate(-12px, 0);
    }

    66.6% {
        transform: translate(6px, 0);
    }

    83.3% {
        transform: translate(-2.5px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ld-shake-px {

    0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    16.6% {
        transform: translate(-35px, 0);
    }

    33.3% {
        transform: translate(25px, 0);
    }

    50% {
        transform: translate(-12px, 0);
    }

    66.6% {
        transform: translate(6px, 0);
    }

    83.3% {
        transform: translate(-2.5px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ld.ld-shake-px {
    -webkit-animation: ld-shake-px 1s infinite linear;
    animation: ld-shake-px 1s infinite linear;
}

@keyframes ld-slide-px-ltr {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(100px, 0);
    }

    50% {
        transform: translate(-100px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ld-slide-px-ltr {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(100px, 0);
    }

    50% {
        transform: translate(-100px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ld.ld-slide-px-ltr {
    -webkit-animation: ld-slide-px-ltr 1s infinite;
    animation: ld-slide-px-ltr 1s infinite;
}

@keyframes ld-slide-px-rtl {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(-100px, 0);
    }

    50% {
        transform: translate(100px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ld-slide-px-rtl {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(-100px, 0);
    }

    50% {
        transform: translate(100px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ld.ld-slide-px-rtl {
    -webkit-animation: ld-slide-px-rtl 1s infinite;
    animation: ld-slide-px-rtl 1s infinite;
}

@keyframes ld-slide-px-btt {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(0, -100px);
    }

    50% {
        transform: translate(0, 100px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ld-slide-px-btt {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(0, -100px);
    }

    50% {
        transform: translate(0, 100px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ld.ld-slide-px-btt {
    -webkit-animation: ld-slide-px-btt 1s infinite;
    animation: ld-slide-px-btt 1s infinite;
}

@keyframes ld-slide-px-ttb {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(0, 100px);
    }

    50% {
        transform: translate(0, -100px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ld-slide-px-ttb {

    0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    0% {
        transform: translate(0, 0);
    }

    49.9% {
        transform: translate(0, 100px);
    }

    50% {
        transform: translate(0, -100px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ld.ld-slide-px-ttb {
    -webkit-animation: ld-slide-px-ttb 1s infinite;
    animation: ld-slide-px-ttb 1s infinite;
}

@keyframes ld-tremble-px {
    0% {
        transform: translate(1px, 1px);
    }

    5% {
        transform: translate(0, 1px);
    }

    10% {
        transform: translate(1px, 2px);
    }

    15% {
        transform: translate(2px, 1px);
    }

    20% {
        transform: translate(3px, 0);
    }

    25% {
        transform: translate(1px, 2px);
    }

    30% {
        transform: translate(1px, 3px);
    }

    35% {
        transform: translate(0, 1px);
    }

    40% {
        transform: translate(1px, 1px);
    }

    45% {
        transform: translate(1px, 0);
    }

    50% {
        transform: translate(2px, 1px);
    }

    55% {
        transform: translate(1px, 2px);
    }

    60% {
        transform: translate(3px, 1px);
    }

    65% {
        transform: translate(0, 2px);
    }

    70% {
        transform: translate(3px, 0);
    }

    75% {
        transform: translate(0, 0);
    }

    80% {
        transform: translate(2px, 3px);
    }

    85% {
        transform: translate(1px, 0);
    }

    90% {
        transform: translate(0, 2px);
    }

    95% {
        transform: translate(3px, 2px);
    }
}

@-webkit-keyframes ld-tremble-px {
    0% {
        transform: translate(1px, 1px);
    }

    5% {
        transform: translate(0, 1px);
    }

    10% {
        transform: translate(1px, 2px);
    }

    15% {
        transform: translate(2px, 1px);
    }

    20% {
        transform: translate(3px, 0);
    }

    25% {
        transform: translate(1px, 2px);
    }

    30% {
        transform: translate(1px, 3px);
    }

    35% {
        transform: translate(0, 1px);
    }

    40% {
        transform: translate(1px, 1px);
    }

    45% {
        transform: translate(1px, 0);
    }

    50% {
        transform: translate(2px, 1px);
    }

    55% {
        transform: translate(1px, 2px);
    }

    60% {
        transform: translate(3px, 1px);
    }

    65% {
        transform: translate(0, 2px);
    }

    70% {
        transform: translate(3px, 0);
    }

    75% {
        transform: translate(0, 0);
    }

    80% {
        transform: translate(2px, 3px);
    }

    85% {
        transform: translate(1px, 0);
    }

    90% {
        transform: translate(0, 2px);
    }

    95% {
        transform: translate(3px, 2px);
    }
}

.ld.ld-tremble-px {
    -webkit-animation: ld-tremble-px 1s infinite;
    animation: ld-tremble-px 1s infinite;
}

@keyframes ld-wander-px-h {
    0% {
        transform: translate(-35px, 0);
    }

    50% {
        transform: translate(35px, 0);
    }

    100% {
        transform: translate(-35px, 0);
    }
}

@-webkit-keyframes ld-wander-px-h {
    0% {
        transform: translate(-35px, 0);
    }

    50% {
        transform: translate(35px, 0);
    }

    100% {
        transform: translate(-35px, 0);
    }
}

.ld.ld-wander-px-h {
    -webkit-animation: ld-wander-px-h 1s infinite ease-out;
    animation: ld-wander-px-h 1s infinite ease-out;
}

@keyframes ld-wander-px-v {
    0% {
        transform: translate(0, -35px);
    }

    50% {
        transform: translate(0, 35px);
    }

    100% {
        transform: translate(0, -35px);
    }
}

@-webkit-keyframes ld-wander-px-v {
    0% {
        transform: translate(0, -35px);
    }

    50% {
        transform: translate(0, 35px);
    }

    100% {
        transform: translate(0, -35px);
    }
}

.ld.ld-wander-px-v {
    -webkit-animation: ld-wander-px-v 1s infinite ease-out;
    animation: ld-wander-px-v 1s infinite ease-out;
}

@keyframes ld-jingle-px {
    0% {
        transform: translate(0, -40px) rotate(0deg) translate(0, 40px);
    }

    4% {
        transform: translate(0, -40px) rotate(11deg) translate(0, 40px);
    }

    10% {
        transform: translate(0, -40px) rotate(15deg) translate(0, 40px);
    }

    18% {
        transform: translate(0, -40px) rotate(-11deg) translate(0, 40px);
    }

    20% {
        transform: translate(0, -40px) rotate(-13deg) translate(0, 40px);
    }

    21% {
        transform: translate(0, -40px) rotate(-12deg) translate(0, 40px);
    }

    22% {
        transform: translate(0, -40px) rotate(-10deg) translate(0, 40px);
    }

    24% {
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
    }

    26% {
        transform: translate(0, -40px) rotate(3deg) translate(0, 40px);
    }

    28% {
        transform: translate(0, -40px) rotate(9deg) translate(0, 40px);
    }

    30% {
        transform: translate(0, -40px) rotate(10deg) translate(0, 40px);
    }

    31% {
        transform: translate(0, -40px) rotate(9deg) translate(0, 40px);
    }

    33% {
        transform: translate(0, -40px) rotate(5deg) translate(0, 40px);
    }

    34% {
        transform: translate(0, -40px) rotate(1deg) translate(0, 40px);
    }

    36% {
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
    }

    39% {
        transform: translate(0, -40px) rotate(-8deg) translate(0, 40px);
    }

    40% {
        transform: translate(0, -40px) rotate(-7deg) translate(0, 40px);
    }

    44% {
        transform: translate(0, -40px) rotate(3deg) translate(0, 40px);
    }

    47% {
        transform: translate(0, -40px) rotate(7deg) translate(0, 40px);
    }

    56% {
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
    }

    63% {
        transform: translate(0, -40px) rotate(1deg) translate(0, 40px);
    }

    75% {
        transform: translate(0, -40px) rotate(-1deg) translate(0, 40px);
    }

    100% {
        transform: translate(0, -40px) rotate(0deg) translate(0, 40px);
    }
}

@-webkit-keyframes ld-jingle-px {
    0% {
        transform: translate(0, -40px) rotate(0deg) translate(0, 40px);
    }

    4% {
        transform: translate(0, -40px) rotate(11deg) translate(0, 40px);
    }

    10% {
        transform: translate(0, -40px) rotate(15deg) translate(0, 40px);
    }

    18% {
        transform: translate(0, -40px) rotate(-11deg) translate(0, 40px);
    }

    20% {
        transform: translate(0, -40px) rotate(-13deg) translate(0, 40px);
    }

    21% {
        transform: translate(0, -40px) rotate(-12deg) translate(0, 40px);
    }

    22% {
        transform: translate(0, -40px) rotate(-10deg) translate(0, 40px);
    }

    24% {
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
    }

    26% {
        transform: translate(0, -40px) rotate(3deg) translate(0, 40px);
    }

    28% {
        transform: translate(0, -40px) rotate(9deg) translate(0, 40px);
    }

    30% {
        transform: translate(0, -40px) rotate(10deg) translate(0, 40px);
    }

    31% {
        transform: translate(0, -40px) rotate(9deg) translate(0, 40px);
    }

    33% {
        transform: translate(0, -40px) rotate(5deg) translate(0, 40px);
    }

    34% {
        transform: translate(0, -40px) rotate(1deg) translate(0, 40px);
    }

    36% {
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
    }

    39% {
        transform: translate(0, -40px) rotate(-8deg) translate(0, 40px);
    }

    40% {
        transform: translate(0, -40px) rotate(-7deg) translate(0, 40px);
    }

    44% {
        transform: translate(0, -40px) rotate(3deg) translate(0, 40px);
    }

    47% {
        transform: translate(0, -40px) rotate(7deg) translate(0, 40px);
    }

    56% {
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
    }

    63% {
        transform: translate(0, -40px) rotate(1deg) translate(0, 40px);
    }

    75% {
        transform: translate(0, -40px) rotate(-1deg) translate(0, 40px);
    }

    100% {
        transform: translate(0, -40px) rotate(0deg) translate(0, 40px);
    }
}

.ld.ld-jingle-px {
    -webkit-animation: ld-jingle-px 1s infinite;
    animation: ld-jingle-px 1s infinite;
}

@keyframes ld-swim-px {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    12.5% {
        transform: translate(1px, -2px) rotate(3deg);
    }

    25% {
        transform: translate(0, -3px) rotate(6deg);
    }

    37.5% {
        transform: translate(-1px, -2px) rotate(3deg);
    }

    50% {
        transform: translate(0, 0) rotate(0deg);
    }

    62.5% {
        transform: translate(1px, 2px) rotate(-3deg);
    }

    75% {
        transform: translate(0, 3px) rotate(-6deg);
    }

    87.5% {
        transform: translate(-1px, 2px) rotate(-3deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

@-webkit-keyframes ld-swim-px {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    12.5% {
        transform: translate(1px, -2px) rotate(3deg);
    }

    25% {
        transform: translate(0, -3px) rotate(6deg);
    }

    37.5% {
        transform: translate(-1px, -2px) rotate(3deg);
    }

    50% {
        transform: translate(0, 0) rotate(0deg);
    }

    62.5% {
        transform: translate(1px, 2px) rotate(-3deg);
    }

    75% {
        transform: translate(0, 3px) rotate(-6deg);
    }

    87.5% {
        transform: translate(-1px, 2px) rotate(-3deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

.ld.ld-swim-px {
    -webkit-animation: ld-swim-px 3s infinite linear;
    animation: ld-swim-px 3s infinite linear;
}

@keyframes ld-leaf-px {
    0% {
        transform: translate(-14.7px, -117px) rotate(-0.3deg);
    }

    1% {
        transform: translate(-14.399999999999999px, -112.5px) rotate(-0.6deg);
    }

    2% {
        transform: translate(-13.8px, -102.00000000000001px) rotate(-1.2deg);
    }

    3% {
        transform: translate(-13.5px, -100.5px) rotate(-1.5deg);
    }

    5% {
        transform: translate(-7.199999999999999px, -87px) rotate(-7.800000000000001deg);
    }

    7% {
        transform: translate(5.399999999999999px, -79.5px) rotate(-20.400000000000002deg);
    }

    10% {
        transform: translate(12.9px, -76.5px) rotate(-27.900000000000002deg);
    }

    12% {
        transform: translate(14.399999999999999px, -75px) rotate(-29.4deg);
    }

    13% {
        transform: translate(14.7px, -75px) rotate(-29.7deg);
    }

    14% {
        transform: translate(15px, -75px) rotate(-30deg);
    }

    15% {
        transform: translate(14.399999999999999px, -69px) rotate(0.6deg);
    }

    16% {
        transform: translate(13.8px, -58.5px) rotate(1.2deg);
    }

    19% {
        transform: translate(7.199999999999999px, -45px) rotate(7.800000000000001deg);
    }

    21% {
        transform: translate(-5.399999999999999px, -37.5px) rotate(20.400000000000002deg);
    }

    24% {
        transform: translate(-12.9px, -33px) rotate(27.900000000000002deg);
    }

    26% {
        transform: translate(-14.399999999999999px, -33px) rotate(29.4deg);
    }

    27% {
        transform: translate(-14.7px, -31.5px) rotate(29.7deg);
    }

    28% {
        transform: translate(-15px, -31.5px) rotate(30deg);
    }

    29% {
        transform: translate(-14.399999999999999px, -27px) rotate(-0.6deg);
    }

    30% {
        transform: translate(-13.8px, -16.5px) rotate(-1.2deg);
    }

    31% {
        transform: translate(-13.5px, -15px) rotate(-1.5deg);
    }

    33% {
        transform: translate(-7.199999999999999px, -1.5px) rotate(-7.800000000000001deg);
    }

    36% {
        transform: translate(5.399999999999999px, 4.5px) rotate(-20.400000000000002deg);
    }

    38% {
        transform: translate(12.9px, 9px) rotate(-27.900000000000002deg);
    }

    40% {
        transform: translate(14.399999999999999px, 10.500000000000002px) rotate(-29.4deg);
    }

    41% {
        transform: translate(14.7px, 10.500000000000002px) rotate(-29.7deg);
    }

    42% {
        transform: translate(15px, 10.500000000000002px) rotate(-30deg);
    }

    43% {
        transform: translate(15px, 10.500000000000002px) rotate(-30deg);
    }

    43% {
        transform: translate(14.7px, 10.500000000000002px) rotate(0.3deg);
    }

    43% {
        transform: translate(14.399999999999999px, 16.5px) rotate(0.6deg);
    }

    45% {
        transform: translate(13.8px, 25.500000000000004px) rotate(1.2deg);
    }

    45% {
        transform: translate(13.5px, 27px) rotate(1.5deg);
    }

    48% {
        transform: translate(7.199999999999999px, 40.5px) rotate(7.800000000000001deg);
    }

    50% {
        transform: translate(-5.399999999999999px, 48px) rotate(20.400000000000002deg);
    }

    52% {
        transform: translate(-12.9px, 51.00000000000001px) rotate(27.900000000000002deg);
    }

    54% {
        transform: translate(-14.399999999999999px, 52.5px) rotate(29.4deg);
    }

    56% {
        transform: translate(-14.7px, 54px) rotate(29.7deg);
    }

    57% {
        transform: translate(-14.7px, 54px) rotate(-0.3deg);
    }

    58% {
        transform: translate(-14.399999999999999px, 58.5px) rotate(-0.6deg);
    }

    59% {
        transform: translate(-13.5px, 70.5px) rotate(-1.5deg);
    }

    62% {
        transform: translate(-7.199999999999999px, 84.00000000000001px) rotate(-7.800000000000001deg);
    }

    64% {
        transform: translate(5.399999999999999px, 91.5px) rotate(-20.400000000000002deg);
    }

    67% {
        transform: translate(12.9px, 94.5px) rotate(-27.900000000000002deg);
    }

    69% {
        transform: translate(14.399999999999999px, 96px) rotate(-29.4deg);
    }

    70% {
        transform: translate(14.7px, 96px) rotate(-29.7deg);
    }

    71% {
        transform: translate(15px, 96px) rotate(-30deg);
    }

    72% {
        transform: translate(14.399999999999999px, 102.00000000000001px) rotate(0.6deg);
    }

    73% {
        transform: translate(13.8px, 111px) rotate(1.2deg);
    }

    74% {
        transform: translate(13.5px, 112.5px) rotate(1.5deg);
    }

    76% {
        transform: translate(7.199999999999999px, 126px) rotate(7.800000000000001deg);
    }

    79% {
        transform: translate(-5.399999999999999px, 133.5px) rotate(20.400000000000002deg);
    }

    81% {
        transform: translate(-12.9px, 138px) rotate(27.900000000000002deg);
    }

    83% {
        transform: translate(-14.399999999999999px, 139.5px) rotate(29.4deg);
    }

    84% {
        transform: translate(-14.7px, 139.5px) rotate(29.7deg);
    }

    85% {
        transform: translate(-15px, 139.5px) rotate(30deg);
    }

    86% {
        transform: translate(-14.7px, 139.5px) rotate(-0.3deg);
    }

    86% {
        transform: translate(-14.399999999999999px, 144px) rotate(-0.6deg);
    }

    88% {
        transform: translate(-13.5px, 156px) rotate(-1.5deg);
    }

    90% {
        transform: translate(-7.199999999999999px, 169.49999999999997px) rotate(-7.800000000000001deg);
    }

    93% {
        transform: translate(5.399999999999999px, 177px) rotate(-20.400000000000002deg);
    }

    95% {
        transform: translate(12.9px, 180px) rotate(-27.900000000000002deg);
    }

    97% {
        transform: translate(14.399999999999999px, 181.5px) rotate(-29.4deg);
    }

    99% {
        transform: translate(14.7px, 181.5px) rotate(-29.7deg);
    }

    100% {
        transform: translate(15px, 181.5px) rotate(-30deg);
    }
}

@-webkit-keyframes ld-leaf-px {
    0% {
        transform: translate(-14.7px, -117px) rotate(-0.3deg);
    }

    1% {
        transform: translate(-14.399999999999999px, -112.5px) rotate(-0.6deg);
    }

    2% {
        transform: translate(-13.8px, -102.00000000000001px) rotate(-1.2deg);
    }

    3% {
        transform: translate(-13.5px, -100.5px) rotate(-1.5deg);
    }

    5% {
        transform: translate(-7.199999999999999px, -87px) rotate(-7.800000000000001deg);
    }

    7% {
        transform: translate(5.399999999999999px, -79.5px) rotate(-20.400000000000002deg);
    }

    10% {
        transform: translate(12.9px, -76.5px) rotate(-27.900000000000002deg);
    }

    12% {
        transform: translate(14.399999999999999px, -75px) rotate(-29.4deg);
    }

    13% {
        transform: translate(14.7px, -75px) rotate(-29.7deg);
    }

    14% {
        transform: translate(15px, -75px) rotate(-30deg);
    }

    15% {
        transform: translate(14.399999999999999px, -69px) rotate(0.6deg);
    }

    16% {
        transform: translate(13.8px, -58.5px) rotate(1.2deg);
    }

    19% {
        transform: translate(7.199999999999999px, -45px) rotate(7.800000000000001deg);
    }

    21% {
        transform: translate(-5.399999999999999px, -37.5px) rotate(20.400000000000002deg);
    }

    24% {
        transform: translate(-12.9px, -33px) rotate(27.900000000000002deg);
    }

    26% {
        transform: translate(-14.399999999999999px, -33px) rotate(29.4deg);
    }

    27% {
        transform: translate(-14.7px, -31.5px) rotate(29.7deg);
    }

    28% {
        transform: translate(-15px, -31.5px) rotate(30deg);
    }

    29% {
        transform: translate(-14.399999999999999px, -27px) rotate(-0.6deg);
    }

    30% {
        transform: translate(-13.8px, -16.5px) rotate(-1.2deg);
    }

    31% {
        transform: translate(-13.5px, -15px) rotate(-1.5deg);
    }

    33% {
        transform: translate(-7.199999999999999px, -1.5px) rotate(-7.800000000000001deg);
    }

    36% {
        transform: translate(5.399999999999999px, 4.5px) rotate(-20.400000000000002deg);
    }

    38% {
        transform: translate(12.9px, 9px) rotate(-27.900000000000002deg);
    }

    40% {
        transform: translate(14.399999999999999px, 10.500000000000002px) rotate(-29.4deg);
    }

    41% {
        transform: translate(14.7px, 10.500000000000002px) rotate(-29.7deg);
    }

    42% {
        transform: translate(15px, 10.500000000000002px) rotate(-30deg);
    }

    43% {
        transform: translate(15px, 10.500000000000002px) rotate(-30deg);
    }

    43% {
        transform: translate(14.7px, 10.500000000000002px) rotate(0.3deg);
    }

    43% {
        transform: translate(14.399999999999999px, 16.5px) rotate(0.6deg);
    }

    45% {
        transform: translate(13.8px, 25.500000000000004px) rotate(1.2deg);
    }

    45% {
        transform: translate(13.5px, 27px) rotate(1.5deg);
    }

    48% {
        transform: translate(7.199999999999999px, 40.5px) rotate(7.800000000000001deg);
    }

    50% {
        transform: translate(-5.399999999999999px, 48px) rotate(20.400000000000002deg);
    }

    52% {
        transform: translate(-12.9px, 51.00000000000001px) rotate(27.900000000000002deg);
    }

    54% {
        transform: translate(-14.399999999999999px, 52.5px) rotate(29.4deg);
    }

    56% {
        transform: translate(-14.7px, 54px) rotate(29.7deg);
    }

    57% {
        transform: translate(-14.7px, 54px) rotate(-0.3deg);
    }

    58% {
        transform: translate(-14.399999999999999px, 58.5px) rotate(-0.6deg);
    }

    59% {
        transform: translate(-13.5px, 70.5px) rotate(-1.5deg);
    }

    62% {
        transform: translate(-7.199999999999999px, 84.00000000000001px) rotate(-7.800000000000001deg);
    }

    64% {
        transform: translate(5.399999999999999px, 91.5px) rotate(-20.400000000000002deg);
    }

    67% {
        transform: translate(12.9px, 94.5px) rotate(-27.900000000000002deg);
    }

    69% {
        transform: translate(14.399999999999999px, 96px) rotate(-29.4deg);
    }

    70% {
        transform: translate(14.7px, 96px) rotate(-29.7deg);
    }

    71% {
        transform: translate(15px, 96px) rotate(-30deg);
    }

    72% {
        transform: translate(14.399999999999999px, 102.00000000000001px) rotate(0.6deg);
    }

    73% {
        transform: translate(13.8px, 111px) rotate(1.2deg);
    }

    74% {
        transform: translate(13.5px, 112.5px) rotate(1.5deg);
    }

    76% {
        transform: translate(7.199999999999999px, 126px) rotate(7.800000000000001deg);
    }

    79% {
        transform: translate(-5.399999999999999px, 133.5px) rotate(20.400000000000002deg);
    }

    81% {
        transform: translate(-12.9px, 138px) rotate(27.900000000000002deg);
    }

    83% {
        transform: translate(-14.399999999999999px, 139.5px) rotate(29.4deg);
    }

    84% {
        transform: translate(-14.7px, 139.5px) rotate(29.7deg);
    }

    85% {
        transform: translate(-15px, 139.5px) rotate(30deg);
    }

    86% {
        transform: translate(-14.7px, 139.5px) rotate(-0.3deg);
    }

    86% {
        transform: translate(-14.399999999999999px, 144px) rotate(-0.6deg);
    }

    88% {
        transform: translate(-13.5px, 156px) rotate(-1.5deg);
    }

    90% {
        transform: translate(-7.199999999999999px, 169.49999999999997px) rotate(-7.800000000000001deg);
    }

    93% {
        transform: translate(5.399999999999999px, 177px) rotate(-20.400000000000002deg);
    }

    95% {
        transform: translate(12.9px, 180px) rotate(-27.900000000000002deg);
    }

    97% {
        transform: translate(14.399999999999999px, 181.5px) rotate(-29.4deg);
    }

    99% {
        transform: translate(14.7px, 181.5px) rotate(-29.7deg);
    }

    100% {
        transform: translate(15px, 181.5px) rotate(-30deg);
    }
}

.ld.ld-leaf-px {
    -webkit-animation: ld-leaf-px 4s infinite cubic-bezier(0.1, 0.5, 0.1, 0.5);
    animation: ld-leaf-px 4s infinite cubic-bezier(0.1, 0.5, 0.1, 0.5);
}

@keyframes ld-slot-px {
    0% {
        transform: translate(0, -100px);
    }

    9.09% {
        transform: translate(0, 100px);
    }

    9.1% {
        transform: translate(0, -100px);
    }

    16.99% {
        transform: translate(0, 100px);
    }

    17% {
        transform: translate(0, -100px);
    }

    23.79% {
        transform: translate(0, 100px);
    }

    23.8% {
        transform: translate(0, -100px);
    }

    29.59% {
        transform: translate(0, 100px);
    }

    29.6% {
        transform: translate(0, -100px);
    }

    34.49% {
        transform: translate(0, 100px);
    }

    34.5% {
        transform: translate(0, -100px);
    }

    38.49% {
        transform: translate(0, 100px);
    }

    38.5% {
        transform: translate(0, -100px);
    }

    41.79% {
        transform: translate(0, 100px);
    }

    41.8% {
        transform: translate(0, -100px);
    }

    44.39% {
        transform: translate(0, 100px);
    }

    44.4% {
        transform: translate(0, -100px);
    }

    46.29% {
        transform: translate(0, 100px);
    }

    46.3% {
        transform: translate(0, -100px);
    }

    47.79% {
        transform: translate(0, 100px);
    }

    47.8% {
        transform: translate(0, -100px);
    }

    48.79% {
        transform: translate(0, 100px);
    }

    48.8% {
        transform: translate(0, -100px);
    }

    49.39% {
        transform: translate(0, 100px);
    }

    49.4% {
        transform: translate(0, -100px);
    }

    49.79% {
        transform: translate(0, 100px);
    }

    49.8% {
        transform: translate(0, -100px);
    }

    49.99% {
        transform: translate(0, 100px);
    }

    50% {
        transform: translate(0, -100px);
    }

    49.99% {
        transform: translate(0, 100px);
    }

    50% {
        transform: translate(0, -100px);
    }

    49.99% {
        transform: translate(0, 100px);
    }

    50% {
        transform: translate(0, -100px);
    }

    49.99% {
        transform: translate(0, 100px);
    }

    50% {
        transform: translate(0, -100px);
    }

    50.190000000000005% {
        transform: translate(0, 100px);
    }

    50.2% {
        transform: translate(0, -100px);
    }

    50.59% {
        transform: translate(0, 100px);
    }

    50.6% {
        transform: translate(0, -100px);
    }

    51.190000000000005% {
        transform: translate(0, 100px);
    }

    51.2% {
        transform: translate(0, -100px);
    }

    52.190000000000005% {
        transform: translate(0, 100px);
    }

    52.2% {
        transform: translate(0, -100px);
    }

    53.690000000000005% {
        transform: translate(0, 100px);
    }

    53.7% {
        transform: translate(0, -100px);
    }

    55.59% {
        transform: translate(0, 100px);
    }

    55.6% {
        transform: translate(0, -100px);
    }

    58.190000000000005% {
        transform: translate(0, 100px);
    }

    58.2% {
        transform: translate(0, -100px);
    }

    61.49% {
        transform: translate(0, 100px);
    }

    61.5% {
        transform: translate(0, -100px);
    }

    65.49% {
        transform: translate(0, 100px);
    }

    65.5% {
        transform: translate(0, -100px);
    }

    70.39% {
        transform: translate(0, 100px);
    }

    70.4% {
        transform: translate(0, -100px);
    }

    76.19% {
        transform: translate(0, 100px);
    }

    76.2% {
        transform: translate(0, -100px);
    }

    82.99% {
        transform: translate(0, 100px);
    }

    83% {
        transform: translate(0, -100px);
    }

    90.89% {
        transform: translate(0, 100px);
    }

    90.9% {
        transform: translate(0, -100px);
    }

    99.99% {
        transform: translate(0, 100px);
    }

    100% {
        transform: translate(0, -100px);
    }
}

@-webkit-keyframes ld-slot-px {
    0% {
        transform: translate(0, -100px);
    }

    9.09% {
        transform: translate(0, 100px);
    }

    9.1% {
        transform: translate(0, -100px);
    }

    16.99% {
        transform: translate(0, 100px);
    }

    17% {
        transform: translate(0, -100px);
    }

    23.79% {
        transform: translate(0, 100px);
    }

    23.8% {
        transform: translate(0, -100px);
    }

    29.59% {
        transform: translate(0, 100px);
    }

    29.6% {
        transform: translate(0, -100px);
    }

    34.49% {
        transform: translate(0, 100px);
    }

    34.5% {
        transform: translate(0, -100px);
    }

    38.49% {
        transform: translate(0, 100px);
    }

    38.5% {
        transform: translate(0, -100px);
    }

    41.79% {
        transform: translate(0, 100px);
    }

    41.8% {
        transform: translate(0, -100px);
    }

    44.39% {
        transform: translate(0, 100px);
    }

    44.4% {
        transform: translate(0, -100px);
    }

    46.29% {
        transform: translate(0, 100px);
    }

    46.3% {
        transform: translate(0, -100px);
    }

    47.79% {
        transform: translate(0, 100px);
    }

    47.8% {
        transform: translate(0, -100px);
    }

    48.79% {
        transform: translate(0, 100px);
    }

    48.8% {
        transform: translate(0, -100px);
    }

    49.39% {
        transform: translate(0, 100px);
    }

    49.4% {
        transform: translate(0, -100px);
    }

    49.79% {
        transform: translate(0, 100px);
    }

    49.8% {
        transform: translate(0, -100px);
    }

    49.99% {
        transform: translate(0, 100px);
    }

    50% {
        transform: translate(0, -100px);
    }

    49.99% {
        transform: translate(0, 100px);
    }

    50% {
        transform: translate(0, -100px);
    }

    49.99% {
        transform: translate(0, 100px);
    }

    50% {
        transform: translate(0, -100px);
    }

    49.99% {
        transform: translate(0, 100px);
    }

    50% {
        transform: translate(0, -100px);
    }

    50.190000000000005% {
        transform: translate(0, 100px);
    }

    50.2% {
        transform: translate(0, -100px);
    }

    50.59% {
        transform: translate(0, 100px);
    }

    50.6% {
        transform: translate(0, -100px);
    }

    51.190000000000005% {
        transform: translate(0, 100px);
    }

    51.2% {
        transform: translate(0, -100px);
    }

    52.190000000000005% {
        transform: translate(0, 100px);
    }

    52.2% {
        transform: translate(0, -100px);
    }

    53.690000000000005% {
        transform: translate(0, 100px);
    }

    53.7% {
        transform: translate(0, -100px);
    }

    55.59% {
        transform: translate(0, 100px);
    }

    55.6% {
        transform: translate(0, -100px);
    }

    58.190000000000005% {
        transform: translate(0, 100px);
    }

    58.2% {
        transform: translate(0, -100px);
    }

    61.49% {
        transform: translate(0, 100px);
    }

    61.5% {
        transform: translate(0, -100px);
    }

    65.49% {
        transform: translate(0, 100px);
    }

    65.5% {
        transform: translate(0, -100px);
    }

    70.39% {
        transform: translate(0, 100px);
    }

    70.4% {
        transform: translate(0, -100px);
    }

    76.19% {
        transform: translate(0, 100px);
    }

    76.2% {
        transform: translate(0, -100px);
    }

    82.99% {
        transform: translate(0, 100px);
    }

    83% {
        transform: translate(0, -100px);
    }

    90.89% {
        transform: translate(0, 100px);
    }

    90.9% {
        transform: translate(0, -100px);
    }

    99.99% {
        transform: translate(0, 100px);
    }

    100% {
        transform: translate(0, -100px);
    }
}

.ld.ld-slot-px {
    -webkit-animation: ld-slot-px 6s infinite linear;
    animation: ld-slot-px 6s infinite linear;
}

.form-control {
    border-width: 1px !important;
}

.ms-choice {
    border: 1px solid #667db6 !important;
}

.input-group.flatpickr .flatpickr {
    width: 100%;
}

.search-filter .operator.input-group-addon .form-control {
    width: 100%;
    flex-direction: row;
    background-color: #667db6 !important;
    color: #ffffff !important;
}

select:invalid {
    color: #898989;
}

body {
    background-color: #f5f5f5;
    font-size: 13px;
    overflow-x: hidden;
    font-family: open sans, sans-serif;
    /* background-image: url(../images/BG-login.jpg) !important; */
    background: repeat;
}

.custom-row-height {
    padding-top: 10px;
}

.sideBottom {
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: -1;
}

ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

* a {
    font-size: 13px
}

    * a span {
        font-size: 13px
    }

    * a:hover,
    * a:focus {
        text-decoration: none
    }

p {
    font-size: 13px
}

.media-left {
    padding-right: 20px
}

.main-body .page-wrapper {
    padding: 1.8rem;
    margin-left: 240px;
    transition: all ease-in .3s
}

    .main-body .page-wrapper .page-header {
        margin-bottom: 0px
    }

    .main-body .page-wrapper .page-header-title {
        display: inline-block
    }

        .main-body .page-wrapper .page-header-title h4 {
            display: inline-block;
            margin-bottom: 0;
            font-weight: 600;
            color: #667db6;
            font-size: 16px
        }

        .main-body .page-wrapper .page-header-title span {
            font-size: 13px;
            color: #9f9f9f;
            display: block;
            margin-top: 5px
        }

    .main-body .page-wrapper .page-header-breadcrumb {
        float: right
    }

.card {
    border-radius: 2px;
    border-top: 4px solid #667db6;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .05);
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-bottom: 30px;
}

    .card .card-footer {
        background-color: #fff
    }

    .card .card-header {
        background-color: transparent;
        padding: 15px 20px
    }

        .card .card-header .card-header-left {
            display: inline-block
        }

        .card .card-header .card-header-right {
            border-radius: 0 0 0 5px;
            right: 0;
            top: 0;
            background: #f6f7f7;
            display: inline-block;
            float: right;
            padding: 7px 0;
            position: absolute
        }

            .card .card-header .card-header-right i {
                margin: 0 20px;
                cursor: pointer
            }

    /* .card .card-header span {
  color: #667db6;
  display: block;
  font-size: 13px;
  margin-top: 5px
} */

    .card h5 {
        margin-bottom: 0;
        color: #757575;
        font-size: 16px;
        font-weight: 600;
        /* text-transform: uppercase; */
        display: inline-block;
        margin-right: 10px
    }

    .card .card-block table tr {
        padding-bottom: 20px
    }

    .card .card-block .sub-title {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px
    }

    .card .card-block code {
        background-color: #eee
    }

    .card .card-block .dropdown-menu {
        top: 38px
    }

    .card .card-block p {
        line-height: 25px
    }

    .card .card-block a.dropdown-item {
        margin-bottom: 0;
        font-size: 14px;
        transition: .25s
    }

        .card .card-block a.dropdown-item .active,
        .card .card-block a.dropdown-item:active {
            background-color: #667db6
        }

    .card .card-block.remove-label i {
        margin: 0;
        padding: 0
    }

    .card .card-block.button-list span.badge {
        margin-left: 5px
    }

    .card .card-block .dropdown-menu {
        background-color: #fff;
        padding: 0
    }

        .card .card-block .dropdown-menu .dropdown-divider {
            background-color: #ddd;
            margin: 3px 0
        }

        .card .card-block .dropdown-menu > a {
            padding: 10px 16px;
            line-height: 1.429
        }

        .card .card-block .dropdown-menu > li > a:hover,
        .card .card-block .dropdown-menu > li > a:focus {
            background-color: rgba(202, 206, 209, .5)
        }

        .card .card-block .dropdown-menu > li:first-child > a:first-child {
            border-top-right-radius: 4px;
            border-top-left-radius: 4px
        }

    .card .card-block .badge-box {
        border: 1px solid #ccc;
        padding: 10px;
        margin: 12px 0
    }

    .card .inner-card-block {
        border: 1px solid #ddd
    }

.card-header-text {
    margin-bottom: 0;
    font-size: 1rem;
    color: rgba(51, 51, 51, .85);
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle
}

.icofont-rounded-down {
    -webkit-transition: all ease-in .3s;
    display: inline-block;
    transition: all ease-in .3s
}

.icon-up {
    transform: rotate(180deg)
}

.rotate-refresh {
    -webkit-animation: mymove .8s infinite linear;
    animation: mymove .8s infinite linear;
    display: inline-block
}

@-webkit-keyframes mymove {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes mymove {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.breadcrumb-title a {
    color: #667db6;
}

.breadcrumb-title li:last-child a {
    color: #667db6;
}

.breadcrumb-item a {
    color: #667db6;
}

.sub-title {
    border-bottom: 1px solid rgba(204, 204, 204, .35);
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #2c3e50
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    margin: 20px 0;
    margin-top: 0
}

.typography small {
    margin-left: 10px;
    font-weight: 600;
    color: #777
}

.card-block.list-tag ul li {
    display: block;
    float: none;
    margin-bottom: 5px
}

.card-block.list-tag ol li {
    margin-bottom: 5px
}

.inline-order-list {
    margin-top: 50px
}

    .inline-order-list h4,
    .inline-order-list p {
        margin-bottom: 0
    }

.card-block ul li.list-inline-item {
    display: inline-block;
    float: left
}

.modal {
    z-index: 99999999999
}

.bd-example .modal {
    display: block;
    position: inherit;
    background-color: #2c3e50;
    margin-bottom: 20px
}

.card .overflow-container h5 {
    margin-bottom: 5px
}

.button-page .card-block a.nav-link {
    margin-bottom: 0
}

.sweet-alert button.confirm {
    background-color: #1abc9c !important
}

.sweet-alert .sa-input-error {
    top: 23px
}

.location-selector {
    width: 100%;
    height: 250px;
    background-color: #fff;
    border: 2px dashed #e5e9ec;
    position: relative;
    margin-bottom: 20px
}

    .location-selector .bit {
        background-color: #e5e9ec;
        cursor: pointer;
        position: absolute
    }

        .location-selector .bit:hover {
            background-color: #ddd
        }

        .location-selector .bit.top,
        .location-selector .bit.bottom {
            height: 25%;
            width: 40%;
            margin: 0 30%
        }

        .location-selector .bit.top {
            top: 0
        }

        .location-selector .bit.bottom {
            bottom: 0
        }

        .location-selector .bit.right,
        .location-selector .bit.left {
            height: 20%;
            width: 20%;
            margin-left: 0;
            margin-right: 0
        }

        .location-selector .bit.right {
            right: 0
        }

        .location-selector .bit.left {
            left: 0
        }

button.close {
    margin-top: 7px;
    margin-bottom: 0
}

.mytooltip {
    display: inline;
    position: relative;
    z-index: 9999
}

    .mytooltip .tooltip-item {
        background: rgba(0, 0, 0, .1);
        cursor: pointer;
        display: inline-block;
        font-weight: 500;
        padding: 0 10px
    }

    .mytooltip .tooltip-content {
        position: absolute;
        z-index: 9999;
        width: 360px;
        left: 50%;
        margin: 0 0 20px -180px;
        bottom: 100%;
        text-align: left;
        font-size: 14px;
        line-height: 30px;
        box-shadow: -5px -5px 15px rgba(48, 54, 61, .2);
        background: #2b2b2b;
        opacity: 0;
        cursor: default;
        pointer-events: none
    }

        .mytooltip .tooltip-content::after {
            content: '';
            top: 100%;
            left: 50%;
            border: solid transparent;
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: #2a3035 transparent transparent;
            border-width: 10px;
            margin-left: -10px
        }

        .mytooltip .tooltip-content img {
            position: relative;
            height: 140px;
            display: block;
            float: left;
            margin-right: 1em
        }

    .mytooltip .tooltip-item::after {
        content: '';
        position: absolute;
        width: 360px;
        height: 20px;
        bottom: 100%;
        left: 50%;
        pointer-events: none;
        transform: translateX(-50%)
    }

    .mytooltip:hover .tooltip-item::after {
        pointer-events: auto
    }

    .mytooltip:hover .tooltip-content {
        pointer-events: auto;
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)
    }

    .mytooltip:hover .tooltip-content2 {
        opacity: 1;
        font-size: 18px
    }

        .mytooltip:hover .tooltip-content2 i {
            opacity: 1;
            font-size: 18px
        }

    .mytooltip:hover .tooltip-content2 {
        opacity: 1;
        font-size: 18px;
        pointer-events: auto;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

        .mytooltip:hover .tooltip-content2 i {
            opacity: 1;
            font-size: 18px;
            pointer-events: auto;
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
        }

    .mytooltip:hover .tooltip-item2 {
        color: #fff;
        transform: translate3d(0, -0.9em, 0)
    }

    .mytooltip:hover .tooltip-text3 {
        transition-delay: 0s;
        transform: scale3d(1, 1, 1)
    }

    .mytooltip:hover .tooltip-content3 {
        opacity: 1;
        pointer-events: auto;
        transform: scale3d(1, 1, 1)
    }

    .mytooltip:hover .tooltip-content4 {
        pointer-events: auto;
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    .mytooltip:hover .tooltip-text2 {
        pointer-events: auto;
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    .mytooltip:hover .tooltip-inner2 {
        transition-delay: .3s;
        transform: translate3d(0, 0, 0)
    }

    .mytooltip:hover .tooltip-content5 {
        opacity: 1;
        pointer-events: auto;
        transition-delay: 0s
    }

    .mytooltip .tooltip-text {
        font-size: 14px;
        line-height: 24px;
        display: block;
        padding: 1.31em 1.21em 1.21em 0;
        color: #fff
    }

    .mytooltip .tooltip-item2 {
        color: #1abc9c;
        cursor: pointer;
        z-index: 100;
        position: relative;
        display: inline-block;
        font-weight: 700;
        font-size: 14px;
        transition: background-color .3s, color .3s, transform .3s
    }

.tooltip.tooltip-effect-2:hover .tooltip-content {
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg)
}

.tooltip-effect-5 .tooltip-text {
    padding: 1.4em
}

.tooltip-effect-1 .tooltip-content {
    transform: translate3d(0, -10px, 0);
    transition: opacity .3s, transform .3s;
    color: #fff
}

.tooltip-effect-2 .tooltip-content {
    transform-origin: 50% calc(110%);
    transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
    transition: opacity .2s, transform .2s
}

.tooltip-effect-3 .tooltip-content {
    transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
    transition: opacity .3s, transform .3s
}

.tooltip-effect-4 .tooltip-content {
    transform-origin: 50% 100%;
    transform: scale3d(.7, .3, 1);
    transition: opacity .2s, transform .2s
}

.tooltip-effect-5 .tooltip-content {
    width: 180px;
    margin-left: -90px;
    transform-origin: 50% calc(106%);
    transform: rotate3d(0, 0, 1, 15deg);
    transition: opacity .2s, transform .2s;
    transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39)
}

.tooltip-effect-6 .tooltip-content2 {
    transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
    transform-origin: 50% 100%;
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-6 .tooltip-content2 i {
        transform: scale3d(0, 0, 1);
        transition: opacity .3s, transform .3s
    }

.tooltip-effect-7 .tooltip-content2 {
    transform: translate3d(0, 10px, 0);
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-7 .tooltip-content2 i {
        transform: translate3d(0, 15px, 0);
        transition: opacity .3s, transform .3s
    }

.tooltip-effect-8 .tooltip-content2 {
    transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);
    transform-origin: 50% 100%;
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-8 .tooltip-content2 i {
        transform: scale3d(0, 0, 1);
        transition: opacity .3s, transform .3s
    }

.tooltip-effect-9 .tooltip-content2 {
    transform: translate3d(0, -20px, 0);
    transition: opacity .3s, transform .3s
}

    .tooltip-effect-9 .tooltip-content2 i {
        transform: translate3d(0, 20px, 0);
        transition: opacity .3s, transform .3s
    }

.tooltip-effect-6:hover .tooltip-content2 i {
    transform: rotate3d(1, 1, 1, 0)
}

.tooltip-content2 {
    position: absolute;
    z-index: 9999;
    width: 80px;
    height: 80px;
    padding-top: 25px;
    left: 50%;
    margin-left: -40px;
    bottom: 100%;
    border-radius: 50%;
    text-align: center;
    background: #1abc9c;
    color: #fff;
    opacity: 0;
    margin-bottom: 20px;
    cursor: default;
    pointer-events: none
}

    .tooltip-content2 i {
        opacity: 0
    }

    .tooltip-content2::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin: -7px 0 0 -15px;
        width: 30px;
        height: 20px;
        background: url(/images/tooltip/tooltip1.svg) center center no-repeat;
        background-size: 100%
    }

.tooltip-content3 {
    position: absolute;
    background: url(/images/tooltip/shape1.svg) center bottom no-repeat;
    background-size: 100% 100%;
    z-index: 9999;
    width: 200px;
    bottom: 100%;
    left: 50%;
    margin-left: -100px;
    padding: 50px 30px;
    text-align: center;
    color: #fff;
    opacity: 0;
    cursor: default;
    font-size: 14;
    line-height: 27px;
    pointer-events: none;
    transform: scale3d(.1, .2, 1);
    transform-origin: 50% 120%;
    transition: opacity .4s, transform .4s;
    transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1)
}

    .tooltip-content3::after {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        left: 50%;
        margin-left: -8px;
        top: 100%;
        background: #00aeef;
        transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg)
    }

.tooltip-content4 {
    position: absolute;
    z-index: 99;
    width: 360px;
    left: 50%;
    margin-left: -180px;
    bottom: -5px;
    text-align: left;
    background: #1abc9c;
    opacity: 0;
    font-size: 14px;
    line-height: 27px;
    padding: 1.5em;
    color: #fff;
    border-bottom: 55px solid #34495e;
    cursor: default;
    pointer-events: none;
    border-radius: 5px;
    transform: translate3d(0, -0.5em, 0);
    transition: opacity .3s, transform .3s
}

    .tooltip-content4 a {
        color: #2b2b2b
    }

    .tooltip-content4 .tooltip-text2 {
        opacity: 0;
        transform: translate3d(0, 1.5em, 0);
        transition: opacity .3s, transform .3s
    }

.tooltip-content5 {
    position: absolute;
    z-index: 9999;
    width: 300px;
    left: 50%;
    bottom: 100%;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    font-weight: 400;
    color: #fff;
    background: 0 0;
    opacity: 0;
    margin: 0 0 20px -150px;
    cursor: default;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    transition: opacity .3s .3s
}

    .tooltip-content5 span {
        display: block
    }

    .tooltip-content5::after {
        content: '';
        bottom: -20px;
        left: 50%;
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: #1abc9c transparent transparent;
        border-width: 10px;
        margin-left: -10px
    }

    .tooltip-content5 .tooltip-text3 {
        border-bottom: 10px solid #1abc9c;
        overflow: hidden;
        transform: scale3d(0, 1, 1);
        transition: transform .3s .3s
    }

    .tooltip-content5 .tooltip-inner2 {
        background: #2b2b2b;
        padding: 40px;
        transform: translate3d(0, 100%, 0);
        webkit-transition: -webkit-transform .3s;
        transition: transform .3s
    }

a.mytooltip {
    font-weight: 700;
    color: #1abc9c;
    z-index: 9
}

.tooltip-link a {
    margin-left: 10px;
    color: #1abc9c
}

.tooltip-icon button i {
    margin-right: 0
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #1abc9c
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1abc9c
}

.animation-image img {
    margin: 10px auto 20px;
    cursor: pointer
}

.card-block.tree-view ul {
    display: inherit
}

    .card-block.tree-view ul li {
        display: inherit;
        float: none
    }

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
    /* background: url(../pages/treeview/throbber.gif) center center no-repeat */
}

.jFiler-theme-default .jFiler-input-button {
    background-color: #1abc9c;
    background-image: none;
    color: #fff
}

.jFiler-theme-default .jFiler-input {
    width: 100%
}

.jFiler-input-dragDrop {
    width: 100%;
    background-color: #fafafa
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info {
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 6px 10px;
    z-index: 9;
    opacity: 0;
    transition: all .12s
}

.jFiler-input-choose-btn {
    border: 1px solid #667db6;
    padding: 10px 25px;
    background: #667db6;
    color: #fff !important
}

    .jFiler-input-choose-btn:hover {
        background: #fff;
        border: 1px solid #667db6;
        color: #fff !important
    }

.card .jFiler-item-assets ul li {
    margin-right: 0
}

.img-container,
.img-preview {
    background-color: #f7f7f7;
    width: 100%;
    text-align: center
}

.img-container {
    min-height: 200px;
    max-height: 516px;
    margin-bottom: 20px
}

@media(min-width: 768px) {
    .img-container {
        min-height: 516px
    }
}

.img-container > img {
    max-width: 100%
}

.docs-preview {
    margin-right: -15px
}

.img-preview {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden
}

    .img-preview > img {
        max-width: 100%
    }

.preview-lg {
    width: 100% !important
}

.preview-md {
    width: 139px;
    height: 78px
}

.preview-sm {
    width: 69px;
    height: 39px
}

.preview-xs {
    width: 35px;
    height: 20px;
    margin-right: 0
}

.docs-data > .input-group {
    margin-bottom: 10px
}

    .docs-data > .input-group > label {
        min-width: 80px
    }

    .docs-data > .input-group > span {
        min-width: 50px
    }

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
    margin-right: 5px
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
    margin-bottom: 10px
}

.docs-tooltip {
    display: block;
    margin: -6px -12px;
    padding: 6px 12px
}

    .docs-tooltip > .icon {
        margin: 0 -3px;
        vertical-align: top
    }

.tooltip-inner {
    white-space: normal
}

.btn-upload .tooltip-inner {
    white-space: nowrap
}

@media(max-width: 400px) {
    .btn-group-crop {
        margin-right: -15px !important
    }

        .btn-group-crop > .btn {
            padding-left: 5px;
            padding-right: 5px
        }

        .btn-group-crop .docs-tooltip {
            margin-left: -5px;
            margin-right: -5px;
            padding-left: 5px;
            padding-right: 5px
        }
}

.docs-options .dropdown-menu {
    width: 100%
}

    .docs-options .dropdown-menu > li {
        padding: 3px 20px;
        font-size: 14px
    }

        .docs-options .dropdown-menu > li:hover {
            background-color: #f7f7f7
        }

        .docs-options .dropdown-menu > li > label {
            display: block
        }

.docs-cropped .modal-body {
    text-align: center
}

    .docs-cropped .modal-body > img,
    .docs-cropped .modal-body > canvas {
        max-width: 100%
    }

.card-block .docs-options .dropdown-menu {
    top: inherit
}

label.btn-upload {
    height: 40px
}

.accordion-msg {
    display: block;
    color: #757575;
    padding: 14px 20px;
    border-top: 1px solid #ddd;
    font-weight: 600;
    cursor: pointer
}

    .accordion-msg:hover,
    .accordion-msg:focus {
        text-decoration: none;
        outline: none
    }

.faq-accordion .accordion-desc {
    padding: 20px
}

.accordion-desc {
    color: #222;
    padding: 0 20px 20px
}

#color-accordion .accordion-desc {
    margin-top: 14px
}

.ui-accordion-header-icon {
    float: right;
    font-size: 20px
}

.accordion-title {
    margin-bottom: 0
}

.accordion-block {
    padding: 0
}

    .accordion-block p {
        margin-bottom: 0
    }

.color-accordion-block a:hover,
.color-accordion-block a:focus {
    color: #fff
}

a.bg-default:focus,
a.bg-default:hover {
    background-color: #d9dcde !important;
    color: #fff
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #78b4f6b0 !important;
    color: #fff
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #54d98c !important;
    color: #fff
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #5faee3 !important;
    color: #fff
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #f4d03f !important;
    color: #fff
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #ed7669 !important;
    color: #fff
}

.tab-list p {
    padding: 10px
}

.tab-with-img i {
    position: absolute;
    padding: 5px
}

.tab-icon {
    margin-bottom: 30px
}

    .tab-icon i {
        padding-right: 10px
    }

.tab-below {
    border-top: 1px solid #ddd;
    border-bottom: none
}

    .tab-below.nav-tabs .nav-link.active {
        border-color: transparent #ddd #ddd #ddd
    }

    .tab-below .nav-item,
    .tab-below .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .tab-below a,
    .tab-below .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .tab-below a,
    .tab-below .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .tab-below a,
    .tab-below .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .tab-below a {
        margin-top: -2px
    }

    .tab-below.nav-tabs .nav-link {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

.card-header ~ .tab-icon .tab-with-img .sub-title i {
    right: 10px
}

.tab-with-img .nav-link {
    position: relative
}

.tabs-left,
.tabs-right {
    min-width: 120px;
    vertical-align: top;
    width: 150px
}

.tabs-left,
.tabs-right,
.tabs-left-content,
.tabs-right-content {
    display: table-cell
}

.nav-tabs.tabs-left .slide {
    height: 35px;
    width: 4px;
    bottom: 15px
}

.nav-tabs.tabs-right .slide {
    height: 35px;
    width: 4px;
    bottom: 15px;
    right: 0
}

.product-edit .md-tabs .nav-item a,
.product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a,
.main-menu .main-menu-content .nav-item .tree-1 .product-edit .md-tabs a a,
.product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a,
.main-menu .main-menu-content .nav-item .tree-2 .product-edit .md-tabs a a,
.product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a,
.main-menu .main-menu-content .nav-item .tree-3 .product-edit .md-tabs a a,
.product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a,
.main-menu .main-menu-content .nav-item .tree-4 .product-edit .md-tabs a a {
    padding: 0 0 20px !important
}

.md-tabs.tabs-left .nav-item,
.md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .md-tabs.tabs-left a,
.md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .md-tabs.tabs-left a,
.md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .md-tabs.tabs-left a,
.md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .md-tabs.tabs-left a,
.tabs-left .nav-item,
.tabs-left .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .tabs-left a,
.tabs-left .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .tabs-left a,
.tabs-left .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .tabs-left a,
.tabs-left .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .tabs-left a,
.md-tabs.tabs-right .nav-item,
.md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .md-tabs.tabs-right a,
.md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .md-tabs.tabs-right a,
.md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .md-tabs.tabs-right a,
.md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .md-tabs.tabs-right a,
.tabs-right .nav-item,
.tabs-right .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .tabs-right a,
.tabs-right .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .tabs-right a,
.tabs-right .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .tabs-right a,
.tabs-right .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .tabs-right a {
    width: 100%;
    position: relative
}

.md-tabs {
    position: relative
}

    .md-tabs .nav-item + .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a + .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a + .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a + .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a + .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .nav-item + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-1 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-2 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-2 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-2 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-3 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-3 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-3 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-4 a + a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a + a {
        margin: 0
    }

    .md-tabs .nav-link {
        border: none;
        color: #1b8bf9
    }

    .md-tabs .nav-item,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a {
        background-color: #fff;
        width: 20%;
        text-align: center
    }

    .md-tabs .nav-link:focus,
    .md-tabs .nav-link:hover {
        border: none
    }

    .md-tabs .nav-item .nav-link.active ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a .nav-link.active ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a .nav-link.active ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a .nav-link.active ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a .nav-link.active ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a .nav-link.active ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a .nav-link.active ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a .nav-link.active ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a .nav-link.active ~ .slide {
        opacity: 1;
        transition: all .3s ease-out
    }

    .md-tabs .nav-item .nav-link ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a .nav-link ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a .nav-link ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a .nav-link ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a .nav-link ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a .nav-link ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a .nav-link ~ .slide,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a .nav-link ~ .slide,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a .nav-link ~ .slide {
        opacity: 0;
        transition: all .3s ease-out
    }

    .md-tabs .nav-item.open .nav-link,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link,
    .md-tabs .nav-item.open .nav-link:focus,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link:focus,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link:focus,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link:focus,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link:focus,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link:focus,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link:focus,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link:focus,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link:focus,
    .md-tabs .nav-item.open .nav-link:hover,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link:hover,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link:hover,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link:hover,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link:hover,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link:hover,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link:hover,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link:hover,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link:hover,
    .md-tabs .nav-link.active,
    .md-tabs .nav-link.active:focus,
    .md-tabs .nav-link.active:hover {
        color: #667db6;
        border: none;
        background-color: transparent;
        border-radius: 0;
        outline: none;
    }

    .md-tabs .nav-item:first-child,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a:first-child,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a:first-child,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a:first-child,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a:first-child,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a:first-child,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a:first-child,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a:first-child,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a:first-child {
        border-bottom: 1px solid #ddd
    }

    .md-tabs .nav-item a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a,
    .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a,
    .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a,
    .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a a,
    .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a,
    .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a a {
        padding: 20px 0 !important;
        color: #667db6;
        font-size: 13px;
    }

.nav-tabs .slide {
    background: #667db6;
    width: calc(100%/4);
    height: 4px;
    position: absolute;
    transition: left .3s ease-out;
    bottom: 0
}

    .nav-tabs .slide .nav-item.show .nav-link,
    .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-1 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-1 .nav-tabs .slide a.show .nav-link,
    .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-2 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-2 .nav-tabs .slide a.show .nav-link,
    .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-3 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-3 .nav-tabs .slide a.show .nav-link,
    .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-4 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-4 .nav-tabs .slide a.show .nav-link,
    .nav-tabs .slide .nav-link {
        color: #667db6
    }

.img-tabs img {
    width: 100px;
    margin: 0 auto
}

.img-tabs a {
    opacity: .5;
    transition: all ease-in-out .3s
}

    .img-tabs a span i {
        height: 25px;
        width: 25px;
        border-radius: 100%;
        bottom: 10px;
        right: 70px
    }

    .img-tabs a img {
        border: 3px solid
    }

    .img-tabs a.active {
        opacity: 1;
        transition: all ease-in-out .3s
    }

.img-tabs .nav-item:first-child,
.img-tabs .main-menu .main-menu-content .nav-item .tree-1 a:first-child,
.main-menu .main-menu-content .nav-item .tree-1 .img-tabs a:first-child,
.img-tabs .main-menu .main-menu-content .nav-item .tree-2 a:first-child,
.main-menu .main-menu-content .nav-item .tree-2 .img-tabs a:first-child,
.img-tabs .main-menu .main-menu-content .nav-item .tree-3 a:first-child,
.main-menu .main-menu-content .nav-item .tree-3 .img-tabs a:first-child,
.img-tabs .main-menu .main-menu-content .nav-item .tree-4 a:first-child,
.main-menu .main-menu-content .nav-item .tree-4 .img-tabs a:first-child {
    border-bottom: none
}

#pc-left-panel-menu {
    margin-bottom: 20px
}

.h-active a {
    color: #1b8bf9 !important;
    font-weight: 600
}

.img-circle {
    border-radius: 50%
}

.b-none {
    border: none !important
}

.table.table-xl td,
.table.table-xl th {
    padding: 1.25rem 2rem
}

.table.table-lg td,
.table.table-lg th {
    padding: .9rem 2rem
}

.table.table-de td,
.table.table-de th {
    padding: .75rem 2rem
}

.table.table-sm td,
.table.table-sm th {
    padding: .6rem 2rem
}

.table.table-xs td,
.table.table-xs th {
    padding: .4rem 2rem
}

.table-columned > tbody > tr > td:first-child,
.table-columned > tbody > tr > th:first-child {
    border-left: 0
}

.table-columned > tfoot > tr > td:first-child,
.table-columned > tfoot > tr > th:first-child {
    border-left: 0
}

.table-columned > tbody > tr > td,
.table-columned > tbody > tr > th {
    border: 0;
    border-left: 1px solid #ddd
}

.table-columned > tfoot > tr > td,
.table-columned > tfoot > tr > th {
    border: 0;
    border-left: 1px solid #ddd
}

.table-border-style {
    padding: 0
}

    .table-border-style .table {
        margin-bottom: 0
    }

.table > thead > tr > th {
    border-bottom-color: #ccc;
    border-bottom-width: 1px;
}

.table-borderless tbody tr th,
.table-borderless tbody tr td {
    border: 0
}

.table-bordered > thead > tr.border-solid > td,
.table-bordered > thead > tr.border-solid > th {
    border-bottom-width: 2px
}

.table-bordered > thead > tr.border-solid:first-child > td,
.table-bordered > thead > tr.border-solid:first-child th {
    border-bottom-width: 2px
}

.table-bordered > thead > tr.border-double > td,
.table-bordered > thead > tr.border-double > th {
    border-bottom-width: 3px;
    border-bottom-style: double
}

.table-bordered > thead > tr.border-double:first-child > td,
.table-bordered > thead > tr.border-double:first-child th {
    border-bottom-width: 3px;
    border-bottom-style: double
}

.user-img img,
.rounded-card img {
    margin: 0 auto;
    display: block;
    width: 100%
}

.user-img img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.user-about ul li {
    border-top: 1px solid rgba(204, 204, 204, .28);
    padding: 10px 0 10px 10px;
    text-align: left
}

    .user-about ul li a {
        font-size: 16px;
        color: #666
    }

    .user-about ul li.active a {
        color: #fff
    }

    .user-about ul li.active {
        font-weight: 600;
        background: #1b8bf9
    }

h5,
.card-title {
    margin: 0
}

.card-header.followers a {
    font-weight: 500;
    color: rgba(51, 51, 51, .85)
}

.user-profile {
    padding: 20px 0
}

.follow-btn button:first-child,
.user-about i {
    margin-right: 10px
}

.btn-inline i {
    color: #fff
}

.btn-inline .fb-btn {
    background-color: #3b5998
}

.btn-inline .twitter-btn {
    background-color: #55acee
}

.btn-inline .pinterest-btn {
    background-color: #cb2027
}

.btn-inline .linkedin-btn {
    background-color: #007bb5
}

.btn-inline .dribbble-btn {
    background-color: #ea4c89
}

.user-post {
    font-style: italic
}

.connection-list img,
.list-inline,
.list-inline li,
.earn-heading,
.service-header,
.contact-user img,
.contact-user h4 {
    display: inline-block
}

.connection-list img {
    width: 55px;
    height: 55px;
    margin: 5px
}

.border-post {
    border: 1px solid #ccc
}

.earn-sub-header {
    font-size: 15px;
    color: #ccc
}

.btn-inline {
    margin-top: 20px
}

.order-summary .progress {
    margin-bottom: 32px
}

.services .service-btn::after {
    top: 20px;
    right: 15px
}

.services-list {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .11);
    top: 46px;
    right: 0
}

    .services-list i,
    .contact-menu i,
    .fa-cog {
        margin-right: 10px
    }

.review-star i,
.contact-details table .fa-star,
.contact-details table .fa-star-o {
    color: #667db6
}

    .review-star i:last-child {
        color: #ccc
    }

.card-block.user-info {
    position: absolute;
    width: 100%;
    bottom: 10px
}

.profile-bg-img {
    width: 100%
}

.user-title {
    position: relative;
    bottom: 20px
}

    .user-title h2 {
        color: #fff;
        text-shadow: 1px 1px 4px #373a3c;
        font-size: 20px
    }

.profile-image img {
    border: 4px solid #fff
}

.user-info .media-body,
.user-info .media-left {
    display: table-cell;
    vertical-align: middle
}

.cover-btn {
    bottom: 38px;
    right: 35px;
    position: absolute
}

.cover-profile .profile-bg-img {
    margin-bottom: 25px
}

.contact-user h4 {
    font-size: 20px;
    padding-left: 10px
}

.groups-contact span {
    float: right
}

    .groups-contact span h4 {
        font-size: 18px;
        margin-bottom: 20px
    }

.contact-menu {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .11);
    top: 15%;
    right: 10%
}

    .contact-menu .dropdown-item {
        padding: 8px 20px
    }

.tab-header {
    margin-bottom: 20px
}

.card.user-card {
    border-top: none;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .05), 0 -2px 1px -2px rgba(0, 0, 0, .04), 0 0 0 -1px rgba(0, 0, 0, .05);
    transition: all 150ms linear;
    margin-bottom: 0
}

    .card.user-card:hover {
        box-shadow: 0 0 25px -5px #9e9c9e
    }

.card-header-img ~ .btn-group i {
    margin-right: 0
}

.card.business-info {
    border-top: none;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .05), 0 -2px 1px -2px rgba(0, 0, 0, .04), 0 0 0 -1px rgba(0, 0, 0, .05);
    transition: all 150ms linear
}

    .card.business-info:hover {
        box-shadow: 0 0 25px -5px #9e9c9e
    }

.top-cap-text {
    padding: 20px
}

    .top-cap-text p {
        padding: 10px 0
    }

.user-content {
    text-align: center;
    margin-top: 20px
}

    .user-content h4 {
        font-size: 16px;
        font-weight: 600
    }

    .user-content h5 {
        font-size: 14px
    }

.img-overlay {
    bottom: 0;
    color: #fff;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    transition: all .4s ease-in-out;
    position: absolute;
    transform: scale(0);
    margin: 0 auto
}

    .img-overlay span {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%)
    }

    .img-overlay i {
        margin-right: 0
    }

.img-hover-main {
    padding: 0 40px
}

.img-hover {
    position: relative;
    width: 80%;
    margin: 0 auto
}

    .img-hover:hover .img-overlay {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 50%;
        transform: scale(1);
        margin: 0 auto;
        background-color: rgba(0, 0, 0, .7);
        z-index: 2;
        transition: all .4s ease-in-out
    }

.card-header-img img {
    margin: 0 auto;
    display: block
}

.card-header-img h4 {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.card-header-img h5,
.card-header-img h6 {
    margin-top: 15px;
    font-size: 15px;
    color: #222;
    font-weight: 500;
    text-align: center
}

.simple-cards .btn-group {
    margin: 20px auto 0
}

    .simple-cards .btn-group button {
        margin: 0
    }

.simple-cards .user-card {
    padding: 20px 0;
    text-align: center
}

.card-icon {
    display: block;
    margin-bottom: 5px
}

.btn-outline-primary {
    border-color: #667db6;
    font-weight: 500;
    padding: 10px 16px;
    font-size: 15px
}

    .btn-outline-primary:hover {
        background-color: #78b4f6b0;
        border-color: #78b4f6b0
    }

.simple-cards p {
    margin: 20px;
    font-size: 15px
}

.user-profile #edit-info-btn,
.user-profile #edit-btn {
    margin-bottom: 0
}

.card-block ul.list-contacts,
.card-block.groups-contact ul {
    display: block;
    float: none
}

    .card-block ul.list-contacts li,
    .card-block.groups-contact ul li {
        display: block;
        float: none
    }

ul.list-contacts .list-group-item a {
    color: #292b2c
}

ul.list-contacts .list-group-item.active a {
    color: #fff
}

.card-block.groups-contact {
    margin-bottom: 0
}

.card-block .connection-list {
    margin-bottom: 20px
}

.card-block .pagination li {
    margin-right: 0 !important
}

.table button {
    margin-bottom: 0
}

#crm-contact .img-circle,
img.comment-img {
    width: 40px;
    height: 40px
}

.page-link {
    color: #667db6
}

.page-item.active .page-link {
    background-color: #667db6;
    border-color: #667db6
}

#main {
    margin-bottom: 20px
}

.offline-box iframe {
    width: 100%;
    border: 1px solid #ddd
}

.blog-page {
    border-top: none;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .05), 0 -2px 1px -2px rgba(0, 0, 0, .04), 0 0 0 -1px rgba(0, 0, 0, .05)
}

    .blog-page .blog-box {
        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
        overflow: hidden
    }

        .blog-page .blog-box h5 {
            border-bottom: 1px solid #ccc;
            color: #667db6;
            margin-top: 0;
            padding-bottom: 10px;
            margin-bottom: 15px;
            font-size: 18px;
            display: block
        }

        .blog-page .blog-box .option-font {
            background-color: #667db6;
            border-radius: 50%;
            bottom: 320px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            line-height: 35px;
            text-align: center;
            width: 35px
        }

        .blog-page .blog-box .blog-detail {
            padding: 10px
        }

    .blog-page .blog-img {
        transition: all .3s ease-in-out;
        overflow: hidden;
        margin-bottom: -20px
    }

        .blog-page .blog-img:hover {
            opacity: .8;
            transition: all .3s ease-in-out
        }

        .blog-page .blog-img .sharing {
            position: relative;
            bottom: 50px;
            left: 15px
        }

        .blog-page .blog-img .share {
            background-color: rgba(0, 0, 0, .5);
            border-radius: 5px;
            bottom: 3px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            left: 50px;
            padding: 3px 5px;
            position: absolute
        }

            .blog-page .blog-img .share::before {
                border-bottom: 6px solid transparent;
                border-left: 6px solid transparent;
                border-right: 6px solid rgba(0, 0, 0, .5);
                border-top: 6px solid rgba(0, 0, 0, .5);
                bottom: 8px;
                content: "";
                height: 42%;
                left: -6px;
                position: absolute;
                transform: rotate(-135deg);
                width: 12px
            }

            .blog-page .blog-img .share i {
                color: #fff;
                font-size: 15px;
                border-right: 1px solid #fff;
                padding: 0 5px
            }

                .blog-page .blog-img .share i:last-child {
                    border: none
                }

                .blog-page .blog-img .share i a {
                    padding: 0 5px;
                    color: #fff
                }

.author {
    display: inline-block;
    float: right
}

    .author a {
        font-size: 13px
    }

.blog_post_img h5 {
    display: block
}

.blog-date {
    font-size: 18px;
    padding-bottom: 10px;
    display: block
}

    .blog-date i {
        margin-left: 5px;
        font-size: 14px;
        color: #667db6
    }

    .blog-date .icon-calendar {
        font-size: 16px;
        margin-top: 5px
    }

.day {
    color: #bbb;
    padding-left: 10px;
    font-size: 14px
}

.btn-blog a {
    color: #fff !important
}

.blog-single h4 {
    margin-top: 20px;
    color: #667db6;
    font-weight: 400
}

.blog-single p {
    margin: 20px 0
}

    .blog-single p:last-child {
        color: #777
    }

.blog-single .qutoe-text {
    font-size: 15px;
    color: #667db6;
    border-left: 3px solid #667db6;
    padding-left: 25px;
    font-weight: 400
}

.blog-single img:first-child {
    width: 100%
}

.blog-article .articles img {
    width: 100%
}

.blog-big-user h6,
.blog-big-user p {
    color: #757575
}

.blog-s-reply h6 {
    color: #667db6
}

.shares-like li:first-child,
.shares-like li i {
    color: #777
}

.blog-tag li {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #ccc;
    margin-right: 15px
}

    .blog-tag li a,
    .blog-tag li i {
        color: #777
    }

    .blog-tag li:first-child {
        border: none;
        padding: 5px 0
    }

    .blog-tag li i {
        font-size: 20px;
        vertical-align: middle
    }

.shares-like li {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px
}

    .shares-like li:first-child {
        font-size: 17px
    }

    .shares-like li i {
        color: #fff
    }

.shares-like .btn-facebook,
.shares-like .btn-twitter,
.shares-like .btn-google-plus,
.shares-like .btn-linkedin,
.shares-like .btn-pinterest {
    color: #fff;
    padding: 10px 15px;
    display: inline-block
}

.btn-facebook i,
.btn-twitter i,
.btn-linkedin i,
.btn-dribbble i,
.btn-google-plus i,
.btn-instagram i,
.btn-pinterest i,
.btn-dropbox i,
.btn-flickr i,
.btn-tumblr i,
.btn-skype i,
.btn-youtube i,
.btn-github i {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 3px 0 0 3px;
    margin: -7px 0 -7px -13px
}

.blog-article .articles h6 {
    padding-top: 20px;
    font-weight: 400
}

.blog-article .articles a {
    font-weight: 400;
    font-size: 15px;
    color: #667db6;
    margin: 20px 0;
    display: block
}

.blog-s-reply h6 span {
    font-size: 12px;
    color: #777;
    margin-left: 5px
}

.blog-u-comment span {
    font-size: 14px
}

.blog-u-comment .blog-reply a,
.blog-u-comment .blog-edit a {
    margin-right: 10px;
    font-size: 12px
}

.system_font_color {
    font-size: 18px;
    color: #667db6
}

    .system_font_color a {
        color: #667db6;
        margin-left: 5px
    }

.port_detail_next_search h5 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    display: block;
    font-weight: light
}

.port_detail_next_search a {
    color: #333;
    transition: all .3s 0s
}

    .port_detail_next_search a i {
        float: right;
        margin-top: 6px
    }

.blog_detail_social_icon span {
    font-size: 18px;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 10px;
    transition: all .5s ease;
    display: inline-block;
    margin-bottom: 10px
}

    .blog_detail_social_icon span:hover {
        background-color: #667db6;
        color: #fff
    }

.latest_blog h5 a {
    color: #333;
    font-weight: 600
}

.gallery-page .card-block {
    margin-bottom: -20px
}

.thumbnail {
    margin-bottom: 20px
}

    .thumbnail .thumb {
        position: relative;
        display: block
    }

.card.gallery-desc {
    box-shadow: 0 0 1px 2px rgba(128, 128, 128, .16)
}

.masonry-media {
    overflow: hidden;
    transition: all .5s
}

    .masonry-media img:hover {
        transform: scale(1.1);
        overflow: hidden;
        transition: all .5s
    }

.masonry-image .masonry-media {
    margin-bottom: 20px
}

figure.effect-goliath {
    background: #667db6
}

.ct-series-a .ct-line {
    stroke: #1ce3bb
}

.ct-series-b .ct-line {
    stroke: rgba(255, 157, 136, .62)
}

.ct-series-c .ct-line {
    stroke: rgba(79, 84, 103, .45)
}

.ct-series-d .ct-line {
    stroke: rgba(129, 142, 219, .61)
}

.ct-series-a .ct-point,
.ct-series-b .ct-point,
.ct-series-c .ct-point,
.ct-series-d .ct-point {
    stroke: rgba(52, 54, 70, .47);
    stroke-width: 8px;
    stroke-linecap: round
}

.ct-series-a .ct-slice-donut {
    stroke: #01c0c8
}

.ct-series-b .ct-slice-donut {
    stroke: #83d6de
}

.ct-series-c .ct-slice-donut {
    stroke: #667db6
}

.ct-series-d .ct-slice-donut {
    stroke: #4f5467
}

.task-list select {
    width: 92%
}

    .task-list select .task-list img {
        margin-right: 5px;
        display: inline-block
    }

.task-list input {
    width: 92%
}

.task-list-table img {
    width: 40px
}

    .task-list-table img i {
        color: #333;
        margin-right: 5px
    }

.task-page td:last-child {
    position: relative
}

.task-page a {
    cursor: pointer
}

.task-page tr td:last-child i {
    margin-right: 10px
}

.thumb-img {
    position: relative;
    display: block
}

    .thumb-img:hover .caption-hover {
        background-color: rgba(0, 0, 0, .7);
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
        position: absolute;
        width: 100%;
        height: 100%
    }

.caption-hover {
    top: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .15s ease-in-out
}

    .caption-hover > span {
        top: 38%;
        width: 100%;
        position: absolute;
        text-align: center
    }

.media .b-2-primary {
    border: 2px solid #667db6
}

.thumb-block {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    padding: 3px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    transition: border .2s ease-in-out
}

    .thumb-block a {
        font-size: 12px
    }

    .thumb-block i {
        margin-right: 0
    }

.comment-block i {
    margin-right: 0
}

.dropdown-item {
    color: #666;
    padding: 6px 20px
}

    .dropdown-item.active,
    .dropdown-item:active {
        background-color: #667db6
    }

.task-detail-right .counter {
    text-align: center;
    color: #777
}

.task-details .table.table-xs td,
.task-details .table.table-xs th {
    padding: 1rem .3rem
}

.assign-user .media-left img {
    margin-bottom: 0
}

.photo-table img {
    display: inline-block;
    width: 40px;
    margin-bottom: 5px
}

.v-middle {
    vertical-align: middle
}

.revision-block .form-group {
    margin-bottom: 0
}

.revision-block i {
    margin-right: 0
}

.task-setting .switchery {
    display: block !important;
    float: right
}

.task-setting .form-group {
    margin-bottom: 0
}

.task-attachment i {
    cursor: pointer
}

.nav-item .active {
    background-color: red
}

.nav-item .inactive {
    background-color: blue
}

.filter-bar .nav,
.filter-bar .nav-item,
.filter-bar .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .filter-bar a,
.filter-bar .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .filter-bar a,
.filter-bar .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .filter-bar a,
.filter-bar .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .filter-bar a {
    display: inline-block
}

.filter-bar > .navbar {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 3px 1px -2px rgba(0, 0, 0, .08), 0 1px 5px 0 rgba(0, 0, 0, .08);
    padding: .5rem 1rem
}

.navbar-nav .nav-item,
.navbar-nav .main-menu .main-menu-content .nav-item .tree-1 a,
.main-menu .main-menu-content .nav-item .tree-1 .navbar-nav a,
.navbar-nav .main-menu .main-menu-content .nav-item .tree-2 a,
.main-menu .main-menu-content .nav-item .tree-2 .navbar-nav a,
.navbar-nav .main-menu .main-menu-content .nav-item .tree-3 a,
.main-menu .main-menu-content .nav-item .tree-3 .navbar-nav a,
.navbar-nav .main-menu .main-menu-content .nav-item .tree-4 a,
.main-menu .main-menu-content .nav-item .tree-4 .navbar-nav a {
    float: left;
    line-height: 26px
}

.nav-item button i,
.main-menu .main-menu-content .nav-item .tree-1 a button i,
.main-menu .main-menu-content .nav-item .tree-2 a button i,
.main-menu .main-menu-content .nav-item .tree-3 a button i,
.main-menu .main-menu-content .nav-item .tree-4 a button i {
    margin-right: 0
}

.filter-bar .navbar-light .navbar-nav .nav-link {
    font-weight: bold;
    margin-right: 10px
}

.card-footer .task-list-table,
.card-footer .task-list-table a img {
    display: inline-block
}

.task-board {
    margin-top: 10px;
    float: right
}

    .task-board .dropdown {
        display: inline-block
    }

p.task-detail {
    margin-bottom: 5px
}

p.task-due {
    margin-bottom: 0
}

.task-right-header-status,
.task-right-header-users,
.task-right-header-revision {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #ccc
}

.taskboard-right-progress,
.taskboard-right-users,
.taskboard-right-revision {
    margin-top: 10px
}

.task-right h6 {
    font-size: 12px
}

.task-right .icofont {
    margin-top: 5px
}

.taskboard-right-revision .media .media-body .chat-header {
    font-size: 13px
}

.media-left i {
    margin-right: 0
}

.nav-item.nav-grid,
.main-menu .main-menu-content .nav-item .tree-1 a.nav-grid,
.main-menu .main-menu-content .nav-item .tree-2 a.nav-grid,
.main-menu .main-menu-content .nav-item .tree-3 a.nav-grid,
.main-menu .main-menu-content .nav-item .tree-4 a.nav-grid {
    float: right
}

.faq-progress .progress {
    position: relative;
    background-color: #eeeded;
    height: 10px
}

    .faq-progress .progress .faq-text1,
    .faq-progress .progress .faq-text2,
    .faq-progress .progress .faq-text3,
    .faq-progress .progress .faq-text4,
    .faq-progress .progress .faq-text5 {
        font-weight: 600;
        margin-right: -37px
    }

    .faq-progress .progress .faq-bar1,
    .faq-progress .progress .faq-bar2,
    .faq-progress .progress .faq-bar3,
    .faq-progress .progress .faq-bar4,
    .faq-progress .progress .faq-bar5 {
        background: #29aecc;
        height: 10px;
        border-radius: 0;
        position: absolute;
        top: 0%
    }

    .faq-progress .progress .faq-bar1 {
        background-color: #f1c40f
    }

    .faq-progress .progress .faq-text1 {
        color: #2196f3
    }

    .faq-progress .progress .faq-bar2,
    .faq-progress .progress .faq-bar5 {
        background-color: #2ecc71
    }

    .faq-progress .progress .faq-text2,
    .faq-progress .progress .faq-text5 {
        color: #4caf50
    }

    .faq-progress .progress .faq-bar3 {
        background-color: #e74c3c
    }

    .faq-progress .progress .faq-text3 {
        color: #ff5252
    }

    .faq-progress .progress .faq-bar4 {
        background-color: #667db6
    }

    .faq-progress .progress .faq-text4 {
        color: #f57c00
    }

.card-faq h4 {
    color: #2196f3
}

.faq-progress .progress {
    margin-bottom: 10px
}

.issue-list-progress {
    border-bottom: 1px solid #ccc
}

    .issue-list-progress .progress {
        position: relative;
        background-color: #eeeded;
        height: 9px;
        width: 100%;
        margin: 20px 0;
        overflow: visible
    }

.issue-progress .progress .issue-text1 {
    font-weight: 600;
    position: absolute
}

.issue-progress .progress .issue-bar1 {
    background: #667db6;
    height: 10px;
    border-radius: 0;
    position: absolute;
    top: 0%
}

.matrics-issue .sub-title {
    padding-top: 20px;
    padding-bottom: 10px;
    display: block
}

.bg-white {
    background-color: #fff !important
}

.matrics-issue div h6 {
    padding-top: 10px;
    color: #777
}

table.matrics-table tr:first-child td {
    border-top: none !important
}

#issue-list-table > thead > tr > th {
    border-bottom: none
}

.prod-img {
    position: relative
}

.prod-item .prod-img .option-hover {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    left: 0
}

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: transform
}

.prod-img .p-new a {
    position: absolute;
    top: 15px;
    right: 0;
    padding: 8px 13px;
    line-height: 1;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 2px 0 0 2px;
    background: #3498db;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600
}

.prod-info a {
    font-size: 18px
}

.prod-info .br-wrapper {
    margin: 0 auto 20px
}

.prod-info .br-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0
}

.prod-info h6 {
    font-size: 18px;
    font-weight: 600
}

.prod-view:hover .option-hover {
    display: inline-block;
    transition: all .2s ease;
    z-index: 1
}

.prod-item .prod-info {
    background: #fff;
    padding: 30px 0 20px
}

.prod-item .br-widget {
    min-height: inherit
}

.prod-img .p-sale {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 40px;
    height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 50%;
    background-color: #ff5252;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 11px 4px
}

.prod-info .br-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0
}

.option-icon i {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 36px;
    margin: 30px 0;
    padding: 17px 5px
}

.product-detail-page {
    border-top: none
}

.product-detail .br-wrapper {
    margin: 10px 0
}

.product-detail .product-detail .btn i {
    margin-right: 0
}

.product-detail .br-widget {
    min-height: 35px;
    margin-top: 0;
    display: block
}

.product-detail .btn-number {
    background-color: #e0e0e0;
    border-color: #d4d4d4;
    border-radius: 0;
    color: #000
}

.product-detail .product-price {
    display: inline-block;
    margin-right: 50px;
    font-size: 24px
}

.product-detail .pro-desc {
    margin-top: 15px;
    margin-bottom: 15px
}

.product-detail hr {
    margin-top: 15px;
    margin-bottom: 15px
}

#small_banner .slick-slide {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

#small_banner img {
    cursor: pointer
}

#small_banner .slick-center {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

#small_banner:hover .slick-prev {
    left: 0;
    transition: all ease-in .3s
}

#small_banner:hover .slick-next {
    right: 0;
    transition: all ease-in .3s
}

.port_details_all_img {
    overflow: hidden
}

.slick-prev {
    left: -45px;
    z-index: 1;
    height: 100%;
    background: rgba(0, 0, 0, .62);
    width: 4%;
    transition: all ease-in .3s
}

    .slick-prev:hover,
    .slick-prev:focus {
        color: transparent;
        outline: none;
        background: rgba(0, 0, 0, .8)
    }

.slick-next {
    right: -45px;
    z-index: 1;
    height: 100%;
    background: rgba(0, 0, 0, .62);
    width: 4%;
    transition: all ease-in .3s
}

    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: rgba(0, 0, 0, .8)
    }

.counter-input .input-group {
    width: 20%
}

.pro-det-tab .tab-content {
    border: 1px solid #ccc;
    border-top: 0;
}

.big_banner .port_big_img {
    margin-bottom: 15px
}

.cd-price .cd-price-month {
    font-size: 64px
}

.product-edit .br-wrapper {
    margin: 10px 0 30px
}

.addcontact .md-content > div ul {
    padding-left: 0
}

.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body p {
    overflow: hidden;
    margin-bottom: 0
}

.panels-wells .panel {
    margin-bottom: 20px
}

    .panels-wells .panel .panel-body {
        padding: 15px
    }

.panel-heading {
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #fafafa;
    border-top: 1px solid #eee;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.search-result .card {
    border-top: none;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15)
}

.seacrh-header {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.search-content img {
    width: 120px
}

.search-content {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc
}

    .search-content:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

.search-result i {
    float: right
}

.search2 .card-block:first-child {
    padding-top: 0
}

.cart-page .wizard > .content > .body {
    width: 100%;
    padding: 0
}

.wizard > .content > .body {
    width: 100%
}

.payment-card {
    border: 1px solid #ccc;
    border-radius: 0;
    margin-bottom: 15px;
    padding: 20px
}

    .payment-card table {
        margin-bottom: 0
    }

.confirmation {
    text-align: center;
    font-size: 80px
}

.confirmation-icon {
    color: #e74c3c
}

.width-100 {
    width: 100%
}

.post-input {
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    resize: none
}

.file-upload-lbl {
    max-width: 15px;
    padding: 5px 0 0
}

.post-new-footer {
    border-top: 1px solid #ccc
}

    .post-new-footer i {
        font-size: 18px;
        margin-right: 15px;
        cursor: pointer
    }

.input-group span {
    cursor: pointer
}

.input-group a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px
}

.msg-send {
    background-color: #f3f3f3
}

    .msg-send:focus {
        background-color: #f3f3f3
    }

.wall-dropdown:after {
    position: absolute;
    top: 20px;
    right: 15px;
    cursor: pointer
}

.wall-img-preview {
    display: inline-block;
    text-align: center
}

    .wall-img-preview .wall-item {
        display: block;
        float: left;
        position: relative;
        overflow: hidden;
        border: 2px solid #fff;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

        .wall-img-preview .wall-item:first-child:nth-last-child(2),
        .wall-img-preview .wall-item:first-child:nth-last-child(2) ~ div {
            width: 50%
        }

        .wall-img-preview .wall-item > img {
            display: none
        }

        .wall-img-preview .wall-item:first-child:nth-last-child(2),
        .wall-img-preview .wall-item:first-child:nth-last-child(2) ~ div {
            width: 50%
        }

        .wall-img-preview .wall-item:first-child:nth-last-child(3),
        .wall-img-preview .wall-item:first-child:nth-last-child(3) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(4),
        .wall-img-preview .wall-item:first-child:nth-last-child(4) ~ div:not(:last-child),
        .wall-img-preview .wall-item:first-child:nth-last-child(5),
        .wall-img-preview .wall-item:first-child:nth-last-child(5) ~ div:not(:nth-last-of-type(-n+2)),
        .wall-img-preview .wall-item:first-child:nth-last-child(6),
        .wall-img-preview .wall-item:first-child:nth-last-child(6) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(7) ~ div:nth-last-of-type(-n+3),
        .wall-img-preview .wall-item:first-child:nth-last-child(9),
        .wall-img-preview .wall-item:first-child:nth-last-child(9) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(10),
        .wall-img-preview .wall-item:first-child:nth-last-child(10) ~ div:not(:last-child),
        .wall-img-preview .wall-item:first-child:nth-last-child(11) ~ div:nth-last-of-type(-n+3) {
            width: 33.333333%
        }

            .wall-img-preview .wall-item:first-child:nth-last-child(5) ~ div:nth-last-of-type(-n+2) {
                width: 50%
            }

        .wall-img-preview .wall-item:first-child:nth-last-child(7),
        .wall-img-preview .wall-item:first-child:nth-last-child(7) ~ div:not(:nth-last-of-type(-n+3)),
        .wall-img-preview .wall-item:first-child:nth-last-child(11),
        .wall-img-preview .wall-item:first-child:nth-last-child(11) ~ div:not(:nth-last-of-type(-n+3)),
        .wall-img-preview .wall-item:first-child:nth-last-child(8),
        .wall-img-preview .wall-item:first-child:nth-last-child(8) ~ div,
        .wall-img-preview .wall-item:first-child:nth-last-child(12),
        .wall-img-preview .wall-item:first-child:nth-last-child(12) ~ div {
            width: 25%
        }

        .wall-img-preview .wall-item:only-child,
        .wall-img-preview .wall-item:first-child:nth-last-child(4) ~ div:nth-child(4),
        .wall-img-preview .wall-item:first-child:nth-last-child(10) ~ div:nth-child(10) {
            width: 100%
        }

.fb-timeliner h2 {
    background: #667db6;
    color: #fff;
    margin-top: 0;
    padding: 15px;
    font-size: 16px;
    border-radius: 2px;
    -webkit-border-radius: 4px;
    font-weight: 300
}

.fb-timeliner ul {
    margin-left: 15px;
    margin-bottom: 20px
}

    .fb-timeliner ul li {
        margin-bottom: 3px
    }

        .fb-timeliner ul li a {
            color: #999797;
            border-left: 4px solid #d3d7dd;
            padding-left: 10px;
            padding-top: 3px;
            padding-bottom: 3px;
            display: block
        }

            .fb-timeliner ul li a:hover {
                color: #999797;
                border-left: 4px solid #b1b1b1;
                padding-left: 10px
            }

        .fb-timeliner ul li.active a {
            color: #7a7a7a;
            border-left: 4px solid #7a7a7a;
            padding-left: 10px
        }

.dotted-line-theme .no_edit {
    width: 100% !important
}

    .dotted-line-theme .no_edit .i_text {
        font-size: 13px
    }

.dotted-line-theme .no_edit {
    padding: 15px 2px
}

.dotted-line-theme .just_edit input[type=radio] {
    opacity: 0
}

.dotted-line-theme .ibtn_container {
    padding-left: 0;
    margin-top: 2px;
    position: absolute;
    top: 16px;
    z-index: 999
}

    .dotted-line-theme .ibtn_container i {
        color: #fff
    }

#msform #progressbar li.active {
    color: #667db6
}

    #msform #progressbar li.active:before,
    #progressbar li.active:after {
        background: #667db6
    }

#msform a {
    color: #667db6;
    font-weight: 600
}

.invoice-contact {
    display: flex;
    margin-bottom: 30px;
    padding-top: 30px;
    align-items: center
}

.invoice-table {
    border-left: 1px solid #fff;
    padding-left: 20px
}

    .invoice-table td,
    .invoice-table th {
        border-top: none;
        padding: 3px 0
    }

    .invoice-table > tbody > tr:last-child > td,
    .invoice-table > tfoot > tr:last-child > td {
        padding-bottom: 0
    }

.invoice-box h1 {
    font-size: 7rem
}

.invoice-order {
    padding-left: 0
}

    .invoice-order th:first-child {
        padding-left: 0;
        width: 80px
    }

.invoice-detail-table th:first-child {
    width: 450px;
    text-align: left
}

.invoice-detail-table thead th {
    text-align: center
}

.invoice-detail-table td {
    vertical-align: middle;
    text-align: center
}

    .invoice-detail-table td:first-child {
        text-align: left
    }

.invoice-total {
    background: #f3f3f3;
    padding: 30px 0
}

    .invoice-total th,
    .invoice-total td {
        text-align: right
    }

    .invoice-total td {
        padding-left: 30px
    }

.invoive-info {
    display: flex;
    margin-bottom: 30px
}

    .invoive-info h6 {
        margin-bottom: 20px;
        text-transform: uppercase;
        font-weight: 600;
        color: #757575
    }

.invoice-total tbody {
    padding-right: 20px;
    float: right
}

.dropdown-menu {
    left: initial;
    right: 0
}

    .dropdown-menu i {
        margin-right: 5px
    }

.grid-layout span {
    display: block;
    border: 1px solid #ddd;
    padding: 10px
}

.vertical-alignment .row {
    padding: 15px 0;
    min-height: 10rem;
    border: 1px solid #ddd
}

.inte-benifits {
    border: 1px solid #ddd
}

    .inte-benifits ul {
        list-style: square;
        padding-left: 20px
    }

.version .card-block {
    padding: 0
}

.card.version .card-header .card-header-right {
    background-color: #fff;
    top: 8px
}

.version .nav {
    display: block
}

    .version .nav li {
        display: block;
        padding: 10px 20px;
        cursor: pointer
    }

        .version .nav li:hover {
            background-color: #f6f7f7
        }

        .version .nav li a {
            color: #666
        }

        .version .nav li span {
            position: absolute;
            right: 20px
        }

.version .navigation-header a {
    color: #999
}

.support-btn {
    padding: 20px
}

.version .nav li:first-child {
    border-top: 1px solid #ddd;
    color: #666
}

.dd-w,
.sp-container {
    z-index: 99
}

.theme-loader {
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 999999
}

@-webkit-keyframes ball-scale {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

.ball-scale {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 45%;
    width: 100%
}

    .ball-scale > div {
        -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
        animation: ball-scale 1s 0s ease-in-out infinite;
        background-color: #148f77;
        border-radius: 100px;
        display: inline-block;
        height: 60px;
        width: 60px
    }

.color-1 {
    background: #2c3e50
}

.color-2 {
    background: #3498db
}

.color-3 {
    background: #0c7096
}

.color-4 {
    background: #36c7c7
}

.color-5 {
    background: #0f9da5
}

.color-6 {
    background: #fb6868
}

.color-picker {
    position: fixed;
    right: 0;
    top: 150px;
    width: 239px;
    background: #fff;
    z-index: 999999;
    -webkit-transition: all .3s ease
}

    .color-picker a.handle {
        border: 1px solid #2c3e50;
        border-right-color: transperant;
        border-left-color: none;
        position: absolute;
        top: 0;
        right: 239px;
        width: 50px;
        height: 50px;
        text-align: center;
        background: #fff;
        z-index: 9999;
        transition: all ease-in .3s
    }

        .color-picker a.handle:hover {
            background: #4a6076;
            transition: all ease-in .3s
        }

            .color-picker a.handle:hover i {
                color: #fff;
                transition: all ease-in .3s
            }

        .color-picker a.handle i {
            color: #2c3e50;
            font-size: 25px;
            line-height: 50px
        }

    .color-picker .settings-header {
        background: #2c3e50;
        height: 50px;
        padding: 15px 34px 0
    }

        .color-picker .settings-header h3 {
            color: #fff;
            font-size: 16px;
            line-height: 16px;
            margin-bottom: 0;
            padding: 0 0 5px;
            margin-top: 0
        }

    .color-picker .section:last-child {
        border-bottom: 1px solid #2c3e50
    }

    .color-picker .section {
        padding: 20px 14px;
        border-bottom: 1px solid #2c3e50;
        border-left: 1px solid #2c3e50;
        overflow: hidden
    }

        .color-picker .section h3 {
            font-size: 16px;
            text-transform: none;
            color: #3c3c3c;
            line-height: 16px;
            padding: 0;
            margin-bottom: 20px;
            text-align: left
        }

        .color-picker .section i {
            font-size: 16px;
            margin-right: 10px
        }

    .color-picker span {
        font-size: 13px;
        color: #9a9a9a
    }

    .color-picker .colors a {
        display: block;
        border-radius: 10px;
        width: 30px;
        height: 30px;
        margin-left: 0;
        margin-bottom: 10px;
        margin-right: 5px;
        float: left;
        transition: all ease-in .3s
    }

        .color-picker .colors a:hover {
            box-shadow: 0 0 2px 1px rgba(247, 54, 121, .58);
            transition: all ease-in .3s
        }

    .color-picker .skin a {
        display: block;
        width: 70px;
        height: 30px;
        margin-left: 0;
        margin-top: 0;
        margin-right: 5px;
        float: left;
        text-align: center;
        line-height: 30px;
        border: 2px transparent solid
    }

        .color-picker .skin a.actt {
            border: 2px #fff solid
        }

#sessionTimeout-dialog .close {
    display: none
}

.generic-card-body code {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px
}

.generic-image-body li {
    padding: 0 20px;
    display: inline-block
}

.generic-image-body code {
    display: block
}

.generic-image-body img {
    display: block;
    margin: 10px auto 0
}

.p-0 {
    padding: 0
}

.p-5 {
    padding: 5px
}

.p-10 {
    padding: 10px
}

.p-15 {
    padding: 15px
}

.p-20 {
    padding: 20px
}

.p-25 {
    padding: 25px
}

.p-30 {
    padding: 30px
}

.p-35 {
    padding: 35px
}

.p-40 {
    padding: 40px
}

.p-45 {
    padding: 45px
}

.p-50 {
    padding: 50px
}

.p-t-0 {
    padding-top: 0 !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-t-45 {
    padding-top: 45px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.p-b-0 {
    padding-bottom: 0 !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-b-45 {
    padding-bottom: 45px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.p-l-0 {
    padding-left: 0
}

.p-l-5 {
    padding-left: 5px
}

.p-l-10 {
    padding-left: 10px
}

.p-l-15 {
    padding-left: 15px
}

.p-l-20 {
    padding-left: 20px
}

.p-l-25 {
    padding-left: 25px
}

.p-l-30 {
    padding-left: 30px
}

.p-l-35 {
    padding-left: 35px
}

.p-l-40 {
    padding-left: 40px
}

.p-l-45 {
    padding-left: 45px
}

.p-l-50 {
    padding-left: 50px
}

.p-r-0 {
    padding-right: 0
}

.p-r-5 {
    padding-right: 5px
}

.p-r-10 {
    padding-right: 10px
}

.p-r-15 {
    padding-right: 15px
}

.p-r-20 {
    padding-right: 20px
}

.p-r-25 {
    padding-right: 25px
}

.p-r-30 {
    padding-right: 30px
}

.p-r-35 {
    padding-right: 35px
}

.p-r-40 {
    padding-right: 40px
}

.p-r-45 {
    padding-right: 45px
}

.p-r-50 {
    padding-right: 50px
}

.m-0 {
    margin: 0
}

.m-5 {
    margin: 5px
}

.m-10 {
    margin: 10px
}

.m-15 {
    margin: 15px
}

.m-20 {
    margin: 20px
}

.m-25 {
    margin: 25px
}

.m-30 {
    margin: 30px
}

.m-35 {
    margin: 35px
}

.m-40 {
    margin: 40px
}

.m-45 {
    margin: 45px
}

.m-50 {
    margin: 50px
}

.m-t-0 {
    margin-top: 0
}

.m-t-5 {
    margin-top: 5px
}

.m-t-10 {
    margin-top: 10px
}

.m-t-15 {
    margin-top: 15px
}

.m-t-20 {
    margin-top: 20px
}

.m-t-25 {
    margin-top: 25px
}

.m-t-30 {
    margin-top: 30px
}

.m-t-35 {
    margin-top: 35px
}

.m-t-40 {
    margin-top: 40px
}

.m-t-45 {
    margin-top: 45px
}

.m-t-50 {
    margin-top: 50px
}

.m-b-0 {
    margin-bottom: 0
}

.m-b-5 {
    margin-bottom: 5px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-b-20 {
    margin-bottom: 20px
}

.m-b-25 {
    margin-bottom: 25px
}

.m-b-30 {
    margin-bottom: 30px
}

.m-b-35 {
    margin-bottom: 35px
}

.m-b-40 {
    margin-bottom: 40px
}

.m-b-45 {
    margin-bottom: 45px
}

.m-b-50 {
    margin-bottom: 50px
}

.m-l-0 {
    margin-left: 0
}

.m-l-5 {
    margin-left: 5px
}

.m-l-10 {
    margin-left: 10px
}

.m-l-15 {
    margin-left: 15px
}

.m-l-20 {
    margin-left: 20px
}

.m-l-25 {
    margin-left: 25px
}

.m-l-30 {
    margin-left: 30px
}

.m-l-35 {
    margin-left: 35px
}

.m-l-40 {
    margin-left: 40px
}

.m-l-45 {
    margin-left: 45px
}

.m-l-50 {
    margin-left: 50px
}

.m-r-0 {
    margin-right: 0
}

.m-r-5 {
    margin-right: 5px
}

.m-r-10 {
    margin-right: 10px
}

.m-r-15 {
    margin-right: 15px
}

.m-r-20 {
    margin-right: 20px
}

.m-r-25 {
    margin-right: 25px
}

.m-r-30 {
    margin-right: 30px
}

.m-r-35 {
    margin-right: 35px
}

.m-r-40 {
    margin-right: 40px
}

.m-r-45 {
    margin-right: 45px
}

.m-r-50 {
    margin-right: 50px
}

.b-radius-0 {
    border-radius: 0 !important
}

.b-radius-5 {
    border-radius: 5px !important
}

.b-radius-10 {
    border-radius: 10px !important
}

.f-12 {
    font-size: 12px
}

.f-14 {
    font-size: 14px
}

.f-16 {
    font-size: 16px
}

.f-18 {
    font-size: 18px
}

.f-20 {
    font-size: 20px
}

.f-22 {
    font-size: 22px
}

.f-24 {
    font-size: 24px
}

.f-26 {
    font-size: 26px
}

.f-28 {
    font-size: 28px
}

.f-30 {
    font-size: 30px
}

.f-32 {
    font-size: 32px
}

.f-34 {
    font-size: 34px
}

.f-36 {
    font-size: 36px
}

.f-38 {
    font-size: 38px
}

.f-40 {
    font-size: 40px
}

.f-42 {
    font-size: 42px
}

.f-44 {
    font-size: 44px
}

.f-46 {
    font-size: 46px
}

.f-48 {
    font-size: 48px
}

.f-50 {
    font-size: 50px
}

.f-52 {
    font-size: 52px
}

.f-54 {
    font-size: 54px
}

.f-56 {
    font-size: 56px
}

.f-58 {
    font-size: 58px
}

.f-60 {
    font-size: 60px
}

.f-62 {
    font-size: 62px
}

.f-64 {
    font-size: 64px
}

.f-66 {
    font-size: 66px
}

.f-68 {
    font-size: 68px
}

.f-70 {
    font-size: 70px
}

.f-72 {
    font-size: 72px
}

.f-74 {
    font-size: 74px
}

.f-76 {
    font-size: 76px
}

.f-78 {
    font-size: 78px
}

.f-80 {
    font-size: 80px
}

.f-w-100 {
    font-weight: 100
}

.f-w-300 {
    font-weight: 300
}

.f-w-400 {
    font-weight: 400
}

.f-w-600 {
    font-weight: 600
}

.f-w-700 {
    font-weight: 700
}

.f-w-900 {
    font-weight: 900
}

.f-s-normal {
    font-style: normal
}

.f-s-italic {
    font-style: italic
}

.f-s-oblique {
    font-style: oblique
}

.f-s-initial {
    font-style: initial
}

.f-s-inherit {
    font-style: inherit
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-capitalize {
    text-align: capitalize
}

.text-uppercase {
    text-align: uppercase
}

.text-lowercase {
    text-align: lowercase
}

.text-overline {
    text-decoration: overline
}

.text-line-through {
    text-decoration: line-through
}

.text-underline {
    text-decoration: underline
}

.baseline {
    vertical-align: baseline
}

.sub {
    vertical-align: sub
}

.super {
    vertical-align: super
}

.top {
    vertical-align: top
}

.text-top {
    vertical-align: text-top
}

.middle {
    vertical-align: middle
}

.bottom {
    vertical-align: bottom
}

.text-bottom {
    vertical-align: text-bottom
}

.initial {
    vertical-align: initial
}

.inherit {
    vertical-align: inherit
}

.pos-static {
    position: static
}

.pos-absolute {
    position: absolute
}

.pos-fixed {
    position: fixed
}

.pos-relative {
    position: relative
}

.pos-initial {
    position: initial
}

.pos-inherit {
    position: inherit
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.f-none {
    float: none
}

.o-hidden {
    overflow: hidden
}

.o-visible {
    overflow: visible
}

.o-auto {
    overflow: auto
}

.img-20 {
    width: 20px
}

.img-30 {
    width: 30px
}

.img-40 {
    width: 40px
}

.img-50 {
    width: 50px
}

.img-60 {
    width: 60px
}

.img-70 {
    width: 70px
}

.img-80 {
    width: 80px
}

.img-90 {
    width: 90px
}

.img-100 {
    width: 100px
}

.text-primary {
    color: #667db6 !important
}

.text-warning {
    color: #f1c40f !important
}

.text-default {
    color: #bdc3c7 !important
}

.text-danger {
    color: #e74c3c !important
}

.text-success {
    color: #2ecc71 !important
}

.text-inverse {
    color: #34495e !important
}

.text-info {
    color: #3498db !important
}

.text-custom {
    color: #64b0f2 !important
}

.text-pink {
    color: #ff7aa3 !important
}

.text-muted {
    color: #777 !important
}

.text-dark {
    color: #2b3d51 !important
}

.text-purple {
    color: #9261c6 !important
}

.text-muted {
    color: #777 !important
}

.label {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: capitalize
}

.label-primary {
    background-color: #667db6
}

.label-warning {
    background-color: #f1c40f
}

.label-default {
    background-color: #bdc3c7
}

.label-danger {
    background-color: #e74c3c
}

.label-success {
    background-color: #2ecc71
}

.label-inverse {
    background-color: #34495e
}

.label-info {
    background-color: #3498db
}

.badge-primary {
    background-color: #667db6
}

.badge-warning {
    background-color: #f1c40f
}

.badge-default {
    background-color: #bdc3c7
}

.badge-danger {
    background-color: #e74c3c
}

.badge-success {
    background-color: #2ecc71
}

.badge-inverse {
    background-color: #34495e
}

.badge-info {
    background-color: #3498db
}

.bg-color-box {
    text-align: center;
    display: inline-block;
    padding: 10px 20px;
    box-shadow: 0 0 5px 0 rgba(128, 128, 128, .49);
    font-weight: 600;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer
}

    .bg-color-box span {
        color: #fff
    }

.bg-primary {
    background-color: #667db6 !important;
    color: #fff
}

.bg-warning {
    background-color: #f1c40f !important;
    color: #fff
}

.bg-default {
    background-color: #bdc3c7 !important;
    color: #fff
}

.bg-danger {
    background-color: #e74c3c !important;
    color: #fff
}

.bg-success {
    background-color: #2ecc71 !important;
    color: #fff
}

.bg-inverse {
    background-color: #34495e !important;
    color: #fff
}

.bg-info {
    background-color: #3498db !important;
    color: #fff
}

.color-primary {
    background-color: #667db6
}

.color-warning {
    background-color: #f1c40f
}

.color-default {
    background-color: #bdc3c7
}

.color-danger {
    background-color: #e74c3c
}

.color-success {
    background-color: #2ecc71
}

.color-inverse {
    background-color: #34495e
}

.color-info {
    background-color: #3498db
}

.loader-primary {
    background-color: #667db6 !important
}

.loader-warning {
    background-color: #f1c40f !important
}

.loader-default {
    background-color: #bdc3c7 !important
}

.loader-danger {
    background-color: #e74c3c !important
}

.loader-success {
    background-color: #2ecc71 !important
}

.loader-inverse {
    background-color: #34495e !important
}

.loader-info {
    background-color: #3498db !important
}

.nestable-primary {
    background-color: #667db6 !important;
    border-color: #667db6;
    color: #fff !important
}

.nestable-warning {
    background-color: #f1c40f !important;
    border-color: #f1c40f;
    color: #fff !important
}

.nestable-default {
    background-color: #bdc3c7 !important;
    border-color: #bdc3c7;
    color: #fff !important
}

.nestable-danger {
    background-color: #e74c3c !important;
    border-color: #e74c3c;
    color: #fff !important
}

.nestable-success {
    background-color: #2ecc71 !important;
    border-color: #2ecc71;
    color: #fff !important
}

.nestable-inverse {
    background-color: #34495e !important;
    border-color: #34495e;
    color: #fff !important
}

.nestable-info {
    background-color: #3498db !important;
    border-color: #3498db;
    color: #fff !important
}

table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
    border-bottom: 1px solid #667db6
}

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
    border-bottom: 1px solid #f1c40f
}

table thead .border-bottom-default th,
table tbody .border-bottom-default th,
table tbody .border-bottom-default td {
    border-bottom: 1px solid #bdc3c7
}

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
    border-bottom: 1px solid #e74c3c
}

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
    border-bottom: 1px solid #2ecc71
}

table thead .border-bottom-inverse th,
table tbody .border-bottom-inverse th,
table tbody .border-bottom-inverse td {
    border-bottom: 1px solid #34495e
}

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
    border-bottom: 1px solid #3498db
}

.table-styling .table-primary,
.table-styling.table-primary {
    background-color: #667db6;
    color: #fff;
    border: 3px solid #667db6
}

    .table-styling .table-primary thead,
    .table-styling.table-primary thead {
        background-color: #148f77;
        border: 3px solid #148f77
    }

.table-styling .table-warning,
.table-styling.table-warning {
    background-color: #f1c40f;
    color: #fff;
    border: 3px solid #f1c40f
}

    .table-styling .table-warning thead,
    .table-styling.table-warning thead {
        background-color: #c29d0b;
        border: 3px solid #c29d0b
    }

.table-styling .table-default,
.table-styling.table-default {
    background-color: #bdc3c7;
    color: #fff;
    border: 3px solid #bdc3c7
}

    .table-styling .table-default thead,
    .table-styling.table-default thead {
        background-color: #a1aab0;
        border: 3px solid #a1aab0
    }

.table-styling .table-danger,
.table-styling.table-danger {
    background-color: #e74c3c;
    color: #fff;
    border: 3px solid #e74c3c
}

    .table-styling .table-danger thead,
    .table-styling.table-danger thead {
        background-color: #d62c1a;
        border: 3px solid #d62c1a
    }

.table-styling .table-success,
.table-styling.table-success {
    background-color: #2ecc71;
    color: #fff;
    border: 3px solid #2ecc71
}

    .table-styling .table-success thead,
    .table-styling.table-success thead {
        background-color: #25a25a;
        border: 3px solid #25a25a
    }

.table-styling .table-inverse,
.table-styling.table-inverse {
    background-color: #34495e;
    color: #fff;
    border: 3px solid #34495e
}

    .table-styling .table-inverse thead,
    .table-styling.table-inverse thead {
        background-color: #22303d;
        border: 3px solid #22303d
    }

.table-styling .table-info,
.table-styling.table-info {
    background-color: #3498db;
    color: #fff;
    border: 3px solid #3498db
}

    .table-styling .table-info thead,
    .table-styling.table-info thead {
        background-color: #217dbb;
        border: 3px solid #217dbb
    }

.toolbar-primary .tool-item {
    background: #667db6 !important
}

    .toolbar-primary .tool-item.selected,
    .toolbar-primary .tool-item:hover {
        background: #148f77 !important
    }

.toolbar-primary.tool-top .arrow {
    border-color: #667db6 transparent transparent
}

.toolbar-primary.tool-bottom .arrow {
    border-color: transparent transparent #667db6
}

.toolbar-primary.tool-left .arrow {
    border-color: transparent transparent transparent #667db6
}

.toolbar-primary.tool-right .arrow {
    border-color: transparent #667db6 transparent transparent
}

.btn-toolbar-primary.pressed {
    background-color: #667db6
}

.toolbar-warning .tool-item {
    background: #f1c40f !important
}

    .toolbar-warning .tool-item.selected,
    .toolbar-warning .tool-item:hover {
        background: #c29d0b !important
    }

.toolbar-warning.tool-top .arrow {
    border-color: #f1c40f transparent transparent
}

.toolbar-warning.tool-bottom .arrow {
    border-color: transparent transparent #f1c40f
}

.toolbar-warning.tool-left .arrow {
    border-color: transparent transparent transparent #f1c40f
}

.toolbar-warning.tool-right .arrow {
    border-color: transparent #f1c40f transparent transparent
}

.btn-toolbar-warning.pressed {
    background-color: #f1c40f
}

.toolbar-light .tool-item {
    background: #bdc3c7 !important
}

    .toolbar-light .tool-item.selected,
    .toolbar-light .tool-item:hover {
        background: #a1aab0 !important
    }

.toolbar-light.tool-top .arrow {
    border-color: #bdc3c7 transparent transparent
}

.toolbar-light.tool-bottom .arrow {
    border-color: transparent transparent #bdc3c7
}

.toolbar-light.tool-left .arrow {
    border-color: transparent transparent transparent #bdc3c7
}

.toolbar-light.tool-right .arrow {
    border-color: transparent #bdc3c7 transparent transparent
}

.btn-toolbar-light.pressed {
    background-color: #bdc3c7
}

.toolbar-danger .tool-item {
    background: #e74c3c !important
}

    .toolbar-danger .tool-item.selected,
    .toolbar-danger .tool-item:hover {
        background: #d62c1a !important
    }

.toolbar-danger.tool-top .arrow {
    border-color: #e74c3c transparent transparent
}

.toolbar-danger.tool-bottom .arrow {
    border-color: transparent transparent #e74c3c
}

.toolbar-danger.tool-left .arrow {
    border-color: transparent transparent transparent #e74c3c
}

.toolbar-danger.tool-right .arrow {
    border-color: transparent #e74c3c transparent transparent
}

.btn-toolbar-danger.pressed {
    background-color: #e74c3c
}

.toolbar-success .tool-item {
    background: #2ecc71 !important
}

    .toolbar-success .tool-item.selected,
    .toolbar-success .tool-item:hover {
        background: #25a25a !important
    }

.toolbar-success.tool-top .arrow {
    border-color: #2ecc71 transparent transparent
}

.toolbar-success.tool-bottom .arrow {
    border-color: transparent transparent #2ecc71
}

.toolbar-success.tool-left .arrow {
    border-color: transparent transparent transparent #2ecc71
}

.toolbar-success.tool-right .arrow {
    border-color: transparent #2ecc71 transparent transparent
}

.btn-toolbar-success.pressed {
    background-color: #2ecc71
}

.toolbar-dark .tool-item {
    background: #34495e !important
}

    .toolbar-dark .tool-item.selected,
    .toolbar-dark .tool-item:hover {
        background: #22303d !important
    }

.toolbar-dark.tool-top .arrow {
    border-color: #34495e transparent transparent
}

.toolbar-dark.tool-bottom .arrow {
    border-color: transparent transparent #34495e
}

.toolbar-dark.tool-left .arrow {
    border-color: transparent transparent transparent #34495e
}

.toolbar-dark.tool-right .arrow {
    border-color: transparent #34495e transparent transparent
}

.btn-toolbar-dark.pressed {
    background-color: #34495e
}

.toolbar-info .tool-item {
    background: #3498db !important
}

    .toolbar-info .tool-item.selected,
    .toolbar-info .tool-item:hover {
        background: #217dbb !important
    }

.toolbar-info.tool-top .arrow {
    border-color: #3498db transparent transparent
}

.toolbar-info.tool-bottom .arrow {
    border-color: transparent transparent #3498db
}

.toolbar-info.tool-left .arrow {
    border-color: transparent transparent transparent #3498db
}

.toolbar-info.tool-right .arrow {
    border-color: transparent #3498db transparent transparent
}

.btn-toolbar-info.pressed {
    background-color: #3498db
}

.card-border-primary {
    border-top: 4px solid #667db6
}

.card-border-warning {
    border-top: 4px solid #f1c40f
}

.card-border-default {
    border-top: 4px solid #bdc3c7
}

.card-border-danger {
    border-top: 4px solid #e74c3c
}

.card-border-success {
    border-top: 4px solid #2ecc71
}

.card-border-inverse {
    border-top: 4px solid #34495e
}

.card-border-info {
    border-top: 4px solid #3498db
}

.panels-wells .panel-primary {
    border-color: #667db6
}

.panels-wells .panel-warning {
    border-color: #f1c40f
}

.panels-wells .panel-default {
    border-color: #bdc3c7
}

.panels-wells .panel-danger {
    border-color: #e74c3c
}

.panels-wells .panel-success {
    border-color: #2ecc71
}

.panels-wells .panel-inverse {
    border-color: #34495e
}

.panels-wells .panel-info {
    border-color: #3498db
}

.b-t-primary {
    border-top: 1px solid #667db6
}

.b-b-primary {
    border-bottom: 1px solid #667db6
}

.b-l-primary {
    border-left: 1px solid #667db6
}

.b-r-primary {
    border-right: 1px solid #667db6
}

.b-t-warning {
    border-top: 1px solid #f1c40f
}

.b-b-warning {
    border-bottom: 1px solid #f1c40f
}

.b-l-warning {
    border-left: 1px solid #f1c40f
}

.b-r-warning {
    border-right: 1px solid #f1c40f
}

.b-t-default {
    border-top: 1px solid #bdc3c7
}

.b-b-default {
    border-bottom: 1px solid #bdc3c7
}

.b-l-default {
    border-left: 1px solid #bdc3c7
}

.b-r-default {
    border-right: 1px solid #bdc3c7
}

.b-t-danger {
    border-top: 1px solid #e74c3c
}

.b-b-danger {
    border-bottom: 1px solid #e74c3c
}

.b-l-danger {
    border-left: 1px solid #e74c3c
}

.b-r-danger {
    border-right: 1px solid #e74c3c
}

.b-t-success {
    border-top: 1px solid #2ecc71
}

.b-b-success {
    border-bottom: 1px solid #2ecc71
}

.b-l-success {
    border-left: 1px solid #2ecc71
}

.b-r-success {
    border-right: 1px solid #2ecc71
}

.b-t-inverse {
    border-top: 1px solid #34495e
}

.b-b-inverse {
    border-bottom: 1px solid #34495e
}

.b-l-inverse {
    border-left: 1px solid #34495e
}

.b-r-inverse {
    border-right: 1px solid #34495e
}

.b-t-info {
    border-top: 1px solid #3498db
}

.b-b-info {
    border-bottom: 1px solid #3498db
}

.b-l-info {
    border-left: 1px solid #3498db
}

.b-r-info {
    border-right: 1px solid #3498db
}

.b-t-theme {
    border-top: 1px solid #ddd
}

.b-b-theme {
    border-bottom: 1px solid #ddd
}

.b-l-theme {
    border-left: 1px solid #ddd
}

.b-r-theme {
    border-right: 1px solid #ddd
}

.main-header {
    margin-bottom: 20px;
    padding: 20px 0 20px 20px
}

    .main-header span {
        color: #9f9f9f;
        display: block;
        font-size: 13px;
        margin-top: 5px
    }

.header-navbar {
    min-height: 4em;
    padding: 0
}

    .header-navbar .navbar-wrapper {
        background: linear-gradient(to bottom, #3f4c60, #141E30,#3d4b5f);
    }

        .header-navbar .navbar-wrapper .navbar-logo {
            align-items: center;
            /* display:flex; */
            float: left;
            height: 3.5rem;
            justify-content: center;
            text-align: center;
            text-transform: uppercase;
            width: 80px;
        }

            .header-navbar .navbar-wrapper .navbar-logo h5 {
                margin-bottom: 0
            }

            .header-navbar .navbar-wrapper .navbar-logo a {
                color: #667db6;
            }

            .header-navbar .navbar-wrapper .navbar-logo .mobile-menu,
            .header-navbar .navbar-wrapper .navbar-logo .mobile-search,
            .header-navbar .navbar-wrapper .navbar-logo .mobile-options {
                display: none
            }

        .header-navbar .navbar-wrapper .navbar-container {
            margin-left: 240px
        }

            .header-navbar .navbar-wrapper .navbar-container .nav-left,
            .header-navbar .navbar-wrapper .navbar-container .nav-right {
                float: left;
                margin-bottom: 0
            }

                .header-navbar .navbar-wrapper .navbar-container .nav-left li,
                .header-navbar .navbar-wrapper .navbar-container .nav-right li {
                    float: left;
                    line-height: 4;
                    padding: 0 10px;
                    position: relative
                }

                .header-navbar .navbar-wrapper .navbar-container .nav-left a,
                .header-navbar .navbar-wrapper .navbar-container .nav-right a {
                    color: #212129;
                    padding: 1.5rem .6rem
                }

                .header-navbar .navbar-wrapper .navbar-container .nav-left .mega-menu-top i,
                .header-navbar .navbar-wrapper .navbar-container .nav-right .mega-menu-top i {
                    font-size: 10px;
                    margin-left: 10px
                }

            .header-navbar .navbar-wrapper .navbar-container .nav-right {
                float: right
            }

                .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img {
                    margin-right: 5px;
                    width: 30px !important;
                }

                .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile i {
                    font-size: 10px;
                    margin-left: 10px
                }

            .header-navbar .navbar-wrapper .navbar-container .header-notification,
            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top {
                perspective: 1000px;
                z-index: 99
            }

                .header-navbar .navbar-wrapper .navbar-container .header-notification .badge,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .badge {
                    background: red;
                    border-radius: 100px;
                    left: 27px;
                    position: absolute;
                    top: 10px
                }

                .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
                    -webkit-transform: translateY(30px);
                    background: #fff;
                    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .03), 0 -2px 1px -2px rgba(0, 0, 0, .02), 0 0 0 -1px rgba(0, 0, 0, .03);
                    opacity: 0;
                    position: absolute;
                    right: 0;
                    transform: translateY(30px);
                    transition: all linear .3s;
                    visibility: hidden;
                    width: 24rem
                }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification a,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification a,
                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a {
                        color: #666
                    }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li,
                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li {
                        line-height: normal;
                        padding: 1em 20px;
                        width: 100%
                    }

                        .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child,
                        .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child {
                            padding: 10px 20px
                        }

                            .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child h6,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child h6,
                            .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child h6,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child h6 {
                                display: inline-block;
                                font-size: 14px;
                                font-weight: 600;
                                margin-bottom: 0;
                                text-transform: uppercase
                            }

                            .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child label,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child label,
                            .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child label,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label {
                                float: right
                            }

                        .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li img,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img,
                        .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li img,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img {
                            width: 40px;
                            margin-right: 10px
                        }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-user,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-user,
                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-user,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-user {
                        font-size: 15px;
                        font-weight: 700
                    }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-msg,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-msg,
                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-msg,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-msg {
                        margin-bottom: 5px
                    }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-time,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-time,
                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-time,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-time {
                        font-size: 12px
                    }

                .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
                    width: 17em
                }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a {
                        font-size: 15px;
                        padding-left: 0
                    }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification i,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification i {
                        font-size: 15px;
                        margin-left: 0;
                        margin-right: 5px
                    }

                    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li {
                        border-top: none;
                        padding: .7em 20px
                    }

                        .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child {
                            padding: .7em 20px
                        }

                .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .profile-notification {
                    -webkit-transform: translateY(0px);
                    opacity: 1;
                    transform: translateY(0px);
                    visibility: visible
                }

                .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .header-notification .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .header-notification .lng-dropdown .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .mega-menu-top .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .lng-dropdown .profile-notification {
                    width: 14em
                }

                .header-navbar .navbar-wrapper .navbar-container .pcloc .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .pcloc .header-notification .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .header-notification .pcloc .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .pcloc .mega-menu-top .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .pcloc .profile-notification {
                    width: 14em
                }

                .header-navbar .navbar-wrapper .navbar-container .pcloc .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .pcloc .header-notification .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .header-notification .pcloc .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .pcloc .mega-menu-top .profile-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .pcloc .profile-notification {
                    width: 14em
                }

            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top {
                perspective: inherit;
                position: static !important
            }

                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
                    left: 0;
                    margin: 0 25px;
                    width: calc(100% - 50px);
                    z-index: 9999
                }

                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li {
                        padding: 20px
                    }

                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child {
                            padding: 20px
                        }

                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child h6,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child h6 {
                                border-bottom: 1px solid #667db6, #f1c40f, #bdc3c7, #e74c3c, #2ecc71, #34495e, #3498db;
                                display: block;
                                margin-bottom: 20px;
                                padding-bottom: 10px
                            }

                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li h6,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li h6 {
                            border-bottom: 1px solid #ddd;
                            display: block;
                            font-size: 14px;
                            font-weight: 600;
                            margin-bottom: 20px;
                            padding-bottom: 10px;
                            text-transform: uppercase
                        }

                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img {
                            border-radius: 0;
                            transition: all ease-in-out .3s;
                            width: auto
                        }

                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img:hover,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img:hover {
                                box-shadow: 0 0 10px 2px rgba(128, 128, 128, .37)
                            }

                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li,
                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li {
                        border-top: none;
                        padding-left: 0;
                        padding-top: 0
                    }

                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li a,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li a {
                            padding: 0
                        }

                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li a i,
                            .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li a i {
                                font-size: 20px;
                                margin-left: 0;
                                margin-right: 15px
                            }

                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li h5,
                        .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li h5 {
                            font-size: 15px;
                            font-weight: 600
                        }

                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links li {
                    border-top: none;
                    padding: 10px 0
                }

                    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links li:first-child {
                        padding-top: 0;
                        padding: 10px 0
                    }

                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links a {
                    display: block;
                    font-size: 14px;
                    padding: 0;
                    text-transform: capitalize
                }

                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-contact label,
                .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-contact .form-control {
                    font-size: 14px
                }

.main-menu {
    background: #212129;
    float: left;
    width: 240px;
    z-index: 99
}

    .main-menu .main-menu-header {
        align-items: center;
        background: #4a6076;
        display: flex;
        padding: 20px
    }

        .main-menu .main-menu-header .user-details {
            display: inline-block;
            margin-left: 10px
        }

            .main-menu .main-menu-header .user-details #more-details {
                cursor: pointer
            }

            .main-menu .main-menu-header .user-details span {
                color: #fff;
                display: block;
                font-size: 14px;
                text-transform: capitalize
            }

                .main-menu .main-menu-header .user-details span i {
                    font-size: 10px;
                    margin-left: 10px
                }

                .main-menu .main-menu-header .user-details span:first-child {
                    margin-bottom: 5px
                }

    .main-menu .main-menu-content .more-details {
        display: none
    }

        .main-menu .main-menu-content .more-details a {
            padding: 10px 15px;
            display: block;
            color: #fff;
            transition: all ease-in .3s
        }

            .main-menu .main-menu-content .more-details a:hover {
                color: #667db6
            }

            .main-menu .main-menu-content .more-details a i {
                margin-right: 10px
            }

    .main-menu .main-menu-content .menu-search {
        padding: 20px;
        padding-bottom: 10px
    }

    .main-menu .main-menu-content li {
        position: relative
    }

    .main-menu .main-menu-content .nav-title {
        color: #2ed8b6;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px;
        padding: 10px 5px;
        text-transform: uppercase
    }

        .main-menu .main-menu-content .nav-title i {
            font-weight: 800
        }

        .main-menu .main-menu-content .nav-title .menu-caption {
            right: 10px
        }

    .main-menu .main-menu-content .nav-item.has-class > a,
    .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a,
    .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a,
    .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a,
    .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a {
        background: #667db6
    }

        .main-menu .main-menu-content .nav-item.has-class > a:hover,
        .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a:hover,
        .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a:hover,
        .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a:hover,
        .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a:hover {
            color: #fff
        }

    .main-menu .main-menu-content .tree-1.open li .menu-caption,
    .main-menu .main-menu-content .nav-item .open.tree-2 li .menu-caption,
    .main-menu .main-menu-content .nav-item .open.tree-3 li .menu-caption,
    .main-menu .main-menu-content .nav-item .open.tree-4 li .menu-caption {
        right: 10px
    }

    .main-menu .main-menu-content .tree-1.open .nav-sub-item > a,
    .main-menu .main-menu-content .nav-item .open.tree-2 .nav-sub-item > a,
    .main-menu .main-menu-content .nav-item .open.tree-3 .nav-sub-item > a,
    .main-menu .main-menu-content .nav-item .open.tree-4 .nav-sub-item > a {
        background: #212129
    }

    .main-menu .main-menu-content .tree-1.open .has-class > a,
    .main-menu .main-menu-content .nav-item .open.tree-2 .has-class > a,
    .main-menu .main-menu-content .nav-item .open.tree-3 .has-class > a,
    .main-menu .main-menu-content .nav-item .open.tree-4 .has-class > a,
    .main-menu .main-menu-content .tree-2.open .has-class > a,
    .main-menu .main-menu-content .tree-3.open .has-class > a,
    .main-menu .main-menu-content .tree-4.open .has-class > a {
        color: #667db6;
        font-weight: 600
    }

    .main-menu .main-menu-content .nav-item,
    .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-4 a {
        color: #fff
    }

        .main-menu .main-menu-content .nav-item a,
        .main-menu .main-menu-content .nav-item .tree-1 a a,
        .main-menu .main-menu-content .nav-item .tree-2 a a,
        .main-menu .main-menu-content .nav-item .tree-3 a a,
        .main-menu .main-menu-content .nav-item .tree-4 a a {
            color: #fff;
            display: block;
            font-size: 13.7px;
            padding: 9px 25px;
            transition: all ease-in .2s
        }

            .main-menu .main-menu-content .nav-item a:hover {
                color: #667db6
            }

        .main-menu .main-menu-content .nav-item i,
        .main-menu .main-menu-content .nav-item .tree-1 a i,
        .main-menu .main-menu-content .nav-item .tree-2 a i,
        .main-menu .main-menu-content .nav-item .tree-3 a i,
        .main-menu .main-menu-content .nav-item .tree-4 a i {
            margin-right: 10px;
            font-size: 15px;
            vertical-align: middle
        }

        .main-menu .main-menu-content .nav-item .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-1 a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-2 a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-3 a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-4 a .icon-arrow-down {
            display: none
        }

        .main-menu .main-menu-content .nav-item .tree-1 a,
        .main-menu .main-menu-content .nav-item .tree-2 a,
        .main-menu .main-menu-content .nav-item .tree-3 a,
        .main-menu .main-menu-content .nav-item .tree-4 a {
            padding-left: 30px;
            position: relative
        }

            .main-menu .main-menu-content .nav-item .tree-1 a:before,
            .main-menu .main-menu-content .nav-item .tree-2 a:before,
            .main-menu .main-menu-content .nav-item .tree-3 a:before,
            .main-menu .main-menu-content .nav-item .tree-4 a:before {
                content: '\e649';
                font-family: themify;
                position: absolute;
                left: 14px;
                font-size: 10px;
                top: 35%
            }

        .main-menu .main-menu-content .nav-item .tree-1 .icon-arrow-right,
        .main-menu .main-menu-content .nav-item .tree-2 .icon-arrow-right,
        .main-menu .main-menu-content .nav-item .tree-3 .icon-arrow-right,
        .main-menu .main-menu-content .nav-item .tree-4 .icon-arrow-right {
            display: none
        }

        .main-menu .main-menu-content .nav-item .tree-2 a {
            padding-left: 60px
        }

            .main-menu .main-menu-content .nav-item .tree-2 a:before {
                left: 40px
            }

        .main-menu .main-menu-content .nav-item .tree-3 a {
            padding-left: 80px
        }

            .main-menu .main-menu-content .nav-item .tree-3 a:before {
                left: 60px
            }

        .main-menu .main-menu-content .nav-item .tree-4 a {
            padding-left: 100px
        }

            .main-menu .main-menu-content .nav-item .tree-4 a:before {
                left: 80px
            }

.main-navigation a.nav-link.disabled {
    color: #a2a2a2 !important
}

.main-navigation .nav-title span {
    padding-left: 5px
}

.main-navigation .nav-item.single-item > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.single-item > a:after,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.single-item > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.single-item > a:after,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.single-item > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.single-item > a:after,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.single-item > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.single-item > a:after,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.single-item > a:after {
    display: none
}

.main-navigation .nav-item.single-item .menu-caption,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.single-item .menu-caption,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.single-item .menu-caption,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.single-item .menu-caption,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.single-item .menu-caption,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.single-item .menu-caption,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.single-item .menu-caption,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.single-item .menu-caption,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.single-item .menu-caption {
    right: 10px
}

.main-navigation .menu-caption {
    position: absolute;
    right: 40px;
    top: 14px
}

.main-navigation .nav-item > a,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a > a,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a,
.main-navigation .nav-sub-item > a,
.main-navigation .nav-sub-item-3 > a,
.main-navigation .nav-sub-item-4 > a {
    position: relative
}

    .main-navigation .nav-item > a:after,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a > a:after,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a:after,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a:after,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a:after,
    .main-navigation .nav-sub-item > a:after,
    .main-navigation .nav-sub-item-3 > a:after,
    .main-navigation .nav-sub-item-4 > a:after {
        content: '\e61a';
        font-family: themify;
        font-size: 14px;
        position: absolute;
        right: 20px;
    }

.main-navigation .nav-item.has-class > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a:after,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a:after,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a:after,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class > a:after,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a:after,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class > a:after,
.main-navigation .nav-sub-item.has-class > a:after,
.main-navigation .nav-sub-item-3.has-class > a:after,
.main-navigation .nav-sub-item-4.has-class > a:after {
    content: '\e622';
    font-family: themify;
    font-size: 14px;
    position: absolute;
    right: 20px
}

.main-navigation .nav-item .tree-1,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-1,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-1,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-1,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-1,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content .main-navigation .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content .main-navigation .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-3,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content .main-navigation .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-4,
.main-navigation .nav-item .tree-2,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2,
.main-navigation .nav-item .tree-3,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-3,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-3,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-3,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-3,
.main-navigation .nav-item .tree-4,
.main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-4,
.main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-4,
.main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-4,
.main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-4,
.main-navigation .nav-sub-item .tree-1,
.main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-2,
.main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-3,
.main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-4,
.main-navigation .nav-sub-item .tree-2,
.main-navigation .nav-sub-item .tree-3,
.main-navigation .nav-sub-item .tree-4,
.main-navigation .nav-sub-item-3 .tree-1,
.main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-2,
.main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-3,
.main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-4,
.main-navigation .nav-sub-item-3 .tree-2,
.main-navigation .nav-sub-item-3 .tree-3,
.main-navigation .nav-sub-item-3 .tree-4,
.main-navigation .nav-sub-item-4 .tree-1,
.main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-2,
.main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-3,
.main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-4,
.main-navigation .nav-sub-item-4 .tree-2,
.main-navigation .nav-sub-item-4 .tree-3,
.main-navigation .nav-sub-item-4 .tree-4 {
    display: none
}

    .main-navigation .nav-item.has-class .tree-1.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-1.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-1.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-1.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-1.open,
    .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2,
    .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2,
    .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3,
    .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-3,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-3,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-3,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-3,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-3,
    .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4,
    .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-4,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-4,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-4,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-4,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-4,
    .main-navigation .nav-item.has-class .tree-2.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-2.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-2.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-2.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-2.open,
    .main-navigation .nav-item.has-class .tree-3.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-3.open,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-3.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-3.open,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-3.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-3.open,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-3.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-3.open,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-3.open,
    .main-navigation .nav-item.has-class .tree-4.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-4.open,
    .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-4.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-4.open,
    .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-4.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-4.open,
    .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-4.open,
    .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-4.open,
    .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-4.open,
    .main-navigation .nav-sub-item.has-class .tree-1.open,
    .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-2,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-2,
    .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-3,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-3,
    .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-4,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-4,
    .main-navigation .nav-sub-item.has-class .tree-2.open,
    .main-navigation .nav-sub-item.has-class .tree-3.open,
    .main-navigation .nav-sub-item.has-class .tree-4.open,
    .main-navigation .nav-sub-item-3.has-class .tree-1.open,
    .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-2,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-2,
    .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-3,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-3,
    .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-4,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-4,
    .main-navigation .nav-sub-item-3.has-class .tree-2.open,
    .main-navigation .nav-sub-item-3.has-class .tree-3.open,
    .main-navigation .nav-sub-item-3.has-class .tree-4.open,
    .main-navigation .nav-sub-item-4.has-class .tree-1.open,
    .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-2,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-2,
    .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-3,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-3,
    .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-4,
    .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-4,
    .main-navigation .nav-sub-item-4.has-class .tree-2.open,
    .main-navigation .nav-sub-item-4.has-class .tree-3.open,
    .main-navigation .nav-sub-item-4.has-class .tree-4.open {
        display: block
    }

body.menu-collapsed label {
    display: none
}

body.menu-collapsed .slimScrollDiv,
body.menu-collapsed .main-menu-content {
    overflow: visible !important
}

body.menu-collapsed .main-menu-header,
body.menu-collapsed .main-navigation .nav-item .tree-1,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1,
body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2,
body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3,
body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4,
body.menu-collapsed .main-menu .main-menu-content .main-navigation .nav-item .tree-2,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2,
body.menu-collapsed .main-navigation .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2,
body.menu-collapsed .nav-title span,
body.menu-collapsed .nav-item span,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 a span,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed a span,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 a span,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed a span,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 a span,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed a span,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 a span,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed a span,
body.menu-collapsed .nav-item > a i.icon-arrow-down,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 a > a i.icon-arrow-down,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed a > a i.icon-arrow-down,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 a > a i.icon-arrow-down,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed a > a i.icon-arrow-down,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 a > a i.icon-arrow-down,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed a > a i.icon-arrow-down,
body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 a > a i.icon-arrow-down,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed a > a i.icon-arrow-down,
body.menu-collapsed .menu-search {
    display: none
}

body.menu-collapsed .main-menu {
    width: 70px
}

    body.menu-collapsed .main-menu .main-menu-content .nav-title {
        text-align: center
    }

body.menu-collapsed .main-navigation {
    transition: all ease-in .3s
}

    body.menu-collapsed .main-navigation .nav-item,
    body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a,
    body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a,
    body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a,
    body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a {
        text-align: center
    }

        body.menu-collapsed .main-navigation .nav-item > a,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a {
            position: relative
        }

            body.menu-collapsed .main-navigation .nav-item > a:after,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a:after,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a:after,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a:after,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a:after {
                display: none
            }

            body.menu-collapsed .main-navigation .nav-item > a i,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a i,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a i,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a i,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a i,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a i,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a i,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a i,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a i {
                margin-right: 0
            }

        body.menu-collapsed .main-navigation .nav-item i,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a i,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a i,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a i,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a i,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a i,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a i,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a i,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a i {
            margin-right: 5px
        }

        body.menu-collapsed .main-navigation .nav-item .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
        .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
        .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3,
        body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
        .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 {
            -webkit-transform: translateY(30px);
            background: #34495e;
            display: block;
            left: 70px;
            opacity: 0;
            position: absolute;
            top: 0;
            transform: translateY(30px);
            transition: all linear .3s;
            visibility: hidden;
            width: 15em;
            z-index: 99
        }

            body.menu-collapsed .main-navigation .nav-item:hover .tree-1,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-1,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-1,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-1,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-1,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-2,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-2,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-2,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-2,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-2,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-3,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-3,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-3,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-3,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-3,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-4,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-4,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-4,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-4,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-4 {
                -webkit-transform: translateY(0px);
                opacity: 1;
                transform: translateY(0px);
                transition: all linear .3s;
                visibility: visible
            }

            body.menu-collapsed .main-navigation .nav-item .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1 li,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2 li,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3 li,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 li,
            body.menu-collapsed .main-navigation .nav-item .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1 a,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2 a,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3 a,
            body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a,
            .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 a {
                text-align: left !important
            }

    body.menu-collapsed .main-navigation .nav-sub-item > a {
        position: relative
    }

        body.menu-collapsed .main-navigation .nav-sub-item > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-collapsed .main-navigation .nav-sub-item .tree-2 {
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 99
    }

        body.menu-collapsed .main-navigation .nav-sub-item .tree-2 a {
            padding-left: 30px
        }

            body.menu-collapsed .main-navigation .nav-sub-item .tree-2 a:before {
                left: 10px
            }

    body.menu-collapsed .main-navigation .nav-sub-item:hover .tree-2 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.menu-collapsed .main-navigation .nav-sub-item-3 > a {
        position: relative
    }

        body.menu-collapsed .main-navigation .nav-sub-item-3 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 {
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 99
    }

        body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 a {
            padding-left: 30px
        }

            body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 a:before {
                left: 10px
            }

    body.menu-collapsed .main-navigation .nav-sub-item-3:hover .tree-3 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.menu-collapsed .main-navigation .nav-sub-item-4 > a {
        position: relative
    }

        body.menu-collapsed .main-navigation .nav-sub-item-4 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 {
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 99
    }

        body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 a {
            padding-left: 30px
        }

            body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 a:before {
                left: 10px
            }

    body.menu-collapsed .main-navigation .nav-sub-item-4:hover .tree-4 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

body.menu-collapsed .main-body .page-wrapper {
    margin-left: 70px;
    transition: all ease-in .3s
}

body.fix-menu .navbar-wrapper,
body.menu-compact .navbar-wrapper,
body.menu-bottom .navbar-wrapper,
body.menu-rtl .navbar-wrapper,
body.menu-sidebar .navbar-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

body.fix-menu .main-menu,
body.menu-compact .main-menu,
body.menu-bottom .main-menu,
body.menu-rtl .main-menu,
body.menu-sidebar .main-menu {
    left: 0;
    position: fixed;
    transition: all ease-in .3s
}

body.menu-static .navbar-wrapper,
body.menu-static .main-menu {
    position: initial
}

body.header-fixed .navbar-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

body.header-fixed .main-menu {
    position: fixed
}

body.header-fixed .main-body .page-wrapper {
    margin-left: 0
}

body.header-fixed.menu-hide .main-menu {
    opacity: 0;
    transform: translateX(-240px);
    transition: all linear 300ms
}

body.header-fixed.menu-show .main-menu {
    opacity: 1;
    transform: translateX(0px);
    transition: all linear 300ms
}

body.menu-compact .slimScrollDiv,
body.menu-compact .main-menu-content {
    overflow: visible !important
}

body.menu-compact .menu-caption {
    display: none
}

body.menu-compact .main-menu {
    width: 150px
}

    body.menu-compact .nav-item > a,
    body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a,
    .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a,
    body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a,
    .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a,
    body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a,
    .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a,
    body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a,
    .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a {
        padding: 20px 15px !important;
        text-align: center
    }

        body.menu-compact .nav-item > a i,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a i,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a i,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a i,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a i,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a i,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a i,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a i,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a i {
            display: block;
            font-size: 30px;
            margin-bottom: 10px;
            margin-right: 0 !important
        }

        body.menu-compact .nav-item > a .icon-arrow-down,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a .icon-arrow-down,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a .icon-arrow-down,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a .icon-arrow-down,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a .icon-arrow-down,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a .icon-arrow-down {
            display: none
        }

        body.menu-compact .nav-item > a:after,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a:after,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a:after,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a:after,
        body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a:after {
            display: none
        }

body.menu-compact .main-body .page-wrapper {
    margin-left: 150px
}

body.menu-compact .main-navigation .nav-item .tree-1,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1,
body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2,
body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3,
body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4,
body.menu-compact .main-menu-header,
body.menu-compact .nav-title {
    display: none
}

body.menu-compact .main-navigation {
    transition: all ease-in .3s
}

    body.menu-compact .main-navigation .nav-item,
    body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a,
    body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a,
    body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a,
    body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a {
        text-align: center
    }

        body.menu-compact .main-navigation .nav-item i,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a i,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a i,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a i,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a i,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a i,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a i,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a i,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a i {
            margin-right: 5px
        }

        body.menu-compact .main-navigation .nav-item .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
        .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
        .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3,
        body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
        .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 {
            z-index: 999;
            -webkit-transform: translateY(30px);
            background: #34495e;
            display: block;
            left: 150px;
            opacity: 0;
            position: absolute;
            top: 0;
            transform: translateY(30px);
            transition: all linear .3s;
            visibility: hidden;
            width: 15em
        }

            body.menu-compact .main-navigation .nav-item:hover .tree-1,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-1,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-1,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-1,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-1,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-2,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-2,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-2,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-2,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-2,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-3,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-3,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-3,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-3,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-3,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-4,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-4,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-4,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-4,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-4 {
                -webkit-transform: translateY(0px);
                opacity: 1;
                transform: translateY(0px);
                transition: all linear .3s;
                visibility: visible
            }

            body.menu-compact .main-navigation .nav-item .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1 li,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2 li,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3 li,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4 li,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 li,
            body.menu-compact .main-navigation .nav-item .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1 a,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2 a,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3 a,
            body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a,
            .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4 a,
            .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 a {
                text-align: left !important
            }

    body.menu-compact .main-navigation .nav-sub-item > a {
        position: relative
    }

        body.menu-compact .main-navigation .nav-sub-item > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-compact .main-navigation .nav-sub-item .tree-2 {
        z-index: 999;
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 9999
    }

        body.menu-compact .main-navigation .nav-sub-item .tree-2 a {
            padding-left: 30px
        }

            body.menu-compact .main-navigation .nav-sub-item .tree-2 a:before {
                left: 10px
            }

    body.menu-compact .main-navigation .nav-sub-item:hover .tree-2 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.menu-compact .main-navigation .nav-sub-item-3 > a {
        position: relative
    }

        body.menu-compact .main-navigation .nav-sub-item-3 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 {
        z-index: 999;
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 9999
    }

        body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 a {
            padding-left: 30px
        }

            body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 a:before {
                left: 10px
            }

    body.menu-compact .main-navigation .nav-sub-item-3:hover .tree-3 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.menu-compact .main-navigation .nav-sub-item-4 > a {
        position: relative
    }

        body.menu-compact .main-navigation .nav-sub-item-4 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 {
        z-index: 999;
        -webkit-transform: translateY(30px);
        background-color: #34495e;
        display: block !important;
        left: 210px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 15em;
        z-index: 9999
    }

        body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 a {
            padding-left: 30px
        }

            body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 a:before {
                left: 10px
            }

    body.menu-compact .main-navigation .nav-sub-item-4:hover .tree-4 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

body.menu-bottom .header-navbar {
    min-height: auto
}

body.menu-bottom .navbar-wrapper {
    bottom: 0;
    top: auto
}

body.menu-bottom .mega-menu-top .show-notification,
body.menu-bottom .mega-menu-top .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification,
.header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .profile-notification {
    bottom: 0 !important
}

body.menu-bottom .header-notification .show-notification,
body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
.header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .show-notification,
body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
.header-navbar .navbar-wrapper .navbar-container body.menu-bottom .header-notification .profile-notification,
body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification,
.header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .profile-notification {
    bottom: 65px
}

body.menu-bottom #collapse-menu {
    display: none
}

body.menu-rtl {
    direction: rtl
}

    body.menu-rtl ul {
        padding-right: 0
    }

    body.menu-rtl .main-menu {
        right: 0
    }

    body.menu-rtl .header-navbar .navbar-wrapper .navbar-logo,
    body.menu-rtl .breadcrumb-item {
        float: right
    }

    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container {
        margin-left: 0
    }

    body.menu-rtl .main-body .page-wrapper {
        margin-left: 0;
        margin-right: 240px
    }

        body.menu-rtl .main-body .page-wrapper .page-header-breadcrumb {
            float: left
        }

    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img {
        margin-left: 10px
    }

    body.menu-rtl .main-navigation .menu-caption {
        left: 40px;
        right: auto
    }

    body.menu-rtl .main-navigation .nav-item.single-item .menu-caption,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.single-item .menu-caption,
    .main-menu .main-menu-content .nav-item .tree-1 body.menu-rtl .main-navigation a.single-item .menu-caption,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.single-item .menu-caption,
    .main-menu .main-menu-content .nav-item .tree-2 body.menu-rtl .main-navigation a.single-item .menu-caption,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.single-item .menu-caption,
    .main-menu .main-menu-content .nav-item .tree-3 body.menu-rtl .main-navigation a.single-item .menu-caption,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.single-item .menu-caption,
    .main-menu .main-menu-content .nav-item .tree-4 body.menu-rtl .main-navigation a.single-item .menu-caption {
        right: auto
    }

    body.menu-rtl .main-navigation .nav-item > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-1 body.menu-rtl .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-2 body.menu-rtl .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-3 body.menu-rtl .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    .main-menu .main-menu-content .nav-item .tree-4 body.menu-rtl .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    body.menu-rtl .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a > a:after,
    body.menu-rtl .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a:after,
    body.menu-rtl .main-navigation .nav-sub-item > a:after,
    body.menu-rtl .main-navigation .nav-sub-item-3 > a:after,
    body.menu-rtl .main-navigation .nav-sub-item-4 > a:after {
        left: 20px;
        right: auto
    }

    body.menu-rtl .main-menu .main-menu-header .user-details {
        margin-right: 10px
    }

    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img {
        margin-left: 10px
    }

    body.menu-rtl .live-status {
        right: auto;
        left: 27px
    }

    body.menu-rtl .userlist-box .media-left {
        padding-left: 10px
    }

    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label,
    body.menu-rtl .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label {
        float: left
    }

    body.menu-rtl .rotate-refresh {
        display: initial
    }

body.horizontal-fixed .header-navbar,
body.horizontal-static .header-navbar,
body.horizontal-icon .header-navbar,
body.horizontal-icon-fixed .header-navbar {
    position: fixed;
    width: 100%;
    z-index: 999;
    margin-top: -1px;
}

body.horizontal-fixed .page-header,
body.horizontal-static .page-header,
body.horizontal-icon .page-header,
body.horizontal-icon-fixed .page-header {
    margin-top: 110px
}

body.horizontal-fixed .main-menu-header,
body.horizontal-static .main-menu-header,
body.horizontal-icon .main-menu-header,
body.horizontal-icon-fixed .main-menu-header,
body.horizontal-fixed #collapse-menu,
body.horizontal-static #collapse-menu,
body.horizontal-icon #collapse-menu,
body.horizontal-icon-fixed #collapse-menu,
body.horizontal-fixed .main-menu .main-menu-content li.nav-title,
body.horizontal-static .main-menu .main-menu-content li.nav-title,
body.horizontal-icon .main-menu .main-menu-content li.nav-title,
body.horizontal-icon-fixed .main-menu .main-menu-content li.nav-title,
body.horizontal-fixed .main-navigation .nav-item.has-class .tree-1.open,
body.horizontal-static .main-navigation .nav-item.has-class .tree-1.open,
body.horizontal-icon .main-navigation .nav-item.has-class .tree-1.open,
body.horizontal-icon-fixed .main-navigation .nav-item.has-class .tree-1.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .tree-1.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .tree-1.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .tree-1.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .tree-1.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .tree-1.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .tree-1.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .tree-1.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .tree-1.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2,
.main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2,
.main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3,
.main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-3,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3,
.main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-3,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4,
.main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-4,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4,
.main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-4,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-4,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-4,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-4,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-4,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-4,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4,
body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2,
body.horizontal-fixed .main-navigation .nav-item.has-class .tree-2.open,
body.horizontal-static .main-navigation .nav-item.has-class .tree-2.open,
body.horizontal-icon .main-navigation .nav-item.has-class .tree-2.open,
body.horizontal-icon-fixed .main-navigation .nav-item.has-class .tree-2.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .tree-2.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .tree-2.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .tree-2.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .tree-2.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .tree-2.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .tree-2.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .tree-2.open,
body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .tree-2.open,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .tree-2.open,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open {
    display: none
}

body.horizontal-fixed .main-menu,
body.horizontal-static .main-menu,
body.horizontal-icon .main-menu,
body.horizontal-icon-fixed .main-menu {
    position: fixed;
    width: 80%;
    top: 52px;
    z-index: 99;
    background: linear-gradient(to bottom, #3f4c60, #141E30,#3d4b5f);
    /* #667db6 */
}

    body.horizontal-fixed .main-menu .main-menu-content .nav-item > a,
    body.horizontal-static .main-menu .main-menu-content .nav-item > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a {
        padding: 20px 8px;
    }

body.horizontal-fixed .main-navigation,
body.horizontal-static .main-navigation,
body.horizontal-icon .main-navigation,
body.horizontal-icon-fixed .main-navigation {
    margin-bottom: 0
}

    body.horizontal-fixed .main-navigation .nav-item .tree-1,
    body.horizontal-static .main-navigation .nav-item .tree-1,
    body.horizontal-icon .main-navigation .nav-item .tree-1,
    body.horizontal-icon-fixed .main-navigation .nav-item .tree-1,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-1,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-1,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-1,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-1,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-1,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-1,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-1,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-1,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-1,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-1,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-1,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-1,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-1,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-1,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-1,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-1,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4,
    body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4,
    body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4,
    body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4,
    body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 {
        -webkit-transform: translateY(30px);
        background-color: #212129;
        display: block;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 60px;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 18em;
        z-index: 9999
    }

        body.horizontal-fixed .main-navigation .nav-item .tree-1 li,
        body.horizontal-static .main-navigation .nav-item .tree-1 li,
        body.horizontal-icon .main-navigation .nav-item .tree-1 li,
        body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-1 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-1 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-1 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-1 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-1 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-1 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-1 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-1 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-1 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-1 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-1 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-1 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-1 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-1 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-1 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-1 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 li {
            display: block
        }

        body.horizontal-fixed .main-navigation .nav-item:hover .tree-1,
        body.horizontal-static .main-navigation .nav-item:hover .tree-1,
        body.horizontal-icon .main-navigation .nav-item:hover .tree-1,
        body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-1,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-1,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-1,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-1,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-1,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-1,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-1,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-1,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-1,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-1,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-1,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-1,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-1,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-1,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-1,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-1,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-2,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-3,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4,
        .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4,
        .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4,
        .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4,
        .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4,
        body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4,
        body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4,
        body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4,
        body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4,
        .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-4 {
            -webkit-transform: translateY(0px);
            opacity: 1;
            transform: translateY(0px);
            transition: all linear .3s;
            visibility: visible
        }

    body.horizontal-fixed .main-navigation .nav-sub-item > a,
    body.horizontal-static .main-navigation .nav-sub-item > a,
    body.horizontal-icon .main-navigation .nav-sub-item > a,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item > a {
        position: relative
    }

        body.horizontal-fixed .main-navigation .nav-sub-item > a:after,
        body.horizontal-static .main-navigation .nav-sub-item > a:after,
        body.horizontal-icon .main-navigation .nav-sub-item > a:after,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px;
            top: 27%;
        }

    body.horizontal-fixed .main-navigation .nav-sub-item .tree-2,
    body.horizontal-static .main-navigation .nav-sub-item .tree-2,
    body.horizontal-icon .main-navigation .nav-sub-item .tree-2,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 {
        -webkit-transform: translateY(30px);
        background-color: #21212E;
        display: block;
        left: 234px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 20em;
        z-index: 9999
    }

        body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 li,
        body.horizontal-static .main-navigation .nav-sub-item .tree-2 li,
        body.horizontal-icon .main-navigation .nav-sub-item .tree-2 li,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 li {
            display: block;
            padding-left: 5px
        }

        body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 a,
        body.horizontal-static .main-navigation .nav-sub-item .tree-2 a,
        body.horizontal-icon .main-navigation .nav-sub-item .tree-2 a,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 a {
            padding-left: 30px
        }

            body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 a:before,
            body.horizontal-static .main-navigation .nav-sub-item .tree-2 a:before,
            body.horizontal-icon .main-navigation .nav-sub-item .tree-2 a:before,
            body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 a:before {
                left: 10px
            }

    body.horizontal-fixed .main-navigation .nav-sub-item:hover .tree-2,
    body.horizontal-static .main-navigation .nav-sub-item:hover .tree-2,
    body.horizontal-icon .main-navigation .nav-sub-item:hover .tree-2,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item:hover .tree-2 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.horizontal-fixed .main-navigation .nav-sub-item-3 > a,
    body.horizontal-static .main-navigation .nav-sub-item-3 > a,
    body.horizontal-icon .main-navigation .nav-sub-item-3 > a,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 > a {
        position: relative
    }

        body.horizontal-fixed .main-navigation .nav-sub-item-3 > a:after,
        body.horizontal-static .main-navigation .nav-sub-item-3 > a:after,
        body.horizontal-icon .main-navigation .nav-sub-item-3 > a:after,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3,
    body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3,
    body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 {
        -webkit-transform: translateY(30px);
        background-color: #212129;
        display: block !important;
        left: 250px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 18em;
        z-index: 9999
    }

        body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 li,
        body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 li,
        body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 li,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 li {
            display: block;
            padding-left: 15px
        }

        body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 a,
        body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 a,
        body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 a,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 a {
            padding-left: 30px
        }

            body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 a:before,
            body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 a:before,
            body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 a:before,
            body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 a:before {
                left: 10px
            }

    body.horizontal-fixed .main-navigation .nav-sub-item-3:hover .tree-3,
    body.horizontal-static .main-navigation .nav-sub-item-3:hover .tree-3,
    body.horizontal-icon .main-navigation .nav-sub-item-3:hover .tree-3,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-3:hover .tree-3 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

    body.horizontal-fixed .main-navigation .nav-sub-item-4 > a,
    body.horizontal-static .main-navigation .nav-sub-item-4 > a,
    body.horizontal-icon .main-navigation .nav-sub-item-4 > a,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 > a {
        position: relative
    }

        body.horizontal-fixed .main-navigation .nav-sub-item-4 > a:after,
        body.horizontal-static .main-navigation .nav-sub-item-4 > a:after,
        body.horizontal-icon .main-navigation .nav-sub-item-4 > a:after,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 > a:after {
            content: '\e65d';
            font-family: themify;
            font-size: 14px;
            position: absolute;
            right: 20px
        }

    body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4,
    body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4,
    body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 {
        -webkit-transform: translateY(30px);
        background-color: #212129;
        display: block !important;
        left: 250px;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(30px);
        transition: all linear .3s;
        visibility: hidden;
        width: 18em;
        z-index: 9999
    }

        body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 li,
        body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 li,
        body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 li,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 li {
            display: block;
            padding-left: 15px
        }

        body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 a,
        body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 a,
        body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 a,
        body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 a {
            padding-left: 30px
        }

            body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 a:before,
            body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 a:before,
            body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 a:before,
            body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 a:before {
                left: 10px
            }

    body.horizontal-fixed .main-navigation .nav-sub-item-4:hover .tree-4,
    body.horizontal-static .main-navigation .nav-sub-item-4:hover .tree-4,
    body.horizontal-icon .main-navigation .nav-sub-item-4:hover .tree-4,
    body.horizontal-icon-fixed .main-navigation .nav-sub-item-4:hover .tree-4 {
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
        transition: all linear .3s;
        visibility: visible
    }

body.horizontal-fixed .main-body .page-wrapper,
body.horizontal-static .main-body .page-wrapper,
body.horizontal-icon .main-body .page-wrapper,
body.horizontal-icon-fixed .main-body .page-wrapper {
    margin-left: 0
}

body.horizontal-fixed .main-menu .main-menu-content .nav-item > a,
body.horizontal-static .main-menu .main-menu-content .nav-item > a,
body.horizontal-icon .main-menu .main-menu-content .nav-item > a,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a {
    display: inline-block;
    position: relative
}

    body.horizontal-fixed .main-menu .main-menu-content .nav-item > a:after,
    body.horizontal-static .main-menu .main-menu-content .nav-item > a:after,
    body.horizontal-icon .main-menu .main-menu-content .nav-item > a:after,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a:after,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a:after,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a:after,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a:after,
    body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a:after,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a:after {
        display: none
    }

body.horizontal-fixed .main-menu .main-menu-content li,
body.horizontal-static .main-menu .main-menu-content li,
body.horizontal-icon .main-menu .main-menu-content li,
body.horizontal-icon-fixed .main-menu .main-menu-content li {
    border-top: none;
    display: inline-block;
    margin-right: 0
}

body.horizontal-fixed .main-menu .main-menu-content .nav-item .icon-arrow-down,
body.horizontal-static .main-menu .main-menu-content .nav-item .icon-arrow-down,
body.horizontal-icon .main-menu .main-menu-content .nav-item .icon-arrow-down,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .icon-arrow-down {
    margin-right: 20px;
    position: relative;
    right: -20px;
    top: 0
}

body.horizontal-fixed .tree-1 li,
body.horizontal-static .tree-1 li,
body.horizontal-icon .tree-1 li,
body.horizontal-icon-fixed .tree-1 li,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 li,
.main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-2 li,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 li,
.main-menu .main-menu-content .nav-item body.horizontal-static .tree-2 li,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon .tree-2 li,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-2 li,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 li,
.main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-3 li,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 li,
.main-menu .main-menu-content .nav-item body.horizontal-static .tree-3 li,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon .tree-3 li,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-3 li,
body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 li,
.main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-4 li,
body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 li,
.main-menu .main-menu-content .nav-item body.horizontal-static .tree-4 li,
body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon .tree-4 li,
body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 li,
.main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-4 li {
    display: block
}

body.horizontal-static .header-navbar,
body.horizontal-static .main-menu {
    position: initial
}

body.horizontal-static .page-header {
    margin-top: 60px
}

body.horizontal-icon .header-navbar,
body.horizontal-icon-fixed .header-navbar,
body.horizontal-icon .main-menu,
body.horizontal-icon-fixed .main-menu {
    position: inherit
}

    body.horizontal-icon .main-menu .main-menu-content .nav-item > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a,
    body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a {
        text-align: center
    }

        body.horizontal-icon .main-menu .main-menu-content .nav-item > a i,
        body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a i,
        body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a i,
        body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a i,
        body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a i,
        body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a i,
        body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a i,
        body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a i,
        body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a i,
        body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a i {
            display: block;
            margin-bottom: 5px;
            margin-right: 0
        }

body.horizontal-icon .main-navigation .nav-item .tree-1,
body.horizontal-icon-fixed .main-navigation .nav-item .tree-1,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-1,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-1,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-2,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-3,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3,
body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-4,
body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4,
.main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4,
.main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4 {
    top: 80px
}

body.horizontal-icon .page-header,
body.horizontal-icon-fixed .page-header {
    margin-top: 80px
}

body.horizontal-icon-fixed .main-menu {
    position: fixed
}

    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a i.icon-arrow-down,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a i.icon-arrow-down,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a i.icon-arrow-down,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a i.icon-arrow-down,
    body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a i.icon-arrow-down {
        display: none
    }

body.horizontal-icon-fixed .header-navbar {
    position: initial
}

body.horizontal-icon-fixed .page-header {
    margin-top: 80px
}

body.menu-sidebar .navbar-wrapper {
    position: initial
}

.btn {
    border-radius: 2px;
    text-transform: capitalize;
    font-size: 13px;
    padding: 10px 19px;
    font-family: open sans
}

.button-page .card-block {
    margin-bottom: -20px
}

    .button-page .card-block ul {
        margin-bottom: 0;
        display: inline-block
    }

    .button-page .card-block a {
        margin-bottom: 20px
    }

    .button-page .card-block ul li {
        display: inline-block;
        margin-right: 20px;
        float: left
    }

.button-page .btn {
    margin-bottom: 20px;
    margin-right: 10px
}

.btn.btn-round {
    border-radius: 2rem
}

.btn.btn-square {
    border-radius: 0
}

.btn.btn-skew {
    transform: skew(-15deg)
}

.btn i {
    margin-right: 5px
}

.btn.btn-icon {
    border-radius: 50%;
    width: 40px;
    line-height: 30px;
    height: 40px;
    padding: 3px;
    text-align: center
}

.btn-group,
.btn-group-vertical {
    display: inline-block
}

    .btn-group .btn {
        float: left
    }

.icon-btn i {
    margin-right: 0 !important
}

.button-page .btn-group {
    margin-right: 10px
}

.show > .dropdown-menu {
    overflow: hidden
}

.dropdown-danger,
.dropdown-success,
.dropdown-warning,
.dropdown-info,
.dropdown-warning,
.dropdown-primary,
.dropdown-default,
.dropdown-inverse,
.dropdown-disabled {
    display: inline-block;
    vertical-align: center;
    position: relative
}

.dropdown-split [class*=btn-],
.btn-group [class*=btn-] {
    margin-right: 0
}

.list-group-item.active {
    background-color: #667db6;
    border-color: #667db6
}

.show > .btn-primary.dropdown-toggle,
.sweet-alert .show > button.dropdown-toggle.confirm,
.wizard > .actions .show > a.dropdown-toggle {
    background-color: #13866f !important;
    border-color: #13866f;
    box-shadow: none;
    color: #fff
}

.btn-disabled,
.dropdown-disabled,
.dropdown-split-disabled {
    cursor: not-allowed
}

#Note-list li:hover .Note-delete {
    opacity: 1;
    transform: translateX(0px)
}

    #Note-list li:hover .Note-delete:hover {
        background: rgba(0, 0, 0, .8)
    }

.button-list .btn {
    margin-bottom: 10px;
    margin-right: 30px
}

.Note-delete {
    margin-bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .6);
    border: none;
    position: absolute;
    right: 20px;
    color: #fff;
    transition: all ease-in .3s;
    border-radius: 2px;
    cursor: pointer;
    transform: translateX(10px)
}

.popover-content .color-code {
    margin-bottom: 10px
}

.popover-content .display-color {
    width: 75px;
    height: 2.5rem;
    border-radius: .25rem;
    margin-right: 30px;
    background-color: rgba(26, 188, 156, .5);
    border-color: rgba(26, 188, 156, .5)
}

.popover-content span.block {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px
}

.popover-title {
    text-align: center
}

.nav-pills .nav-link.active.active,
.nav-pills .nav-link.active.active:focus,
.nav-pills .nav-link.active.active:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    background: 0 0;
    color: #0275d8;
    text-align: center;
    border-bottom: 1px solid #0275d8
}

.btn-primary,
.sweet-alert button.confirm,
.wizard > .actions a {
    background-color: #667db6;
    border-color: #667db6;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-primary:hover,
    .sweet-alert button.confirm:hover,
    .wizard > .actions a:hover {
        background-color: #78b4f6b0;
        border-color: #78b4f6b0
    }

    .btn-primary:active,
    .sweet-alert button.confirm:active,
    .wizard > .actions a:active {
        background-color: #667db6 !important;
        border-color: #667db6;
        box-shadow: none;
        color: #fff
    }

    .btn-primary:focus,
    .sweet-alert button.confirm:focus,
    .wizard > .actions a:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-primary.disabled,
    .sweet-alert button.disabled.confirm,
    .wizard > .actions a.disabled {
        background-color: rgba(26, 188, 156, .5);
        border-color: rgba(26, 188, 156, .5)
    }

.btn-warning {
    background-color: #f1c40f;
    border-color: #f1c40f;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-warning:hover {
        background-color: #f4d03f;
        border-color: #f4d03f
    }

    .btn-warning:active {
        background-color: #b8960b !important;
        border-color: #b8960b;
        box-shadow: none;
        color: #fff
    }

    .btn-warning:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-warning.disabled {
        background-color: rgba(241, 196, 15, .5);
        border-color: rgba(241, 196, 15, .5)
    }

.btn-default {
    background-color: #bdc3c7;
    border-color: #bdc3c7;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-default:hover {
        background-color: #d9dcde;
        border-color: #d9dcde
    }

    .btn-default:active {
        background-color: #9ca5ab !important;
        border-color: #9ca5ab;
        box-shadow: none;
        color: #fff
    }

    .btn-default:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-default.disabled {
        background-color: rgba(189, 195, 199, .5);
        border-color: rgba(189, 195, 199, .5)
    }

.btn-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-danger:hover {
        background-color: #ed7669;
        border-color: #ed7669
    }

    .btn-danger:active {
        background-color: #cd2a19 !important;
        border-color: #cd2a19;
        box-shadow: none;
        color: #fff
    }

    .btn-danger:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-danger.disabled {
        background-color: rgba(231, 76, 60, .5);
        border-color: rgba(231, 76, 60, .5)
    }

.btn-success {
    background-color: #2ecc71;
    border-color: #2ecc71;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-success:hover {
        background-color: #54d98c;
        border-color: #54d98c
    }

    .btn-success:active {
        background-color: #239a55 !important;
        border-color: #239a55;
        box-shadow: none;
        color: #fff
    }

    .btn-success:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-success.disabled {
        background-color: rgba(46, 204, 113, .5);
        border-color: rgba(46, 204, 113, .5)
    }

.btn-inverse {
    background-color: #34495e;
    border-color: #34495e;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-inverse:hover {
        background-color: #46637f;
        border-color: #46637f
    }

    .btn-inverse:active {
        background-color: #1e2a37 !important;
        border-color: #1e2a37;
        box-shadow: none;
        color: #fff
    }

    .btn-inverse:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-inverse.disabled {
        background-color: rgba(52, 73, 94, .5);
        border-color: rgba(52, 73, 94, .5)
    }

.btn-info {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

    .btn-info:hover {
        background-color: #5faee3;
        border-color: #5faee3
    }

    .btn-info:active {
        background-color: #2077b2 !important;
        border-color: #2077b2;
        box-shadow: none;
        color: #fff
    }

    .btn-info:focus {
        box-shadow: none;
        color: #fff
    }

    .btn-info.disabled {
        background-color: rgba(52, 152, 219, .5);
        border-color: rgba(52, 152, 219, .5)
    }

.btn-disabled {
    background-color: rgba(26, 188, 156, .5);
    border-color: rgba(26, 188, 156, .5);
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s
}

.btn-outline-primary {
    color: #13866f;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-warning {
    color: #b8960b;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-default {
    color: #9ca5ab;
    background-color: #fff;
    background-color: transparent
}

    .btn-outline-default:hover {
        color: #fff
    }

.btn-outline-danger {
    color: #cd2a19;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-success {
    color: #239a55;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-inverse {
    color: #1e2a37;
    background-color: #fff;
    background-color: transparent
}

    .btn-outline-inverse:hover {
        color: #fff
    }

.btn-outline-warning {
    color: #b8960b;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-info {
    color: #2077b2;
    background-color: #fff;
    background-color: transparent
}

.btn-outline-disabled {
    color: #13866f;
    background-color: #fff
}

.btn-xlg {
    padding: 14px 20px;
    font-size: 21px;
    line-height: 40px
}

.btn-lg {
    padding: 12px 18px;
    font-size: 18px;
    line-height: 32px
}

.btn-md {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 23px
}

.btn-sm {
    padding: 8px 14px;
    line-height: 16px;
    font-size: 11px
}

.btn-mini {
    padding: 5px 10px;
    line-height: 14px;
    font-size: 10px
}

.btn-default .badge {
    background-color: #34495e;
    color: #fff
}

.btn-primary .badge,
.sweet-alert button.confirm .badge,
.wizard > .actions a .badge {
    color: #667db6;
    background-color: #fff
}

.btn-success .badge {
    color: #2ecc71;
    background-color: #fff
}

.btn-info .badge {
    color: #3498db;
    background-color: #fff
}

.btn-warning .badge {
    color: #f1c40f;
    background-color: #fff
}

.btn-danger .badge {
    color: #e74c3c;
    background-color: #fff
}

.btn-facebook,
.btn-twitter,
.btn-linkedin,
.btn-dribbble,
.btn-google-plus,
.btn-instagram,
.btn-pinterest,
.btn-dropbox,
.btn-flickr,
.btn-tumblr,
.btn-skype,
.btn-youtube,
.btn-github {
    color: #fff
}

    .btn-facebook:hover,
    .btn-facebook:focus,
    .btn-twitter:hover,
    .btn-twitter:focus,
    .btn-linkedin:hover,
    .btn-linkedin:focus,
    .btn-dribbble:hover,
    .btn-dribbble:focus,
    .btn-google-plus:hover,
    .btn-google-plus:focus,
    .btn-instagram:hover,
    .btn-instagram:focus,
    .btn-pinterest:hover,
    .btn-pinterest:focus,
    .btn-dropbox:hover,
    .btn-dropbox:focus,
    .btn-flickr:hover,
    .btn-flickr:focus,
    .btn-tumblr:hover,
    .btn-tumblr:focus,
    .btn-skype:hover,
    .btn-skype:focus,
    .btn-youtube:hover,
    .btn-youtube:focus,
    .btn-github:hover,
    .btn-github:focus {
        color: #fff;
        box-shadow: none
    }

.btn-facebook {
    background-color: #3b5998
}

.btn-twitter {
    background-color: #00aced
}

.btn-linkedin {
    background-color: #007bb6
}

.btn-dribbble {
    background-color: #ea4c89
}

.btn-google-plus {
    background-color: #dd4b39
}

.btn-instagram {
    background-color: #517fa4
}

.btn-pinterest {
    background-color: #cb2027
}

.btn-dropbox {
    background-color: #32506d
}

.btn-tumblr {
    background-color: #00aced
}

.dropdown-default .dropdown-item:hover,
.dropdown-split-default .dropdown-item:hover {
    background-color: #bdc3c7;
    color: #fff
}

.dropdown-primary .dropdown-menu a:hover,
.dropdown-split-primary .dropdown-menu a:hover {
    background-color: #667db6;
    color: #fff
}

.dropdown-success .dropdown-menu a:hover,
.dropdown-split-success .dropdown-menu a:hover {
    background-color: #2ecc71;
    color: #fff
}

.dropdown-info .dropdown-menu a:hover,
.dropdown-split-info .dropdown-menu a:hover {
    background-color: #3498db;
    color: #fff
}

.dropdown-warning .dropdown-menu a:hover,
.dropdown-split-warning .dropdown-menu a:hover {
    background-color: #f1c40f;
    color: #fff
}

.dropdown-danger .dropdown-menu a:hover,
.dropdown-split-danger .dropdown-menu a:hover {
    background-color: #e74c3c;
    color: #fff
}

.dropdown-inverse .dropdown-item,
.dropdown-split-inverse .dropdown-item {
    transition: all .3s ease-in
}

    .dropdown-inverse .dropdown-item:hover,
    .dropdown-split-inverse .dropdown-item:hover {
        background-color: #34495e;
        color: #fff
    }

.col-form-label {
    font-size: 14px
}

.select2-container {
    width: 100% !important
}

.form-group {
    margin-bottom: 1.25em
}

    .form-group .form-control-lg {
        font-size: 1.25em
    }

    .form-group .form-control-round {
        border-radius: 50px
    }

    .form-group .form-control-static:focus {
        outline: none
    }

.form-control {
    font-size: 13px;
    border-radius: 0px;
    border-width: 2px
}

    .form-control:focus {
        border-color: #667db6 !important
    }

    .form-control.form-control-normal {
        font-weight: 400
    }

    .form-control.form-control-bold {
        font-weight: 600
    }

    .form-control.form-control-capitalize {
        text-transform: capitalize
    }

    .form-control.form-control-uppercase {
        text-transform: uppercase
    }

    .form-control.form-control-lowercase {
        text-transform: lowercase
    }

    .form-control.form-control-variant {
        font-variant: small-caps
    }

    .form-control.form-control-left {
        text-align: left
    }

    .form-control.form-control-center {
        text-align: center
    }

    .form-control.form-control-right {
        text-align: right
    }

    .form-control.form-control-rtl {
        direction: rtl
    }

.form-control-primary {
    border-color: #667db6
}

    .form-control-primary:focus {
        border-color: #667db6
    }

.input-group-primary .input-group-addon {
    background-color: #667db6
}

.input-group-primary .form-control {
    border-color: #667db6
}

.form-control-warning {
    border-color: #f1c40f
}

    .form-control-warning:focus {
        border-color: #f1c40f
    }

.input-group-warning .input-group-addon {
    background-color: #f1c40f
}

.input-group-warning .form-control {
    border-color: #f1c40f
}

.form-control-default {
    border-color: #bdc3c7
}

    .form-control-default:focus {
        border-color: #bdc3c7
    }

.input-group-default .input-group-addon {
    background-color: #bdc3c7
}

.input-group-default .form-control {
    border-color: #bdc3c7
}

.form-control-danger {
    border-color: #e74c3c
}

    .form-control-danger:focus {
        border-color: #e74c3c
    }

.input-group-danger .input-group-addon {
    background-color: #e74c3c
}

.input-group-danger .form-control {
    border-color: #e74c3c
}

.form-control-success {
    border-color: #2ecc71
}

    .form-control-success:focus {
        border-color: #2ecc71
    }

.input-group-success .input-group-addon {
    background-color: #2ecc71
}

.input-group-success .form-control {
    border-color: #2ecc71
}

.form-control-inverse {
    border-color: #34495e
}

    .form-control-inverse:focus {
        border-color: #34495e
    }

.input-group-inverse .input-group-addon {
    background-color: #34495e
}

.input-group-inverse .form-control {
    border-color: #34495e
}

.form-control-info {
    border-color: #3498db
}

    .form-control-info:focus {
        border-color: #3498db
    }

.input-group-info .input-group-addon {
    background-color: #3498db
}

.input-group-info .form-control {
    border-color: #3498db
}

.form-txt-primary {
    color: #667db6
}

    .form-txt-primary:focus {
        color: #667db6
    }

    .form-txt-primary::-moz-placeholder {
        color: #667db6;
        opacity: 1
    }

    .form-txt-primary:-ms-input-placeholder {
        color: #667db6
    }

    .form-txt-primary::-webkit-input-placeholder {
        color: #667db6
    }

.form-txt-warning {
    color: #f1c40f
}

    .form-txt-warning:focus {
        color: #f1c40f
    }

    .form-txt-warning::-moz-placeholder {
        color: #f1c40f;
        opacity: 1
    }

    .form-txt-warning:-ms-input-placeholder {
        color: #f1c40f
    }

    .form-txt-warning::-webkit-input-placeholder {
        color: #f1c40f
    }

.form-txt-default {
    color: #bdc3c7
}

    .form-txt-default:focus {
        color: #bdc3c7
    }

    .form-txt-default::-moz-placeholder {
        color: #bdc3c7;
        opacity: 1
    }

    .form-txt-default:-ms-input-placeholder {
        color: #bdc3c7
    }

    .form-txt-default::-webkit-input-placeholder {
        color: #bdc3c7
    }

.form-txt-danger {
    color: #e74c3c
}

    .form-txt-danger:focus {
        color: #e74c3c
    }

    .form-txt-danger::-moz-placeholder {
        color: #e74c3c;
        opacity: 1
    }

    .form-txt-danger:-ms-input-placeholder {
        color: #e74c3c
    }

    .form-txt-danger::-webkit-input-placeholder {
        color: #e74c3c
    }

.form-txt-success {
    color: #2ecc71
}

    .form-txt-success:focus {
        color: #2ecc71
    }

    .form-txt-success::-moz-placeholder {
        color: #2ecc71;
        opacity: 1
    }

    .form-txt-success:-ms-input-placeholder {
        color: #2ecc71
    }

    .form-txt-success::-webkit-input-placeholder {
        color: #2ecc71
    }

.form-txt-inverse {
    color: #34495e
}

    .form-txt-inverse:focus {
        color: #34495e
    }

    .form-txt-inverse::-moz-placeholder {
        color: #34495e;
        opacity: 1
    }

    .form-txt-inverse:-ms-input-placeholder {
        color: #34495e
    }

    .form-txt-inverse::-webkit-input-placeholder {
        color: #34495e
    }

.form-txt-info {
    color: #3498db
}

    .form-txt-info:focus {
        color: #3498db
    }

    .form-txt-info::-moz-placeholder {
        color: #3498db;
        opacity: 1
    }

    .form-txt-info:-ms-input-placeholder {
        color: #3498db
    }

    .form-txt-info::-webkit-input-placeholder {
        color: #3498db
    }

.form-bg-primary {
    background-color: #667db6;
    border-color: #667db6;
    color: #fff
}

    .form-bg-primary:focus {
        background-color: #667db6;
        border-color: #667db6;
        color: #fff
    }

    .form-bg-primary::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-primary:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-primary::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-warning {
    background-color: #f1c40f;
    border-color: #f1c40f;
    color: #fff
}

    .form-bg-warning:focus {
        background-color: #f1c40f;
        border-color: #f1c40f;
        color: #fff
    }

    .form-bg-warning::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-warning:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-warning::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-default {
    background-color: #bdc3c7;
    border-color: #bdc3c7;
    color: #fff
}

    .form-bg-default:focus {
        background-color: #bdc3c7;
        border-color: #bdc3c7;
        color: #fff
    }

    .form-bg-default::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-default:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-default::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff
}

    .form-bg-danger:focus {
        background-color: #e74c3c;
        border-color: #e74c3c;
        color: #fff
    }

    .form-bg-danger::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-danger:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-danger::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-success {
    background-color: #2ecc71;
    border-color: #2ecc71;
    color: #fff
}

    .form-bg-success:focus {
        background-color: #2ecc71;
        border-color: #2ecc71;
        color: #fff
    }

    .form-bg-success::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-success:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-success::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-inverse {
    background-color: #34495e;
    border-color: #34495e;
    color: #fff
}

    .form-bg-inverse:focus {
        background-color: #34495e;
        border-color: #34495e;
        color: #fff
    }

    .form-bg-inverse::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-inverse:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-inverse::-webkit-input-placeholder {
        color: #fff
    }

.form-bg-info {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff
}

    .form-bg-info:focus {
        background-color: #3498db;
        border-color: #3498db;
        color: #fff
    }

    .form-bg-info::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-bg-info:-ms-input-placeholder {
        color: #fff
    }

    .form-bg-info::-webkit-input-placeholder {
        color: #fff
    }

.has-success .col-form-label {
    color: #2ecc71
}

.has-success .form-control-success {
    border-color: #2ecc71
}

.has-warning .col-form-label {
    color: #f1c40f
}

.has-warning .form-control-success {
    border-color: #f1c40f
}

.has-danger .col-form-label {
    color: #e74c3c
}

.has-danger .form-control-success {
    border-color: #e74c3c
}

.left-icon-control {
    position: relative
}

    .left-icon-control input {
        padding-left: 50px
    }

    .left-icon-control .form-icon {
        position: absolute;
        top: 50%;
        left: 17px;
        margin-top: -12px
    }

.right-icon-control {
    position: relative
}

    .right-icon-control input {
        padding-right: 50px
    }

    .right-icon-control .form-icon {
        position: absolute;
        top: 7px;
        right: 17px
    }

.input-group {
    margin-bottom: 1.25em
}

.input-group-addon {
    background-color: #667db6;
    color: #fff
}

.input-group-button [class*=btn-] {
    padding: 0;
    margin-bottom: 0
}

.input-group-button .input-group-addon {
    transition: all ease-in .3s
}

    .input-group-button .input-group-addon:hover {
        background-color: #28e1bd;
        border-color: #28e1bd
    }

        .input-group-button .input-group-addon:hover .btn {
            background-color: #28e1bd;
            border-color: #28e1bd
        }

.input-group-dropdown [class*=btn-] {
    margin-bottom: 0
}

.js-dynamic-disable,
.js-dynamic-enable {
    vertical-align: inherit
}

.form-radio {
    position: relative
}

    .form-radio .form-help {
        position: absolute;
        width: 100%
    }

    .form-radio label {
        position: relative;
        padding-left: 1.5rem;
        text-align: left;
        color: #333;
        display: block
    }

    .form-radio input {
        width: auto;
        opacity: .00000001;
        position: absolute;
        left: 0
    }

.radio .helper {
    position: absolute;
    top: -.15rem;
    left: -.25rem;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999
}

    .radio .helper::after {
        transform: scale(0);
        background-color: #667db6;
        border-color: #667db6
    }

    .radio .helper::after,
    .radio .helper::before {
        content: '';
        position: absolute;
        left: 0;
        top: 5px;
        margin: .25rem;
        width: 1rem;
        height: 1rem;
        transition: transform .28s ease;
        border-radius: 50%;
        border: .125rem solid #667db6
    }

.radio label:hover .helper {
    color: #667db6
}

.radio input:checked ~ .helper::after {
    transform: scale(.5)
}

.radio input:checked ~ .helper::before {
    color: #667db6
}

.radio.radiofill input:checked ~ .helper::after {
    transform: scale(1)
}

.radio.radiofill .helper::after {
    background-color: #667db6
}

.radio.radio-disable {
    opacity: .7
}

    .radio.radio-disable label {
        cursor: not-allowed
    }

.radio-inline {
    display: inline-block;
    margin-right: 20px
}

.radio.radiofill.radio-primary .helper::after {
    background-color: #667db6;
    border-color: #667db6
}

.radio.radiofill.radio-primary .helper::before {
    border-color: #667db6
}

.radio.radiofill.radio-warning .helper::after {
    background-color: #f1c40f;
    border-color: #f1c40f
}

.radio.radiofill.radio-warning .helper::before {
    border-color: #f1c40f
}

.radio.radiofill.radio-default .helper::after {
    background-color: #bdc3c7;
    border-color: #bdc3c7
}

.radio.radiofill.radio-default .helper::before {
    border-color: #bdc3c7
}

.radio.radiofill.radio-danger .helper::after {
    background-color: #e74c3c;
    border-color: #e74c3c
}

.radio.radiofill.radio-danger .helper::before {
    border-color: #e74c3c
}

.radio.radiofill.radio-success .helper::after {
    background-color: #2ecc71;
    border-color: #2ecc71
}

.radio.radiofill.radio-success .helper::before {
    border-color: #2ecc71
}

.radio.radiofill.radio-inverse .helper::after {
    background-color: #34495e;
    border-color: #34495e
}

.radio.radiofill.radio-inverse .helper::before {
    border-color: #34495e
}

.radio.radiofill.radio-info .helper::after {
    background-color: #3498db;
    border-color: #3498db
}

.radio.radiofill.radio-info .helper::before {
    border-color: #3498db
}

.border-checkbox-section .border-checkbox-group {
    display: inline-block
}

    .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:after {
        -webkit-animation: check linear .5s;
        animation: check linear .5s;
        opacity: 1;
        border-color: #667db6
    }

        .border-checkbox-section .border-checkbox-group .border-checkbox:checked + .border-checkbox-label:after .border-checkbox-label:before {
            border-color: #eee
        }

    .border-checkbox-section .border-checkbox-group .border-checkbox-label {
        position: relative;
        display: inline-block;
        cursor: pointer;
        height: 25px;
        line-height: 25px;
        padding-left: 30px;
        margin-right: 15px
    }

        .border-checkbox-section .border-checkbox-group .border-checkbox-label:after {
            content: "";
            display: block;
            width: 5px;
            height: 15px;
            opacity: .9;
            border-right: 2px solid #eee;
            border-top: 2px solid #eee;
            position: absolute;
            left: 5px;
            top: 15px;
            transform: scaleX(-1) rotate(135deg);
            transform-origin: left top
        }

        .border-checkbox-section .border-checkbox-group .border-checkbox-label:before {
            content: "";
            display: block;
            border: 2px solid #667db6;
            width: 25px;
            height: 25px;
            position: absolute;
            left: 0
        }

.border-checkbox-section .border-checkbox {
    display: none
}

    .border-checkbox-section .border-checkbox:disabled ~ .border-checkbox-label {
        cursor: no-drop;
        color: #ccc
    }

@-webkit-keyframes check {
    0% {
        height: 0;
        width: 0
    }

    25% {
        height: 0;
        width: 5px
    }

    50% {
        height: 15px;
        width: 5px
    }
}

@keyframes check {
    0% {
        height: 0;
        width: 0
    }

    25% {
        height: 0;
        width: 5px
    }

    50% {
        height: 15px;
        width: 5px
    }
}

.border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before {
    border: 2px solid #667db6
}

.border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #667db6
}

.border-checkbox-section .border-checkbox-group-warning .border-checkbox-label:before {
    border: 2px solid #f1c40f
}

.border-checkbox-section .border-checkbox-group-warning .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #f1c40f
}

.border-checkbox-section .border-checkbox-group-default .border-checkbox-label:before {
    border: 2px solid #bdc3c7
}

.border-checkbox-section .border-checkbox-group-default .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #bdc3c7
}

.border-checkbox-section .border-checkbox-group-danger .border-checkbox-label:before {
    border: 2px solid #e74c3c
}

.border-checkbox-section .border-checkbox-group-danger .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #e74c3c
}

.border-checkbox-section .border-checkbox-group-success .border-checkbox-label:before {
    border: 2px solid #2ecc71
}

.border-checkbox-section .border-checkbox-group-success .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #2ecc71
}

.border-checkbox-section .border-checkbox-group-inverse .border-checkbox-label:before {
    border: 2px solid #34495e
}

.border-checkbox-section .border-checkbox-group-inverse .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #34495e
}

.border-checkbox-section .border-checkbox-group-info .border-checkbox-label:before {
    border: 2px solid #3498db
}

.border-checkbox-section .border-checkbox-group-info .border-checkbox:checked + .border-checkbox-label:after {
    border-color: #3498db
}

.checkbox-fade {
    display: inline-block;
    margin-right: 15px
}

    .checkbox-fade label {
        line-height: 25px
    }

        .checkbox-fade label input[type=checkbox],
        .checkbox-fade label input[type=radio] {
            display: none
        }

            .checkbox-fade label input[type=checkbox]:checked + .cr > .cr-icon,
            .checkbox-fade label input[type=radio]:checked + .cr > .cr-icon {
                transform: scale(1) rotateZ(0deg);
                opacity: 1
            }

            .checkbox-fade label input[type=checkbox] + .cr > .cr-icon,
            .checkbox-fade label input[type=radio] + .cr > .cr-icon {
                transform: scale(3) rotateZ(-20deg);
                opacity: 0;
                transition: all .3s ease-in
            }

        .checkbox-fade label:after {
            content: '';
            display: table;
            clear: both
        }

    .checkbox-fade.fade-in-disable label,
    .checkbox-fade.fade-in-disable .cr {
        color: #ccc;
        cursor: no-drop
    }

    .checkbox-fade .cr {
        border-radius: 0;
        border: 2px solid #667db6;
        cursor: pointer;
        display: inline-block;
        float: left;
        height: 25px;
        margin-right: .5em;
        position: relative;
        width: 25px
    }

        .checkbox-fade .cr .cr-icon {
            color: #667db6;
            font-size: .8em;
            left: 0;
            line-height: 0;
            position: absolute;
            right: 0;
            text-align: center;
            top: 50%
        }

    .checkbox-fade.fade-in-primary .cr {
        border: 2px solid #667db6
    }

        .checkbox-fade.fade-in-primary .cr .cr-icon {
            color: #667db6
        }

    .checkbox-fade.fade-in-warning .cr {
        border: 2px solid #f1c40f
    }

        .checkbox-fade.fade-in-warning .cr .cr-icon {
            color: #f1c40f
        }

    .checkbox-fade.fade-in-default .cr {
        border: 2px solid #bdc3c7
    }

        .checkbox-fade.fade-in-default .cr .cr-icon {
            color: #bdc3c7
        }

    .checkbox-fade.fade-in-danger .cr {
        border: 2px solid #e74c3c
    }

        .checkbox-fade.fade-in-danger .cr .cr-icon {
            color: #e74c3c
        }

    .checkbox-fade.fade-in-success .cr {
        border: 2px solid #2ecc71
    }

        .checkbox-fade.fade-in-success .cr .cr-icon {
            color: #2ecc71
        }

    .checkbox-fade.fade-in-inverse .cr {
        border: 2px solid #34495e
    }

        .checkbox-fade.fade-in-inverse .cr .cr-icon {
            color: #34495e
        }

    .checkbox-fade.fade-in-info .cr {
        border: 2px solid #3498db
    }

        .checkbox-fade.fade-in-info .cr .cr-icon {
            color: #3498db
        }

.checkbox-color {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer
}

    .checkbox-color label {
        display: inline-block;
        position: relative;
        padding-left: 10px;
        line-height: 25px
    }

        .checkbox-color label::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: 3px;
            width: 25px;
            height: 25px;
            left: 0;
            right: 0;
            text-align: center;
            margin-left: -20px;
            border: 1px solid #ccc;
            border-radius: 0;
            background-color: #fff;
            transition: border .15s ease-in-out, color .15s ease-in-out
        }

        .checkbox-color label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 2px;
            margin-left: -17px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #fff
        }

    .checkbox-color input[type=checkbox] {
        opacity: 0
    }

        .checkbox-color input[type=checkbox]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

        .checkbox-color input[type=checkbox]:checked + label::after {
            font-family: fontawesome;
            content: "\f00c"
        }

        .checkbox-color input[type=checkbox]:disabled + label {
            opacity: .65
        }

            .checkbox-color input[type=checkbox]:disabled + label::before {
                background-color: #eee;
                cursor: not-allowed
            }

    .checkbox-color.checkbox-circle label::before {
        border-radius: 50%
    }

    .checkbox-color.checkbox-inline {
        margin-top: 0
    }

.checkbox-primary input[type=checkbox]:checked + label::after,
.checkbox-danger input[type=checkbox]:checked + label::after,
.checkbox-info input[type=checkbox]:checked + label::after,
.checkbox-warning input[type=checkbox]:checked + label::after,
.checkbox-success input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-primary input[type=checkbox]:checked + label::before {
    background-color: #2196f3;
    border-color: #2196f3
}

.checkbox-primary input[type=checkbox]:checked + label::before {
    background-color: #667db6
}

.checkbox-warning input[type=checkbox]:checked + label::before {
    background-color: #f1c40f
}

.checkbox-default input[type=checkbox]:checked + label::before {
    background-color: #bdc3c7
}

.checkbox-danger input[type=checkbox]:checked + label::before {
    background-color: #e74c3c
}

.checkbox-success input[type=checkbox]:checked + label::before {
    background-color: #2ecc71
}

.checkbox-inverse input[type=checkbox]:checked + label::before {
    background-color: #34495e
}

.checkbox-info input[type=checkbox]:checked + label::before {
    background-color: #3498db
}

.bootstrap-tagsinput {
    border: 1px solid #667db6;
    line-height: 30px;
    border-radius: 2px
}

    .bootstrap-tagsinput .tag {
        padding: 6px;
        border-radius: 2px
    }

.select2-container--default:focus {
    border-color: #667db6
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent
}

.select2-container--default .select2-search__field:focus {
    border: 1px solid #667db6
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #667db6
}

.select2-container--default .select2-selection--multiple {
    padding: 3px 30px 4px 10px
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #667db6;
        border: 1px solid #667db6;
        padding: 5px 15px;
        color: #fff
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice span {
            color: #fff
        }

    .select2-container--default .select2-selection--multiple .select2-search__field {
        border: none
    }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #667db6
}

.select2-container--default .select2-selection--single {
    color: #fff;
    height: auto
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        background-color: #ffffff;
        color: #667db6;
        padding: 8px 30px 8px 20px
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 10px;
        right: 15px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #667db6 transparent transparent transparent
        }

.ms-container .ms-list.ms-focus {
    border-color: #667db6;
    box-shadow: inset 0 1px 1px rgba(26, 188, 156, .49), 0 0 8px rgba(26, 188, 156, .5)
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: #667db6
}

.ms-selectable .custom-header,
.ms-selection .custom-header {
    background-color: #667db6;
    color: #fff;
    text-align: center
}

.ms-list {
    display: block !important
}

    .ms-list li {
        width: 100%
    }

.form-group .messages p {
    margin-bottom: 0;
    transition: all ease-in .3s
}

.form-group .popover-valid {
    position: absolute;
    right: 40px;
    top: 7px
}

.wizard > .steps .current a {
    background: #667db6;
    transition: all ease-in .3s;
    cursor: pointer;
    border-radius: 2px;
    outline: 1px solid #fff;
    outline-offset: -7px
}

    .wizard > .steps .current a:hover {
        background: #667db6;
        outline-offset: 0
    }

#design-wizard .steps li {
    position: relative;
    z-index: 99;
    margin-bottom: 20px
}

    #design-wizard .steps li:after {
        content: "";
        position: absolute;
        height: 2px;
        background: #667db6;
        width: 100%;
        top: 30px;
        z-index: -1
    }

    #design-wizard .steps li a {
        width: 20%;
        margin: 0 auto;
        text-align: center;
        border-radius: 2px
    }

.wizard > .steps .done a {
    background: #bdc3c7
}

.card .card-block .wizard-form .steps ul {
    display: block
}

.card .card-block .wizard-form li {
    margin-right: 0
}

.wizard > .content {
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #fff
}

.label {
    border-radius: 4px;
    font-size: 75%;
    padding: 4px 7px;
    margin-right: 5px;
    font-weight: 700;
    color: #fff !important
}

.label-main {
    display: inline-block;
    vertical-align: middle;
    margin: 8px 5px
}

.badge {
    border-radius: 10px;
    padding: 3px 7px
}

.label.label-lg {
    padding: 8px 21px
}

.label.label-md {
    padding: 6px 14px
}

.badge-lg {
    padding: 5px 9px;
    font-size: 14px
}

.badge-md {
    padding: 4px 8px;
    font-size: 14px
}

span.badge {
    display: inline-block !important
}

.label-default {
    background-color: #bdc3c7 !important;
    border-color: #bdc3c7;
    box-shadow: none;
    color: #fff
}

.label-inverse-default {
    border: 1px solid;
    border-color: #bdc3c7;
    color: #bdc3c7 !important
}

.label-inverse-primary {
    border: 1px solid;
    border-color: #667db6;
    color: #667db6 !important
}

.label-inverse-success {
    border: 1px solid;
    border-color: #2ecc71;
    color: #2ecc71 !important
}

.label-inverse-warning {
    border: 1px solid;
    border-color: #f1c40f;
    color: #f1c40f !important
}

.label-inverse-danger {
    border: 1px solid;
    border-color: #e74c3c;
    color: #e74c3c !important
}

.label-inverse-info {
    border: 1px solid;
    border-color: #3498db;
    color: #3498db !important
}

.label-inverse-info-border {
    border: 1px solid;
    border-color: #34495e;
    color: #34495e !important
}

.badge-inverse-default {
    border: 1px solid;
    border-color: #bdc3c7;
    color: #bdc3c7 !important
}

.badge-inverse-primary {
    border: 1px solid;
    border-color: #667db6;
    color: #667db6 !important
}

.badge-inverse-success {
    border: 1px solid;
    border-color: #2ecc71;
    color: #2ecc71 !important
}

.badge-inverse-warning {
    border: 1px solid;
    border-color: #f1c40f;
    color: #f1c40f !important
}

.badge-inverse-danger {
    border: 1px solid;
    border-color: #e74c3c;
    color: #e74c3c !important
}

.badge-inverse-info {
    border: 1px solid;
    border-color: #34495e;
    color: #34495e !important
}

.label-icon label {
    position: absolute
}

.icofont.icofont-envelope {
    font-size: 20px
}

.data-table-main.icon-list-demo [class*=col-] {
    margin-bottom: 10px
}

.data-table-main.icon-svg-demo [class*=col-] {
    margin-bottom: 10px
}

.icon-list-demo i {
    border: 1px solid #eceeef;
    border-radius: 3px;
    color: rgba(43, 61, 81, .7);
    display: inline-block;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    margin: 0 12px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 50px
}

.icon-list-demo div {
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 10px
}

.icon-list-demo i:hover {
    color: #64b0f2
}

.flags .f-item {
    padding: 12px;
    border: 1px solid #ddd;
    margin-right: 15px;
    display: inline-block
}

.data-table-main.flags [class*=col-] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.content-flag label {
    margin-bottom: 0;
    cursor: pointer
}

.content-flag .txt-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    overflow: hidden
}

.outer-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px
}

label.txt-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 150px
}

.flags .f-item .name,
.flags .f-item .capital {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 0
}

.flags .f-item .code {
    display: block;
    font-size: 90%;
    color: #999;
    padding-bottom: 0
}

.bg-pic {
    background-color: rgba(0, 0, 0, .5);
    background-blend-mode: overlay
}

.j-pro {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .15)
}

    .j-pro .j-header {
        background-color: #667db6;
        border-top: 1px solid #667db6;
        box-shadow: none
    }

    .j-pro .j-icon-right {
        border-left: 1px solid rgba(0, 0, 0, .32)
    }

    .j-pro .j-icon-left {
        border-right: 1px solid rgba(0, 0, 0, .32)
    }

    .j-pro .j-footer {
        background-color: #fff;
        border-top: 1px dashed #667db6;
        padding: 20px 25px
    }

        .j-pro .j-footer button {
            margin-bottom: 0;
            float: right
        }

    .j-pro .j-divider-text span {
        color: #222
    }

    .j-pro .btn-primary.disabled,
    .j-pro .sweet-alert button.disabled.confirm,
    .sweet-alert .j-pro button.disabled.confirm,
    .j-pro .wizard > .actions a.disabled,
    .wizard > .actions .j-pro a.disabled,
    .j-pro .btn-primary:disabled,
    .j-pro .sweet-alert button.confirm:disabled,
    .sweet-alert .j-pro button.confirm:disabled,
    .j-pro .wizard > .actions a:disabled,
    .wizard > .actions .j-pro a:disabled {
        background-color: #2ecc71;
        border-color: #2ecc71
    }

    .j-pro input[type=text],
    .j-pro input[type=password],
    .j-pro input[type=email],
    .j-pro input[type=search],
    .j-pro input[type=url],
    .j-pro textarea,
    .j-pro select,
    .j-forms input[type=text],
    .j-forms input[type=password],
    .j-forms input[type=email],
    .j-forms input[type=search],
    .j-forms input[type=url],
    .j-forms textarea,
    .j-forms select {
        border: 1px solid rgba(0, 0, 0, .15)
    }

        .j-pro input[type=text]:hover,
        .j-pro input[type=password]:hover,
        .j-pro input[type=email]:hover,
        .j-pro input[type=search]:hover,
        .j-pro input[type=url]:hover,
        .j-pro textarea:hover,
        .j-pro select:hover,
        .j-pro input[type=text]:focus,
        .j-pro input[type=password]:focus,
        .j-pro input[type=email]:focus,
        .j-pro input[type=search]:focus,
        .j-pro input[type=url]:focus,
        .j-pro textarea:focus,
        .j-pro select:focus,
        .j-pro .j-file-button:hover + input,
        .j-forms input[type=text]:hover,
        .j-forms input[type=password]:hover,
        .j-forms input[type=email]:hover,
        .j-forms input[type=search]:hover,
        .j-forms input[type=url]:hover,
        .j-forms textarea:hover,
        .j-forms select:hover,
        .j-forms input[type=text]:focus,
        .j-forms input[type=password]:focus,
        .j-forms input[type=email]:focus,
        .j-forms input[type=search]:focus,
        .j-forms input[type=url]:focus,
        .j-forms textarea:focus,
        .j-forms select:focus {
            border: 1px solid #667db6
        }

    .j-pro .j-radio-toggle,
    .j-pro .j-checkbox-toggle,
    .j-pro .j-inline-group .j-radio-toggle,
    .j-pro .j-inline-group .j-checkbox-toggle {
        padding: 9px 0 18px
    }

    .j-pro .j-tooltip,
    .j-pro .j-tooltip-image {
        background-color: #667db6
    }

        .j-pro .j-tooltip:before,
        .j-pro .j-tooltip-image:before {
            border-color: #667db6 transparent
        }

    .j-pro .j-primary-btn,
    .j-pro .j-file-button,
    .j-pro .j-secondary-btn,
    .j-pro .j-widget .j-addon-btn {
        background-color: #667db6
    }

        .j-pro .j-primary-btn:hover,
        .j-pro .j-file-button:hover,
        .j-pro .j-secondary-btn:hover,
        .j-pro .j-widget .j-addon-btn:hover {
            background-color: #1dd2af
        }

    .j-pro .j-ratings input + label:hover,
    .j-pro .j-ratings input + label:hover ~ label,
    .j-pro .j-ratings input:checked + label,
    .j-pro .j-ratings input:checked + label ~ label {
        color: #667db6
    }

.j-unit .checkbox-fade {
    display: block;
    margin-top: 20px
}

.j-forms {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .15)
}

    .j-forms button i {
        margin-right: 0
    }

    .j-forms .checkbox-fade {
        margin-top: 10px
    }

        .j-forms .checkbox-fade .disabled-view {
            opacity: .5;
            cursor: not-allowed
        }

    .j-forms .link {
        color: #667db6;
        border-bottom: none;
        text-transform: capitalize;
        margin-bottom: 15px
    }

    .j-forms .label {
        margin-bottom: 15px
    }

    .j-forms .btn-primary:disabled,
    .j-forms .sweet-alert button.confirm:disabled,
    .sweet-alert .j-forms button.confirm:disabled,
    .j-forms .wizard > .actions a:disabled,
    .wizard > .actions .j-forms a:disabled {
        background-color: #bdc3c7;
        border-color: #bdc3c7
    }

    .j-forms .radio-toggle,
    .j-forms .checkbox-toggle,
    .j-forms .inline-group .radio-toggle,
    .j-forms .inline-group .checkbox-toggle {
        padding: 9px 0 8px 0
    }

    .j-forms .header {
        background-color: #667db6;
        border-top: 1px solid #667db6;
        box-shadow: none
    }

    .j-forms .divider-text span {
        color: #222
    }

    .j-forms .widget .addon,
    .j-forms .widget .addon-btn {
        background-color: #667db6;
        color: #fff
    }

        .j-forms .widget .addon:hover,
        .j-forms .widget .addon:focus,
        .j-forms .widget .addon-btn:hover,
        .j-forms .widget .addon-btn:focus {
            background-color: #1dd2af
        }

            .j-forms .widget .addon:hover i,
            .j-forms .widget .addon:focus i,
            .j-forms .widget .addon-btn:hover i,
            .j-forms .widget .addon-btn:focus i {
                color: #fff
            }

        .j-forms .widget .addon i,
        .j-forms .widget .addon-btn i {
            color: #fff
        }

    .j-forms .footer {
        background-color: #fff;
        border-top: 1px dashed #667db6;
        padding: 20px 25px
    }

        .j-forms .footer button {
            float: right;
            margin-bottom: 0
        }

    .j-forms .stepper .stepper-arrow {
        background-color: #667db6
    }

        .j-forms .stepper .stepper-arrow:hover {
            background-color: #1dd2af
        }

        .j-forms .stepper .stepper-arrow.up:after {
            border-bottom: 7px solid #fff
        }

        .j-forms .stepper .stepper-arrow.down:after {
            border-top: 7px solid #fff
        }

.popup-menu {
    padding: 0
}

    .popup-menu .popup-list {
        background-color: #2c3e50;
        border-radius: 0
    }

        .popup-menu .popup-list > ul > li {
            transition: all ease-in .3s;
            color: #fff;
            border-left: none;
            cursor: pointer
        }

            .popup-menu .popup-list > ul > li:hover {
                background-color: #384c5f;
                color: #fff
            }

.j-tabs-container .j-tabs-label,
.j-tabs-container input[type=radio]:checked + .j-tabs-label {
    border-top: 4px solid #667db6
}

.pop-up-logo img {
    margin-top: 10px;
    margin-left: 80px
}

.popup-list-open .popup-list-wrapper {
    z-index: 99
}

.span4 label {
    color: #222 !important
}

.pop-up-wrapper {
    margin-left: 0 !important
}

.box-list div div div {
    margin-bottom: 20px
}

.box-list {
    padding-bottom: 0
}

    .box-list p {
        margin-bottom: 0 !important
    }

.z-depth-top-0 {
    box-shadow: 0 -5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-top-1 {
    box-shadow: 0 -7px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-top-2 {
    box-shadow: 0 -9px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-top-3 {
    box-shadow: 0 -10px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-top-4 {
    box-shadow: 0 -11px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-top-5 {
    box-shadow: 0 -12px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-0 {
    box-shadow: 0 5px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-1 {
    box-shadow: 0 7px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-2 {
    box-shadow: 0 9px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-3 {
    box-shadow: 0 10px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-4 {
    box-shadow: 0 11px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-bottom-5 {
    box-shadow: 0 12px 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-0 {
    box-shadow: -5px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-1 {
    box-shadow: -7px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-2 {
    box-shadow: -9px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-3 {
    box-shadow: -10px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-4 {
    box-shadow: -11px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-left-5 {
    box-shadow: -12px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-0 {
    box-shadow: 5px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-1 {
    box-shadow: 7px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-2 {
    box-shadow: 9px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-3 {
    box-shadow: 10px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-4 {
    box-shadow: 11px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-right-5 {
    box-shadow: 12px 0 25px -5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-0 {
    box-shadow: 0 0 25px 5px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-1 {
    box-shadow: 0 0 25px 7px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-2 {
    box-shadow: 0 0 25px 9px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-3 {
    box-shadow: 0 0 25px 10px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-4 {
    box-shadow: 0 0 25px 11px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

.z-depth-5 {
    box-shadow: 0 0 25px 12px #ccc, 0 1px 5px 0 rgba(0, 0, 0, .1), 0 0 0 0 transparent
}

table.table-bordered.dataTable tbody th:focus,
table.table-bordered.dataTable tbody td:focus {
    outline: none
}

.card .card-block ul.pagination li {
    margin-right: 0
}

.page-item.active .page-link {
    background-color: #667db6;
    border-color: #667db6
}

.page-link {
    color: #222
}

td.highlight {
    font-weight: 700;
    color: #3498db;
    background-color: #f5f5f5
}

.table.compact td,
.table.compact th {
    padding: .45rem
}

.dataTables_paginate .pagination {
    float: right
}

#multi-table_wrapper .dataTables_paginate .pagination {
    float: none
}

#footer-search tfoot .form-control,
#footer-select tfoot .form-control,
#form-input-table .form-control,
.search-api .form-control,
#dt-live-dom .form-control {
    width: 90%
}

.search-api .global_filter,
.search-api .column_filter {
    margin: 0 auto
}

.search-api .checkbox-fade {
    display: block;
    text-align: center
}

td.details-control {
    background: url(/images/details_open.png) no-repeat center center;
    cursor: pointer
}

tr.shown td.details-control {
    background: url(/images/details_close.png) no-repeat center center
}

#row-select .selected,
#row-delete .selected {
    background-color: #667db6;
    color: #fff
}

div.dt-autofill-list div.dt-autofill-button button {
    background-color: #667db6;
    border-color: #667db6
}

table.dataTable {
    border-collapse: collapse !important
}

    table.dataTable tbody > tr.selected,
    table.dataTable tbody > tr > .selected {
        background-color: #667db6;
        color: #fff
    }

    table.dataTable td.select-checkbox:before,
    table.dataTable th.select-checkbox:before {
        margin-top: 0
    }

    table.dataTable tr.selected td.select-checkbox:after,
    table.dataTable tr.selected th.select-checkbox:after {
        margin-top: -6px;
        margin-left: -5px
    }

button.dt-button,
div.dt-button,
a.dt-button,
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled),
button.dt-button:active:not(.disabled),
button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
    background-color: #667db6;
    border-color: #667db6;
    border-radius: 2px;
    color: #fff;
    background-image: none;
    font-size: 14px
}

    button.dt-button.btn-warning,
    div.dt-button.btn-warning,
    a.dt-button.btn-warning {
        background-color: #f1c40f;
        border-color: #f1c40f;
        border-radius: 2px;
        color: #fff;
        background-image: none
    }

    button.dt-button.btn-danger,
    div.dt-button.btn-danger,
    a.dt-button.btn-danger {
        background-color: #e74c3c;
        border-color: #e74c3c;
        border-radius: 2px;
        color: #fff;
        background-image: none
    }

    button.dt-button.btn-inverse,
    div.dt-button.btn-inverse,
    a.dt-button.btn-inverse {
        background-color: #34495e;
        border-color: #34495e;
        border-radius: 2px;
        color: #fff;
        background-image: none
    }

    button.dt-button:hover:not(.disabled),
    div.dt-button:hover:not(.disabled),
    a.dt-button:hover:not(.disabled) {
        background-image: none;
        background-color: #1dd2af;
        border-color: #667db6
    }

    button.dt-button.btn-warning:hover:not(.disabled),
    div.dt-button.btn-warning:hover:not(.disabled),
    a.dt-button.btn-warning:hover:not(.disabled) {
        background-image: none;
        background-color: #f4d03f;
        border-color: #f1c40f
    }

    button.dt-button.btn-danger:hover:not(.disabled),
    div.dt-button.btn-danger:hover:not(.disabled),
    a.dt-button.btn-danger:hover:not(.disabled) {
        background-image: none;
        background-color: #ed7669;
        border-color: #e74c3c
    }

    button.dt-button.btn-inverse:hover:not(.disabled),
    div.dt-button.btn-inverse:hover:not(.disabled),
    a.dt-button.btn-inverse:hover:not(.disabled) {
        background-image: none;
        background-color: #46637f;
        border-color: #34495e
    }

div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-color: #667db6;
    border-color: #667db6;
    background-image: none
}

div.dt-buttons {
    clear: both
}

.card .table-card-header b {
    display: block;
    color: #667db6;
    margin-top: 15px
}

.card .table-card-header span {
    color: #148f77;
    display: inline-block;
    margin-top: 0
}

div.dataTables_wrapper div.dataTables_info {
    display: inline-block
}

table.DTCR_clonedTable.dataTable {
    position: absolute !important;
    background-color: rgba(255, 255, 255, .7);
    z-index: 202
}

div.DTCR_pointer {
    width: 1px;
    background-color: #0259c4;
    z-index: 201
}

table.DTFC_Cloned thead,
table.DTFC_Cloned tfoot {
    background-color: #fff
}

div.DTFC_Blocker {
    background-color: #fff
}

div.DTFC_LeftWrapper table.dataTable,
div.DTFC_RightWrapper table.dataTable {
    margin-bottom: 0;
    z-index: 2
}

    div.DTFC_LeftWrapper table.dataTable.no-footer,
    div.DTFC_RightWrapper table.dataTable.no-footer {
        border-bottom: none
    }

th,
td {
    white-space: nowrap
}

table.fixedHeader-floating {
    position: fixed !important;
    background-color: #fff
}

    table.fixedHeader-floating.no-footer {
        border-bottom-width: 0
    }

table.fixedHeader-locked {
    position: absolute !important;
    background-color: #fff
}

@media print {
    table.fixedHeader-floating {
        display: none
    }
}

table.dataTable th.focus,
table.dataTable td.focus {
    outline: 3px solid #667db6;
    outline-offset: -1px
}

table.dataTable td.focus {
    outline: 1px solid #e74c3c;
    outline-offset: -3px;
    background-color: #f8e6e6 !important
}

#events {
    margin-bottom: 1em;
    padding: 1em;
    background-color: #f6f6f6;
    border: 1px solid #999;
    border-radius: 3px;
    height: 100px;
    overflow: auto
}

table.dt-rowReorder-float {
    position: absolute !important;
    opacity: .8;
    table-layout: fixed;
    outline: 2px solid #888;
    outline-offset: -2px;
    z-index: 2001
}

tr.dt-rowReorder-moving {
    outline: 2px solid #555;
    outline-offset: -2px
}

body.dt-rowReorder-noOverflow {
    overflow-x: hidden
}

table.dataTable td.reorder {
    text-align: center;
    cursor: move
}

#result {
    border: 1px solid #888;
    background: #f7f7f7;
    padding: 1em;
    margin-bottom: 1em
}

div.DTS {
    display: block !important
}

    div.DTS tbody th,
    div.DTS tbody td {
        white-space: nowrap
    }

    div.DTS div.DTS_Loading {
        z-index: 1
    }

    div.DTS div.dataTables_scrollBody table {
        z-index: 2
    }

    div.DTS div.dataTables_paginate,
    div.DTS div.dataTables_length {
        display: none
    }

.footable .pagination > .active > a,
.footable .pagination > .active > a:focus,
.footable .pagination > .active > a:hover,
.footable .pagination > .active > span,
.footable .pagination > .active > span:focus,
.footable .pagination > .active > span:hover {
    background-color: #667db6;
    border-color: #667db6
}

.footable .pagination > li > a,
.footable .pagination > li > span {
    color: #222
}

.footable-details.table,
.footable.table,
table.footable > tfoot > tr.footable-paging > td > span.label {
    margin-bottom: 0
}

table.footable-paging-center > tfoot > tr.footable-paging > td {
    padding-bottom: 0
}

.make-me-red {
    color: red
}

.scroll-container .wtHolder {
    height: 350px !important
}

.scroll-container #highlighting .wtHolder,
.scroll-container #populating .wtHolder,
.scroll-container #paginating .wtHolder,
.scroll-container #searching .wtHolder,
.scroll-container #drag .wtHolder,
.scroll-container #validation .wtHolder,
.scroll-container #readOnly .wtHolder,
.scroll-container #nonEditable .wtHolder,
.scroll-container #numericData .wtHolder,
.scroll-container #dateDate .wtHolder,
.scroll-container #timeData .wtHolder,
.scroll-container #checkbox .wtHolder,
.scroll-container #select .wtHolder,
.scroll-container #dropdown .wtHolder,
.scroll-container #autocomplete .wtHolder,
.scroll-container #jQuery .wtHolder,
.scroll-container #chromaJS .wtHolder,
.scroll-container #context .wtHolder,
.scroll-container #configuration .wtHolder,
.scroll-container #copyPaste .wtHolder,
.scroll-container #buttons .wtHolder,
.scroll-container #comments .wtHolder {
    height: auto !important
}

.handson-pagination {
    margin-top: 30px
}

.currentRow {
    background-color: #f9f9fb !important
}

.currentCol {
    background-color: #e7e8ef !important
}

.contact-table tr td:nth-child(n-2) {
    text-align: center
}

.contact-table tr td:last-child {
    position: relative
}

    .contact-table tr td:last-child .dropdown-menu {
        top: 52px
    }

.card-block-big {
    padding: 2em
}

.widget-row-set {
    margin-left: 0;
    margin-right: 0
}

.borderless-card {
    border-top: none
}

.widget-main-card {
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .11)
}

.counter-card-1 h3,
.counter-card-2 h3,
.counter-card-3 h3 {
    margin-bottom: 16px;
    font-weight: 600;
    color: #666
}

.counter-card-1 [class*=card-] > i,
.counter-card-2 [class*=card-] > i,
.counter-card-3 [class*=card-] > i {
    position: absolute;
    color: #667db6;
    right: 30px;
    top: 30px;
    font-size: 28px
}

.counter-card-1 span.f-right,
.counter-card-2 span.f-right,
.counter-card-3 span.f-right {
    font-size: 16px;
    font-weight: 600
}

.counter-card-2 {
    border-top-color: #2ecc71
}

    .counter-card-2 [class*=card-] > i {
        color: #2ecc71
    }

.counter-card-3 {
    border-top-color: #bdc3c7
}

    .counter-card-3 [class*=card-] > i {
        color: #bdc3c7
    }

.table-card .row-table {
    display: flex;
    align-items: center;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    margin: 0
}

    .table-card .row-table:first-child {
        border-bottom: 1px solid #ddd
    }

    .table-card .row-table .br {
        border-right: 1px solid #ccc
    }

    .table-card .row-table i {
        font-size: 28px
    }

    .table-card .row-table span {
        text-transform: uppercase;
        font-size: 13px
    }

    .table-card .row-table h5 {
        display: block;
        margin-bottom: .3em;
        margin-right: 0
    }

    .table-card .row-table > [class*=col-] {
        display: table-cell;
        float: none;
        table-layout: fixed;
        vertical-align: middle
    }

        .table-card .row-table > [class*=col-] .row {
            display: flex;
            align-items: center
        }

.widget-primary-card,
.widget-success-card {
    border-top: none;
    background-color: #667db6;
    color: #fff
}

    .widget-primary-card .row-table > [class*=col-],
    .widget-success-card .row-table > [class*=col-] {
        display: inline-block;
        vertical-align: middle
    }

        .widget-primary-card .row-table > [class*=col-]:first-child,
        .widget-success-card .row-table > [class*=col-]:first-child {
            background-color: #148f77;
            text-align: center
        }

        .widget-primary-card .row-table > [class*=col-] .row,
        .widget-success-card .row-table > [class*=col-] .row {
            display: flex;
            align-items: center
        }

.widget-success-card {
    background-color: #2ecc71
}

    .widget-success-card .row-table > [class*=col-]:first-child {
        background-color: #25a25a
    }

.client-blocks h5 {
    margin-bottom: 15px
}

.client-blocks ul li {
    display: inline-block;
    font-size: 40px
}

    .client-blocks ul li:last-child {
        float: right
    }

.warning-border {
    border-top-color: #f1c40f
}

.success-border {
    border-top-color: #2ecc71
}

.dark-primary-border {
    border-top-color: #17a689
}

    .dark-primary-border li,
    .dark-primary-border i {
        color: #17a689
    }

.large-widget-card {
    border-top: none
}

    .large-widget-card:hover i {
        opacity: 1;
        transform: scale(1.1)
    }

    .large-widget-card i {
        position: absolute;
        opacity: .4;
        right: 30px;
        top: 50px;
        font-size: 50px;
        transition: all ease-in .3s
    }

.group-widget {
    border-top: none
}

    .group-widget .card-block-big {
        height: 130px;
        text-align: center;
        color: #fff
    }

    .group-widget i {
        font-size: 2.5em
    }

    .group-widget p {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 16px
    }

.bg-dark-primary {
    background-color: #18aa8d;
    color: #fff
}

.bg-darkest-primary {
    background-color: #14947b;
    color: #fff
}

.social-widget-card {
    border-top: none;
    color: #fff
}

    .social-widget-card:hover i {
        opacity: 1;
        transform: scale(1.1)
    }

    .social-widget-card i {
        position: absolute;
        right: 30px;
        top: 50px;
        font-size: 48px;
        opacity: .4;
        transition: all ease-in .3s
    }

.bg-active {
    background-color: #208e4e
}

.bg-facebook {
    background-color: #3b5998
}

.bg-twitter {
    background-color: #4099ff
}

.bg-linkein {
    background-color: #0077b5
}

.bg-google-plus {
    background-color: #d34836
}

.widget-profile-card-1 {
    position: relative;
    margin-bottom: 50px
}

    .widget-profile-card-1 .middle-user {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        bottom: -60px
    }

        .widget-profile-card-1 .middle-user img {
            width: 115px;
            border-radius: 50%
        }

    .widget-profile-card-1 ~ .card-footer [class*=col-] {
        border-right: 1px solid #fff
    }

        .widget-profile-card-1 ~ .card-footer [class*=col-]:last-child {
            border: none
        }

.widget-profile-card-2 a {
    color: #fff;
    transition: all ease-in .3s
}

    .widget-profile-card-2 a:hover {
        opacity: .7
    }

.widget-profile-card-3 {
    background-image: url(/images/slider/slider6.jpg);
    background-size: cover;
    padding: 50px 0;
    text-align: center
}

    .widget-profile-card-3 img {
        width: 120px;
        border-radius: 50%
    }

.profile-card {
    position: relative
}

    .profile-card img {
        width: 100%
    }

    .profile-card .card-block {
        text-align: center;
        color: #fff;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.72))
    }

        .profile-card .card-block h3 {
            font-weight: 600
        }

    .profile-card ~ .card-footer {
        padding: 0
    }

        .profile-card ~ .card-footer [class*=col-] {
            padding: 10px;
            border-right: 1px solid rgba(255, 255, 255, .57)
        }

            .profile-card ~ .card-footer [class*=col-] h4 {
                font-size: 18px;
                font-weight: 600
            }

            .profile-card ~ .card-footer [class*=col-]:last-child {
                border: none
            }

            .profile-card ~ .card-footer [class*=col-] span {
                text-transform: uppercase
            }

.weather-card-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding-right: 0
}

    .weather-card-1 h4 {
        font-weight: 300;
        margin-top: 70px
    }

    .weather-card-1 span.d-block {
        margin-bottom: 70px
    }

    .weather-card-1 h5 {
        color: #fff
    }

    .weather-card-1 [class*=col-]:first-child {
        margin-bottom: 100px
    }

    .weather-card-1 .climacon {
        height: 100px;
        width: 100px;
        position: relative;
        top: -20px
    }

    .weather-card-1 .climacon_component-stroke {
        fill: #fff
    }

    .weather-card-1 .weather-temp {
        font-size: 70px
    }

.weather-calender .pignose-calendar {
    width: auto;
    max-width: initial;
    box-shadow: none;
    border: none;
    border-left: 1px solid #ddd
}

    .weather-calender .pignose-calendar .pignose-calendar-top {
        box-shadow: none
    }

.weather-calender .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #667db6;
    box-shadow: none
}

.weather-bg-card {
    position: relative
}

    .weather-bg-card img {
        width: 100%
    }

    .weather-bg-card .card-block {
        position: absolute;
        bottom: 20px;
        width: 100%;
        text-align: center
    }

    .weather-bg-card h5 {
        color: #fff
    }

    .weather-bg-card .card-block-big {
        position: absolute;
        top: 0
    }

        .weather-bg-card .card-block-big span {
            color: #fff
        }

    .weather-bg-card .weather-temp {
        font-size: 70px;
        color: #fff
    }

    .weather-bg-card ~ .card-footer {
        border-top: none
    }

.blur-user-card {
    color: #fff;
    text-align: center;
    padding-top: 45px;
    background-image: url('/images/01.jpg');
    background-size: cover
}

    .blur-user-card h3 {
        margin-top: 10px;
        font-size: 30px;
        font-weight: 600
    }

    .blur-user-card p {
        font-size: 18px;
        font-weight: 300
    }

    .blur-user-card .blur-footer [class*=col-] {
        padding: 1em;
        border-right: 1px solid #fff;
        margin-top: 30px;
        margin-bottom: 30px
    }

        .blur-user-card .blur-footer [class*=col-]:last-child {
            border-right: none
        }

.flip-clock-divider .flip-clock-label {
    top: 7.5em;
    font-size: 14px;
    color: #fff
}

.clock-widget {
    height: 165px;
    background-color: #36c;
    overflow: hidden;
    position: relative
}

    .clock-widget #current-time {
        font-size: 50px;
        color: #fff;
        margin-top: 10px;
        margin-left: 10px
    }

    .clock-widget h5 {
        color: #fff;
        margin-left: 10px
    }

    .clock-widget .basic-alarm {
        position: absolute;
        right: 120px;
        font-size: 80px;
        top: 50px;
        color: #ffbf00;
        z-index: 999
    }

    .clock-widget .bg-alarm {
        position: absolute;
        right: 20px;
        font-size: 200px;
        top: 0;
        transform: rotate(-30deg);
        opacity: .2;
        color: #fff
    }

.weather-card-2 {
    color: #fff
}

    .weather-card-2 .weather-card-location i {
        position: absolute;
        right: 40px;
        top: 35px;
        font-weight: 600
    }

    .weather-card-2 .weather-card-temp {
        padding-top: 50px;
        padding-bottom: 30px;
        text-align: center
    }

        .weather-card-2 .weather-card-temp h1 {
            font-size: 70px
        }

    .weather-card-2 .weather-cloud {
        text-align: center
    }

        .weather-card-2 .weather-cloud svg {
            position: relative;
            top: 0;
            left: -10px
        }

        .weather-card-2 .weather-cloud .climacon_component-stroke {
            fill: #fff
        }

        .weather-card-2 .weather-cloud span {
            font-size: 18px
        }

    .weather-card-2 .card-footer {
        padding: 30px
    }

        .weather-card-2 .card-footer h6 {
            color: #666;
            font-weight: 600;
            font-size: 16px
        }

.quick-note-card h6 {
    font-weight: 600
}

.quick-note-card h2 {
    font-weight: 300
}

.quick-note-card .btn-outline-primary {
    border-color: #fff;
    color: #fff
}

.social-card-1 .card-block-big {
    padding: 3em
}

    .social-card-1 .card-block-big .media {
        display: flex;
        align-items: center
    }

.social-card-1 .card-footer {
    padding: 0
}

    .social-card-1 .card-footer .social-media {
        padding: 15px;
        color: #666
    }

        .social-card-1 .card-footer .social-media i {
            display: block;
            margin-bottom: 5px
        }

        .social-card-1 .card-footer .social-media h5 {
            margin-right: 0
        }

    .social-card-1 .card-footer [class*=col-] {
        border-right: 1px solid #ddd
    }

        .social-card-1 .card-footer [class*=col-]:last-child {
            border-right: none
        }

    .social-card-1 .card-footer .social-media-success {
        background-color: #2ecc71
    }

    .social-card-1 .card-footer .social-media-warning {
        background-color: #f1c40f
    }

    .social-card-1 .card-footer .social-media-danger {
        background-color: #e74c3c
    }

.user-activity-card {
    border-top-color: #3498db
}

    .user-activity-card .progress-bar-warning {
        background-color: #3498db
    }

    .user-activity-card .card-block-big {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .user-activity-card .user-number {
        padding: 30px 0;
        font-weight: 600;
        color: #3498db
    }

    .user-activity-card .card-footer {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 16px;
        background-color: #e6e9ea
    }

    .user-activity-card .link {
        position: absolute;
        right: 30px;
        top: 40px;
        font-size: 25px;
        color: #3498db
    }

.table-1-card .table th {
    border-top: none
}

.table-1-card .card-block {
    padding-top: 10px;
    padding-bottom: 0
}

.widget-content-footer {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 16px;
    background-color: #e6e9ea
}

.widget-chat-box .card-header i {
    font-size: 17px;
    color: #34495e;
    position: relative
}

.widget-chat-box .card-header .pop-up:after {
    content: '';
    position: absolute;
    background-color: #e74c3c;
    height: 8px;
    width: 8px;
    border-radius: 50px;
    right: -3px
}

.widget-chat-box .send-chat,
.widget-chat-box .receive-chat {
    position: relative;
    background: #c5f7ed;
    padding: 7px;
    border-radius: 0 10px 10px 10px;
    font-size: 13px;
    margin-bottom: 30px
}

    .widget-chat-box .send-chat:before,
    .widget-chat-box .receive-chat:before {
        content: '';
        position: absolute;
        height: 12px;
        width: 12px;
        border: 6px solid transparent;
        border-top: 6px solid #c5f7ed;
        border-right: 6px solid #c5f7ed;
        left: -12px;
        top: 0
    }

    .widget-chat-box .send-chat .time,
    .widget-chat-box .receive-chat .time {
        position: absolute;
        bottom: -20px;
        left: 0
    }

.widget-chat-box .receive-chat {
    background-color: #0077b5;
    color: #fff;
    border-radius: 10px
}

    .widget-chat-box .receive-chat:before {
        display: none
    }

    .widget-chat-box .receive-chat .time {
        color: #666
    }

.widget-chat-box .rc-10 {
    margin-bottom: 10px
}

.tab-card .media {
    margin-bottom: 10px
}

    .tab-card .media:last-child {
        margin-bottom: 0
    }

.d-timeline-btn .f-right {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    cursor: pointer;
    padding: 0
}

    .d-timeline-btn .f-right i {
        margin-right: 0
    }

#datebasechart {
    height: 590px;
    width: 100%
}

.bullet {
    font: 10px sans-serif
}

    .bullet .marker {
        stroke: #000;
        stroke-width: 2px
    }

    .bullet .tick line {
        stroke: #666;
        stroke-width: .5px
    }

    .bullet .range.s0 {
        fill: #eee
    }

    .bullet .range.s1 {
        fill: #ddd
    }

    .bullet .range.s2 {
        fill: #ccc
    }

    .bullet .measure.s0 {
        fill: #b0c4de
    }

    .bullet .measure.s1 {
        fill: #4682b4
    }

    .bullet .title {
        font-size: 14px;
        font-weight: 700
    }

    .bullet .subtitle {
        fill: #999
    }

.section-graph {
    position: relative;
    height: 151px;
    color: #fff;
    background: #55bc75;
    background-image: linear-gradient(#55bc75, #55bc75 50%, #4daf7c 50%)
}

    .section-graph .graph-info {
        z-index: 99;
        position: absolute;
        font-weight: 700;
        margin-top: 18px;
        margin-left: 21px;
        width: 100px
    }

        .section-graph .graph-info .graph-arrow {
            width: 0;
            height: 0;
            margin-top: 18px;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-bottom: 4px solid #fff;
            float: left
        }

        .section-graph .graph-info .graph-info-big {
            font-size: 24px;
            float: left;
            margin-left: 3px
        }

        .section-graph .graph-info .graph-info-small {
            margin-left: 3px;
            font-size: 12px;
            font-weight: 400;
            color: rgba(255, 255, 255, .5);
            clear: left;
            margin-left: 8px
        }

.section-info {
    padding: 21px;
    color: #8a786a;
    overflow: hidden
}

.info-time {
    font-size: 12px
}

.info-block {
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    width: 120px;
    border-radius: 3px;
    float: left;
    padding: 4px 0
}

    .info-block dt,
    .info-block dd {
        margin: 0;
        padding: 0
    }

    .info-block dt {
        font-weight: 700
    }

    .info-block dd {
        font-size: 12px
    }

.info-aapl {
    float: left;
    margin-top: 20px
}

    .info-aapl h4 {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 10px
    }

    .info-aapl ul {
        margin: 0;
        padding: 0
    }

    .info-aapl li {
        margin: 0;
        display: block;
        width: 9px;
        height: 40px;
        margin-right: 6px;
        background-color: #f5f0ec;
        float: left;
        position: relative
    }

        .info-aapl li span {
            display: block;
            width: 9px;
            height: 40px;
            position: absolute;
            bottom: 0
        }

            .info-aapl li span.orange {
                background-color: #f1c40f
            }

            .info-aapl li span.green {
                background-color: #2ecc71
            }

.yearly-change {
    width: 94px;
    float: right;
    margin-top: 20px
}

    .yearly-change h4 {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 10px
    }

    .yearly-change span {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background-color: #667db6;
        text-align: center;
        border-radius: 3px;
        font-weight: 700
    }

        .yearly-change span em {
            color: rgba(255, 255, 255, .7)
        }

.analytic-table tr td:first-child {
    padding-left: 20px
}

.analytic-table tr td:last-child {
    padding-right: 30px;
    text-align: right;
    font-size: 16px
}

.analytic-table span {
    display: block
}

.analytic-table .count {
    font-size: 18px;
    font-weight: 600
}

.analytic-table .table-msg {
    font-size: 12px;
    margin-top: 5px
}

.analytic-user i {
    font-size: 52px;
    color: #667db6
}

.analytic-user .card-footer {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 16px;
    background-color: #e6e9ea
}

.analytic-user h1 {
    margin: 25px 0;
    font-weight: 300
}

.analytic-user h4 {
    font-size: 20px;
    color: #3498db;
    font-weight: 600
}

.alert {
    font-size: 15px;
    margin-bottom: 2rem
}

    .alert.icons-alert {
        border-left-width: 48px
    }

        .alert.icons-alert .alert-icon {
            left: 15px;
            position: relative;
            text-align: center;
            top: 0;
            z-index: 3
        }

        .alert.icons-alert p {
            line-height: 21px;
            margin-bottom: 0
        }

.close {
    font-size: 16px;
    margin-top: 5px
}

.alert-default {
    background-color: #fff;
    border-color: #bdc3c7;
    color: #bdc3c7
}

.alert-primary {
    background-color: #fff;
    border-color: #667db6;
    color: #667db6
}

.alert-success {
    background-color: #fff;
    border-color: #2ecc71;
    color: #2ecc71
}

.alert-info {
    background-color: #fff;
    border-color: #3498db;
    color: #3498db
}

.alert-warning {
    background-color: #fff;
    border-color: #f1c40f;
    color: #f1c40f
}

.alert-danger {
    background-color: #fff;
    border-color: #e74c3c;
    color: #e74c3c
}

.border-default {
    border-color: transparent;
    border-left: 3px solid #bdc3c7;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #bdc3c7
}

.border-primary {
    border-color: transparent;
    border-left: 3px solid #667db6;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #667db6
}

.border-success {
    border-color: transparent;
    border-left: 3px solid #2ecc71;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #2ecc71
}

.border-info {
    border-color: transparent;
    border-left: 3px solid #3498db;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #3498db
}

.border-warning {
    border-color: transparent;
    border-left: 3px solid #f1c40f;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #f1c40f
}

.border-danger {
    border-color: transparent;
    border-left: 3px solid #e74c3c;
    border-radius: 0;
    box-shadow: 0 0 1px #999;
    color: #e74c3c
}

.background-default {
    background-color: #bdc3c7;
    color: #fff
}

.background-primary {
    background-color: #667db6;
    color: #fff
}

.background-success {
    background-color: #2ecc71;
    color: #fff
}

.background-info {
    background-color: #3498db;
    color: #fff
}

.background-warning {
    background-color: #f1c40f;
    color: #fff
}

.background-danger {
    background-color: #e74c3c;
    color: #fff
}

.icons-alert {
    position: relative
}

    .icons-alert:before {
        color: #fff;
        content: '\f027';
        font-family: icofont !important;
        font-size: 16px;
        left: -30px;
        position: absolute;
        z-index: 999
    }

[class*=alert-] code {
    margin-left: 10px
}

.common-img-bg {
    background-size: cover;
    background: url(/images/bg.jpg) no-repeat center center fixed;
    height: 100%
}

.auth-body {
    min-width: 450px
}

.login-card {
    border-radius: 30px;
    position: relative;
    display: block
}

    .login-card h1 {
        font-size: 25px;
        font-weight: 400;
        margin-bottom: 20px;
        text-align: center
    }

.login {
    text-align: left
}

    .login ul li label {
        color: #757575;
        font-weight: 600;
        letter-spacing: 1px
    }

    .login h3 {
        color: #666;
        font-size: 24px;
        font-weight: 600;
        margin-top: 20px
    }

    .login.header {
        align-items: flex-start
    }

.header .login-card {
    margin-top: 30px
}

.social-login {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 30px
}

    .social-login .btn {
        margin-left: 5px;
        margin-right: 5px
    }

.login-card .card-footer {
    background: #fff
}

.login-card h1 {
    color: #1b8bf9
}

.login-card .forget {
    border-bottom: 1px solid #fff;
    font-size: 24px;
    line-height: .6
}

.login-card h3 {
    color: #666;
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px
}

.btn-signup .btn-md,
.btn-singin1 .btn-md,
.btn-singin2 .btn-md {
    font-size: 22px;
    font-weight: 400;
    width: 400px
}

.form-group-main .form-group {
    margin: 30px 0
}

.login-card .unlock,
.login-card .btn-forgot {
    text-align: center
}

.imgs-screen .img-circle {
    padding: 4px;
    border: 1px solid #e6e6e4
}

.sign-in-with {
    font-weight: 600;
    margin: 24px auto 16px;
    position: relative;
    text-align: center
}

    .sign-in-with .text {
        display: inline-block;
        padding: 0 8px;
        position: relative;
        vertical-align: baseline;
        z-index: 9999
    }

        .sign-in-with .text:after {
            left: 100%
        }

        .sign-in-with .text:before {
            right: 100%
        }

        .sign-in-with .text:after,
        .sign-in-with .text:before {
            border-top: 1px solid rgba(0, 0, 0, .28);
            content: '';
            display: block;
            position: absolute;
            top: 8px;
            width: 60px
        }

.error-500,
.error-503,
.error-404,
.error-400,
.error-403,
.login {
    align-items: center;
    background-color: #2196f3;
    display: flex;
    height: 100%;
    position: fixed;
    text-align: center;
    width: 100%
}

.auth-box {
    background-color: #fff;
    border-radius: 8px;
    margin: 20px 0 0;
    padding: 20px
}

    .auth-box .confirm h3 {
        color: #667db6;
        font-size: 34px
    }

    .auth-box i.icofont-check-circled {
        font-size: 42px
    }

.btn-facebook {
    background-color: #3c5a99;
    border-color: #3c5a99;
    border-radius: 2px;
    color: #fff;
    cursor: pointer
}

.btn-twitter {
    background-color: #41abe1;
    border-color: #41abe1;
    border-radius: 2px;
    color: #fff;
    cursor: pointer
}

.btn-google-plus,
.btn-linkedin,
.btn-pinterest {
    border-radius: 2px
}

.footer {
    bottom: 0;
    position: absolute;
    width: 100%
}

    .footer p {
        margin-bottom: 0;
        padding: 18px;
        width: 100%
    }

.login-card-modal {
    margin: 0 auto
}

.login.login-modal-main {
    background-color: #fff
}

.mixed-form .tabbed-modal .nav-link h6 {
    padding: 10px 0
}

.mixed-form .tabbed-modal .nav-link {
    background-color: #f5f5f5;
    border-radius: none;
    color: #888
}

    .mixed-form .tabbed-modal .nav-link.active {
        background-color: transparent;
        border-color: transparent;
        color: #34495e
    }

.mixed-form .modal-body {
    padding: 0
}

.mixed-form .auth-box {
    background-color: #fff;
    border-radius: 8px;
    margin: 10px;
    padding: 10px
}

    .mixed-form .auth-box h3 {
        color: #666;
        font-size: 22px;
        font-weight: 600;
        margin-top: 20px
    }

    .mixed-form .auth-box i.icofont-check-circled {
        font-size: 42px
    }

.auth-box-main .navbar-nav li {
    color: #fff;
    line-height: 40px
}

.offline-404 {
    background-color: #f3f3f3
}

    .offline-404 .auth-body {
        margin-top: -100px
    }

    .offline-404 h1 {
        color: #2c3e50;
        font-size: 160px;
        font-weight: 600;
        letter-spacing: 5px;
        text-shadow: 3px -2px 4px rgba(128, 128, 128, .57)
    }

    .offline-404 h2 {
        color: #aaa;
        font-weight: 600;
        margin-bottom: 40px;
        margin-top: 30px
    }

.caption-breadcrumb .breadcrumb-header,
.primary-breadcrumb .breadcrumb-header,
.inverse-breadcrumb .breadcrumb-header,
.danger-breadcrumb .breadcrumb-header,
.info-breadcrumb .breadcrumb-header,
.warning-breadcrumb .breadcrumb-header,
.success-breadcrumb .breadcrumb-header {
    display: inline-block
}

    .caption-breadcrumb .breadcrumb-header span,
    .primary-breadcrumb .breadcrumb-header span,
    .inverse-breadcrumb .breadcrumb-header span,
    .danger-breadcrumb .breadcrumb-header span,
    .info-breadcrumb .breadcrumb-header span,
    .warning-breadcrumb .breadcrumb-header span,
    .success-breadcrumb .breadcrumb-header span {
        display: block;
        font-size: 13px;
        margin-top: 5px
    }

.front-icon-breadcrumb .breadcrumb-header {
    display: inline-block
}

.front-icon-breadcrumb .big-icon {
    display: inline-block
}

    .front-icon-breadcrumb .big-icon i {
        font-size: 64px;
        color: #667db6
    }

.front-icon-breadcrumb .d-inline-block span {
    display: block;
    font-size: 13px;
    margin-top: 5px
}

.primary-breadcrumb,
.inverse-breadcrumb,
.danger-breadcrumb,
.info-breadcrumb,
.warning-breadcrumb,
.success-breadcrumb {
    background-color: #667db6;
    color: #fff
}

    .primary-breadcrumb h5,
    .inverse-breadcrumb h5,
    .danger-breadcrumb h5,
    .info-breadcrumb h5,
    .warning-breadcrumb h5,
    .success-breadcrumb h5,
    .primary-breadcrumb a,
    .inverse-breadcrumb a,
    .danger-breadcrumb a,
    .info-breadcrumb a,
    .warning-breadcrumb a,
    .success-breadcrumb a,
    .primary-breadcrumb .breadcrumb-title li:last-child a,
    .inverse-breadcrumb .breadcrumb-title li:last-child a,
    .danger-breadcrumb .breadcrumb-title li:last-child a,
    .info-breadcrumb .breadcrumb-title li:last-child a,
    .warning-breadcrumb .breadcrumb-title li:last-child a,
    .success-breadcrumb .breadcrumb-title li:last-child a,
    .primary-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .inverse-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .danger-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .info-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .warning-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .success-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: #fff
    }

.inverse-breadcrumb {
    background-color: #34495e
}

.danger-breadcrumb {
    background-color: #e74c3c
}

.info-breadcrumb {
    background-color: #3498db
}

.warning-breadcrumb {
    background-color: #f1c40f
}

.success-breadcrumb {
    background-color: #2ecc71
}

.nvd-chart {
    height: 400px
}

.peity-chart .peity {
    width: 100%;
    height: 250px
}

#areachart .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke: #187c68;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.morris-hover {
    position: absolute;
    left: auto !important;
    top: -70px !important;
    right: 0;
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc
}

.chat-bg {
    background-image: url(/images/chat-bg.jpg);
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, .45)
}

#main-chat .chat-single-box.active .chat-header {
    background-color: #667db6
}

    #main-chat .chat-single-box.active .chat-header a {
        color: #fff
    }

#main-chat .chat-single-box .chat-header a {
    color: #fff
}

#main-chat .chat-box ul.boxs li.chat-single-box .chat-header.custom-collapsed {
    position: absolute;
    bottom: 0;
    width: 300px
}

#main-chat .minimized {
    background-color: #1e2730
}

#main-chat .user-groups {
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}

    #main-chat .user-groups .userlist-box {
        border-bottom: none
    }

        #main-chat .user-groups .userlist-box:last-child {
            padding-bottom: 0;
            margin-bottom: 0
        }

    #main-chat .user-groups .media {
        padding-left: 0
    }

    #main-chat .user-groups h6 {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 20px
    }

    #main-chat .user-groups li {
        margin-bottom: 20px
    }

        #main-chat .user-groups li:last-child {
            margin-bottom: 0
        }

        #main-chat .user-groups li.work,
        #main-chat .user-groups li.frnds {
            position: relative;
            padding-left: 20px
        }

            #main-chat .user-groups li.work:before,
            #main-chat .user-groups li.frnds:before {
                content: '';
                position: absolute;
                height: 10px;
                width: 10px;
                background-color: #2ecc71;
                border-radius: 50px;
                left: 0;
                top: 6px
            }

            #main-chat .user-groups li.frnds:before {
                background-color: #e74c3c
            }

.user-box {
    height: 100%
}

.close {
    opacity: 1
}

.write-msg {
    padding: 12px;
    bottom: 10px;
    border-top: 1px solid #ddd
}

    .write-msg #paper-btn i {
        font-size: 18px;
        margin-right: 0;
        cursor: pointer
    }

.chat-box .secondary:active:hover {
    background-color: #fff
}

#main-chat .chat-box ul.boxs li.minimized {
    height: 30px;
    width: 30px;
    bottom: 0;
    position: absolute;
    left: -50px;
    border-radius: 5px 5px 0 0;
    cursor: pointer
}

    #main-chat .chat-box ul.boxs li.minimized .count {
        color: #fff;
        text-align: center;
        margin: 5px
    }

    #main-chat .chat-box ul.boxs li.minimized .chat-dropdown {
        list-style: none;
        display: none;
        position: absolute;
        background-color: #f5f5f5;
        box-shadow: 0 1px 8px 0 rgba(5, 5, 5, .5);
        width: 150px;
        z-index: 100;
        border-radius: 5px;
        padding: 5px 0
    }

        #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li {
            padding: 2px 5px
        }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li div {
                display: inline-block
            }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .username {
                width: 85%;
                height: 22px
            }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .remove {
                width: 13%;
                padding: 2px 4px;
                float: right
            }

                #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li .remove:hover {
                    background-color: silver !important
                }

            #main-chat .chat-box ul.boxs li.minimized .chat-dropdown li:hover {
                color: #000
            }

#main-chat .chat-box ul.boxs li.hidden {
    display: none
}

.chat-single-box {
    height: 440px;
    float: right;
    width: 300px;
    margin-right: 15px;
    direction: ltr;
    z-index: 999;
    bottom: 0
}

    .chat-single-box .chat-header {
        background-color: #bdc3c7;
        color: #fff
    }

.box-live-status {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: 1px solid
}

.chat-msg-img {
    height: 50px;
    width: 50px
}

.msg-reply {
    padding: 5px;
    position: relative;
    right: 10px;
    border-radius: 2px;
    top: 6px;
    margin-bottom: 10px
}

.header-users {
    right: 0;
    top: 103px;
    width: 300px;
    height: 100%
}

.users {
    right: 0;
    top: 103px;
    width: 300px;
    height: 100%
}

.p-chat-user {
    position: fixed;
    top: 50px;
    z-index: 99;
    border-left: 1px solid #ccc
}

.users-main {
    height: 100%;
    width: 300px;
    position: fixed;
    border-radius: 0
}

.userlist-box {
    cursor: pointer;
    border-bottom: 1px solid #efefef
}

    .userlist-box .media-left {
        padding-right: 10px
    }

.users-main .media {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.user-box .media-object {
    height: 45px;
    width: 45px;
    display: inline-block
}

.chat-menu-content,
.chat-menu-reply {
    background: #f3f3f3;
    position: relative;
    overflow: visible;
    border-radius: 4px
}

    .chat-menu-content:before {
        position: absolute;
        top: 20px;
        left: -14px;
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-right-color: #f3f3f3
    }

    .chat-menu-reply:before {
        position: absolute;
        top: 20px;
        right: -14px;
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-left-color: #667db6
    }

.chat-reply-box {
    background-color: #fff;
    position: absolute;
    bottom: 43px;
    width: 100%;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc
}

.chat-inner-header {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding: 20px
}

.chat-send {
    position: absolute;
    bottom: 5px;
    right: 0;
    border: none;
    background-color: transparent;
    color: #667db6;
    transform: rotate(45deg)
}

.showChat_inner .chat-messages {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px
}

.chat-menu-content .chat-cont,
.chat-menu-reply .chat-cont {
    padding: 10px
}

.chat-menu-content .chat-time,
.chat-menu-reply .chat-time {
    padding-left: 10px;
    padding-bottom: 10px
}

.back_chatBox {
    margin: 0 auto;
    font-weight: 600
}

    .back_chatBox i {
        float: left;
        position: absolute;
        margin-top: 5px;
        left: 20px;
        cursor: pointer
    }

.designation {
    cursor: pointer
}

.extra-profile-list {
    display: none
}

.chat-menu-reply .chat-cont,
.chat-menu-reply .chat-time {
    color: #fff
}

.chat-menu-reply {
    background: #667db6;
    margin-right: 10px
}

.users-main .media .chat-header {
    font-size: 14px;
    font-weight: 600
}

.users-main .media-body div + div {
    font-size: 12px
}

.chat-body {
    overflow-y: auto;
    height: 340px
}

.users-main-fix {
    height: auto;
    position: fixed;
    bottom: 0;
    top: 151px
}

.chat-footer,
.chat-link {
    border-color: #667db6
}

    .chat-footer .input-group-addon {
        padding: 7px .75rem
    }

.form-control:focus ~ .chat-send {
    border-color: #667db6
}

.minimized-box {
    padding: 5px 10px
}

.write-msg input {
    border-radius: 0;
    border-right: 0
}

.write-msg .btn {
    box-shadow: none;
    border-left: 0;
    font-size: 14px
}

.write-msg .btn-secondary:hover {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-left: 0
}

.form-control:focus ~ .input-group-btn .btn-secondary {
    border-color: #66afe9;
    color: #667db6
}

.img-chat-profile {
    height: 45px;
    width: 45px
}

.chat-minimize .chat-body,
.chat-minimize .chat-footer {
    display: none
}

.chat-box {
    margin-right: 290px;
    height: 440px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999999
}

.user-box .media-object,
.friend-box .media-object {
    height: 45px;
    width: 45px;
    display: inline-block
}

.friend-box img {
    margin-right: 10px;
    margin-bottom: 10px
}

.chat-header {
    color: #222
}

.live-status {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 100%;
    border: 1px solid
}

.showChat {
    display: none
}

.showChat_inner {
    position: fixed;
    top: 50px;
    background-color: #fff;
    right: 0;
    display: none;
    width: 300px;
    height: 100%;
    z-index: 99;
    border-left: 1px solid #ccc
}

.amber-colors ul li p,
.bg-danger li p,
.bg-default li p,
.bg-info li p,
.bg-primary li p,
.bg-success li p,
.bg-warning li p,
.blue-colors ul li p,
.blue-grey-colors ul li p,
.brown-colors ul li p,
.cyan-colors ul li p,
.deep-orange-colors ul li p,
.deep-purple-colors ul li p,
.green-colors ul li p,
.grey-colors ul li p,
.indigo-colors ul li p,
.light-blue-colors ul li p,
.light-green-colors ul li p,
.lime-colors ul li p,
.orange-colors ul li p,
.pink-colors ul li p,
.purple-colors ul li p,
.red-colors ul li p,
.teal-colors ul li p,
.yellow-colors ul li p,
.primary-colorr ul li p,
.success-colorr ul li p,
.info-colorr ul li p,
.warning-colorr ul li p,
.danger-colorr ul li p {
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0
}

.red-colors ul li:nth-child(14) {
    background-color: #e40505
}

    .red-colors ul li:nth-child(14) p:before {
        content: "#e40505"
    }

.red-colors ul li:nth-child(13) {
    background-color: #f30606
}

    .red-colors ul li:nth-child(13) p:before {
        content: "#f30606"
    }

.red-colors ul li:nth-child(12) {
    background-color: #f90f0f
}

    .red-colors ul li:nth-child(12) p:before {
        content: "#f90f0f"
    }

.red-colors ul li:nth-child(11) {
    background-color: #fa1d1d
}

    .red-colors ul li:nth-child(11) p:before {
        content: "#fa1d1d"
    }

.red-colors ul li:nth-child(10) {
    background-color: #fa2c2c
}

    .red-colors ul li:nth-child(10) p:before {
        content: "#fa2c2c"
    }

.red-colors ul li:nth-child(9) {
    background-color: #fa3b3b
}

    .red-colors ul li:nth-child(9) p:before {
        content: "#fa3b3b"
    }

.red-colors ul li:nth-child(8) {
    background-color: #fb4a4a
}

    .red-colors ul li:nth-child(8) p:before {
        content: "#fb4a4a"
    }

.red-colors ul li:nth-child(7) {
    background-color: #fb5959
}

    .red-colors ul li:nth-child(7) p:before {
        content: "#fb5959"
    }

.red-colors ul li:nth-child(6) {
    background-color: #fb6868
}

    .red-colors ul li:nth-child(6) p:before {
        content: "#fb6868"
    }

.red-colors ul li:nth-child(5) {
    background-color: #fc7777
}

    .red-colors ul li:nth-child(5) p:before {
        content: "#fc7777"
    }

.red-colors ul li:nth-child(4) {
    background-color: #fc8686
}

    .red-colors ul li:nth-child(4) p:before {
        content: "#fc8686"
    }

.red-colors ul li:nth-child(3) {
    background-color: #fd9595
}

    .red-colors ul li:nth-child(3) p:before {
        content: "#fd9595"
    }

.red-colors ul li:nth-child(2) {
    background-color: #fda4a4
}

    .red-colors ul li:nth-child(2) p:before {
        content: "#fda4a4"
    }

.red-colors ul li:nth-child(1) {
    background-color: #fdb3b3
}

    .red-colors ul li:nth-child(1) p:before {
        content: "#fdb3b3"
    }

.pink-colors ul li:nth-child(14) {
    background-color: #d4166c
}

    .pink-colors ul li:nth-child(14) p:before {
        content: "#d4166c"
    }

.pink-colors ul li:nth-child(13) {
    background-color: #e21873
}

    .pink-colors ul li:nth-child(13) p:before {
        content: "#e21873"
    }

.pink-colors ul li:nth-child(12) {
    background-color: #e7217b
}

    .pink-colors ul li:nth-child(12) p:before {
        content: "#e7217b"
    }

.pink-colors ul li:nth-child(11) {
    background-color: #e92f83
}

    .pink-colors ul li:nth-child(11) p:before {
        content: "#e92f83"
    }

.pink-colors ul li:nth-child(10) {
    background-color: #ea3d8b
}

    .pink-colors ul li:nth-child(10) p:before {
        content: "#ea3d8b"
    }

.pink-colors ul li:nth-child(9) {
    background-color: #ec4b94
}

    .pink-colors ul li:nth-child(9) p:before {
        content: "#ec4b94"
    }

.pink-colors ul li:nth-child(8) {
    background-color: #ed599c
}

    .pink-colors ul li:nth-child(8) p:before {
        content: "#ed599c"
    }

.pink-colors ul li:nth-child(7) {
    background-color: #ef67a4
}

    .pink-colors ul li:nth-child(7) p:before {
        content: "#ef67a4"
    }

.pink-colors ul li:nth-child(6) {
    background-color: #f074ac
}

    .pink-colors ul li:nth-child(6) p:before {
        content: "#f074ac"
    }

.pink-colors ul li:nth-child(5) {
    background-color: #f282b5
}

    .pink-colors ul li:nth-child(5) p:before {
        content: "#f282b5"
    }

.pink-colors ul li:nth-child(4) {
    background-color: #f390bd
}

    .pink-colors ul li:nth-child(4) p:before {
        content: "#f390bd"
    }

.pink-colors ul li:nth-child(3) {
    background-color: #f59ec5
}

    .pink-colors ul li:nth-child(3) p:before {
        content: "#f59ec5"
    }

.pink-colors ul li:nth-child(2) {
    background-color: #f6accd
}

    .pink-colors ul li:nth-child(2) p:before {
        content: "#f6accd"
    }

.pink-colors ul li:nth-child(1) {
    background-color: #f8bad6
}

    .pink-colors ul li:nth-child(1) p:before {
        content: "#f8bad6"
    }

.purple-colors ul li:nth-child(14) {
    background-color: #b014ff
}

    .purple-colors ul li:nth-child(14) p:before {
        content: "#b014ff"
    }

.purple-colors ul li:nth-child(13) {
    background-color: #b524ff
}

    .purple-colors ul li:nth-child(13) p:before {
        content: "#b524ff"
    }

.purple-colors ul li:nth-child(12) {
    background-color: #ba33ff
}

    .purple-colors ul li:nth-child(12) p:before {
        content: "#ba33ff"
    }

.purple-colors ul li:nth-child(11) {
    background-color: #c042ff
}

    .purple-colors ul li:nth-child(11) p:before {
        content: "#c042ff"
    }

.purple-colors ul li:nth-child(10) {
    background-color: #c552ff
}

    .purple-colors ul li:nth-child(10) p:before {
        content: "#c552ff"
    }

.purple-colors ul li:nth-child(9) {
    background-color: #ca61ff
}

    .purple-colors ul li:nth-child(9) p:before {
        content: "#ca61ff"
    }

.purple-colors ul li:nth-child(8) {
    background-color: #cf70ff
}

    .purple-colors ul li:nth-child(8) p:before {
        content: "#cf70ff"
    }

.purple-colors ul li:nth-child(7) {
    background-color: #d47fff
}

    .purple-colors ul li:nth-child(7) p:before {
        content: "#d47fff"
    }

.purple-colors ul li:nth-child(6) {
    background-color: #d98fff
}

    .purple-colors ul li:nth-child(6) p:before {
        content: "#d98fff"
    }

.purple-colors ul li:nth-child(5) {
    background-color: #de9eff
}

    .purple-colors ul li:nth-child(5) p:before {
        content: "#de9eff"
    }

.purple-colors ul li:nth-child(4) {
    background-color: #e4adff
}

    .purple-colors ul li:nth-child(4) p:before {
        content: "#e4adff"
    }

.purple-colors ul li:nth-child(3) {
    background-color: #e9bdff
}

    .purple-colors ul li:nth-child(3) p:before {
        content: "#e9bdff"
    }

.purple-colors ul li:nth-child(2) {
    background-color: #ecf
}

    .purple-colors ul li:nth-child(2) p:before {
        content: "#ecf"
    }

.purple-colors ul li:nth-child(1) {
    background-color: #f3dbff
}

    .purple-colors ul li:nth-child(1) p:before {
        content: "#f3dbff"
    }

.deep-purple-colors ul li:nth-child(14) {
    background-color: #6b05f9
}

    .deep-purple-colors ul li:nth-child(14) p:before {
        content: "#6b05f9"
    }

.deep-purple-colors ul li:nth-child(13) {
    background-color: #7414fa
}

    .deep-purple-colors ul li:nth-child(13) p:before {
        content: "#7414fa"
    }

.deep-purple-colors ul li:nth-child(12) {
    background-color: #7d23fa
}

    .deep-purple-colors ul li:nth-child(12) p:before {
        content: "#7d23fa"
    }

.deep-purple-colors ul li:nth-child(11) {
    background-color: #8632fb
}

    .deep-purple-colors ul li:nth-child(11) p:before {
        content: "#8632fb"
    }

.deep-purple-colors ul li:nth-child(10) {
    background-color: #8f41fb
}

    .deep-purple-colors ul li:nth-child(10) p:before {
        content: "#8f41fb"
    }

.deep-purple-colors ul li:nth-child(9) {
    background-color: #9850fb
}

    .deep-purple-colors ul li:nth-child(9) p:before {
        content: "#9850fb"
    }

.deep-purple-colors ul li:nth-child(8) {
    background-color: #a05ffc
}

    .deep-purple-colors ul li:nth-child(8) p:before {
        content: "#a05ffc"
    }

.deep-purple-colors ul li:nth-child(7) {
    background-color: #a96efc
}

    .deep-purple-colors ul li:nth-child(7) p:before {
        content: "#a96efc"
    }

.deep-purple-colors ul li:nth-child(6) {
    background-color: #b27cfc
}

    .deep-purple-colors ul li:nth-child(6) p:before {
        content: "#b27cfc"
    }

.deep-purple-colors ul li:nth-child(5) {
    background-color: #bb8bfd
}

    .deep-purple-colors ul li:nth-child(5) p:before {
        content: "#bb8bfd"
    }

.deep-purple-colors ul li:nth-child(4) {
    background-color: #c49afd
}

    .deep-purple-colors ul li:nth-child(4) p:before {
        content: "#c49afd"
    }

.deep-purple-colors ul li:nth-child(3) {
    background-color: #cda9fd
}

    .deep-purple-colors ul li:nth-child(3) p:before {
        content: "#cda9fd"
    }

.deep-purple-colors ul li:nth-child(2) {
    background-color: #d5b8fd
}

    .deep-purple-colors ul li:nth-child(2) p:before {
        content: "#d5b8fd"
    }

.deep-purple-colors ul li:nth-child(1) {
    background-color: #dec7fe
}

    .deep-purple-colors ul li:nth-child(1) p:before {
        content: "#dec7fe"
    }

.indigo-colors ul li:nth-child(14) {
    background-color: #415dfe
}

    .indigo-colors ul li:nth-child(14) p:before {
        content: "#415dfe"
    }

.indigo-colors ul li:nth-child(13) {
    background-color: #4d68fe
}

    .indigo-colors ul li:nth-child(13) p:before {
        content: "#4d68fe"
    }

.indigo-colors ul li:nth-child(12) {
    background-color: #5a72fe
}

    .indigo-colors ul li:nth-child(12) p:before {
        content: "#5a72fe"
    }

.indigo-colors ul li:nth-child(11) {
    background-color: #677dfe
}

    .indigo-colors ul li:nth-child(11) p:before {
        content: "#677dfe"
    }

.indigo-colors ul li:nth-child(10) {
    background-color: #7388fe
}

    .indigo-colors ul li:nth-child(10) p:before {
        content: "#7388fe"
    }

.indigo-colors ul li:nth-child(9) {
    background-color: #8093fe
}

    .indigo-colors ul li:nth-child(9) p:before {
        content: "#8093fe"
    }

.indigo-colors ul li:nth-child(8) {
    background-color: #8d9efe
}

    .indigo-colors ul li:nth-child(8) p:before {
        content: "#8d9efe"
    }

.indigo-colors ul li:nth-child(7) {
    background-color: #9aa9ff
}

    .indigo-colors ul li:nth-child(7) p:before {
        content: "#9aa9ff"
    }

.indigo-colors ul li:nth-child(6) {
    background-color: #a6b3ff
}

    .indigo-colors ul li:nth-child(6) p:before {
        content: "#a6b3ff"
    }

.indigo-colors ul li:nth-child(5) {
    background-color: #b3beff
}

    .indigo-colors ul li:nth-child(5) p:before {
        content: "#b3beff"
    }

.indigo-colors ul li:nth-child(4) {
    background-color: #c0c9ff
}

    .indigo-colors ul li:nth-child(4) p:before {
        content: "#c0c9ff"
    }

.indigo-colors ul li:nth-child(3) {
    background-color: #ccd4ff
}

    .indigo-colors ul li:nth-child(3) p:before {
        content: "#ccd4ff"
    }

.indigo-colors ul li:nth-child(2) {
    background-color: #d9dfff
}

    .indigo-colors ul li:nth-child(2) p:before {
        content: "#d9dfff"
    }

.indigo-colors ul li:nth-child(1) {
    background-color: #e6e9ff
}

    .indigo-colors ul li:nth-child(1) p:before {
        content: "#e6e9ff"
    }

.blue-colors ul li:nth-child(14) {
    background-color: #3a6eff
}

    .blue-colors ul li:nth-child(14) p:before {
        content: "#3a6eff"
    }

.blue-colors ul li:nth-child(13) {
    background-color: #4778ff
}

    .blue-colors ul li:nth-child(13) p:before {
        content: "#4778ff"
    }

.blue-colors ul li:nth-child(12) {
    background-color: #5381ff
}

    .blue-colors ul li:nth-child(12) p:before {
        content: "#5381ff"
    }

.blue-colors ul li:nth-child(11) {
    background-color: #608aff
}

    .blue-colors ul li:nth-child(11) p:before {
        content: "#608aff"
    }

.blue-colors ul li:nth-child(10) {
    background-color: #6d94ff
}

    .blue-colors ul li:nth-child(10) p:before {
        content: "#6d94ff"
    }

.blue-colors ul li:nth-child(9) {
    background-color: #7a9dff
}

    .blue-colors ul li:nth-child(9) p:before {
        content: "#7a9dff"
    }

.blue-colors ul li:nth-child(8) {
    background-color: #86a6ff
}

    .blue-colors ul li:nth-child(8) p:before {
        content: "#86a6ff"
    }

.blue-colors ul li:nth-child(7) {
    background-color: #93b0ff
}

    .blue-colors ul li:nth-child(7) p:before {
        content: "#93b0ff"
    }

.blue-colors ul li:nth-child(6) {
    background-color: #a0b9ff
}

    .blue-colors ul li:nth-child(6) p:before {
        content: "#a0b9ff"
    }

.blue-colors ul li:nth-child(5) {
    background-color: #adc3ff
}

    .blue-colors ul li:nth-child(5) p:before {
        content: "#adc3ff"
    }

.blue-colors ul li:nth-child(4) {
    background-color: #b9ccff
}

    .blue-colors ul li:nth-child(4) p:before {
        content: "#b9ccff"
    }

.blue-colors ul li:nth-child(3) {
    background-color: #c6d5ff
}

    .blue-colors ul li:nth-child(3) p:before {
        content: "#c6d5ff"
    }

.blue-colors ul li:nth-child(2) {
    background-color: #d3dfff
}

    .blue-colors ul li:nth-child(2) p:before {
        content: "#d3dfff"
    }

.blue-colors ul li:nth-child(1) {
    background-color: #e0e8ff
}

    .blue-colors ul li:nth-child(1) p:before {
        content: "#e0e8ff"
    }

.light-blue-colors ul li:nth-child(14) {
    background-color: #059cf9
}

    .light-blue-colors ul li:nth-child(14) p:before {
        content: "#059cf9"
    }

.light-blue-colors ul li:nth-child(13) {
    background-color: #14a2fa
}

    .light-blue-colors ul li:nth-child(13) p:before {
        content: "#14a2fa"
    }

.light-blue-colors ul li:nth-child(12) {
    background-color: #23a8fa
}

    .light-blue-colors ul li:nth-child(12) p:before {
        content: "#23a8fa"
    }

.light-blue-colors ul li:nth-child(11) {
    background-color: #32aefb
}

    .light-blue-colors ul li:nth-child(11) p:before {
        content: "#32aefb"
    }

.light-blue-colors ul li:nth-child(10) {
    background-color: #41b4fb
}

    .light-blue-colors ul li:nth-child(10) p:before {
        content: "#41b4fb"
    }

.light-blue-colors ul li:nth-child(9) {
    background-color: #50bafb
}

    .light-blue-colors ul li:nth-child(9) p:before {
        content: "#50bafb"
    }

.light-blue-colors ul li:nth-child(8) {
    background-color: #5fc0fc
}

    .light-blue-colors ul li:nth-child(8) p:before {
        content: "#5fc0fc"
    }

.light-blue-colors ul li:nth-child(7) {
    background-color: #6ec6fc
}

    .light-blue-colors ul li:nth-child(7) p:before {
        content: "#6ec6fc"
    }

.light-blue-colors ul li:nth-child(6) {
    background-color: #7cccfc
}

    .light-blue-colors ul li:nth-child(6) p:before {
        content: "#7cccfc"
    }

.light-blue-colors ul li:nth-child(5) {
    background-color: #8bd2fd
}

    .light-blue-colors ul li:nth-child(5) p:before {
        content: "#8bd2fd"
    }

.light-blue-colors ul li:nth-child(4) {
    background-color: #9ad7fd
}

    .light-blue-colors ul li:nth-child(4) p:before {
        content: "#9ad7fd"
    }

.light-blue-colors ul li:nth-child(3) {
    background-color: #a9ddfd
}

    .light-blue-colors ul li:nth-child(3) p:before {
        content: "#a9ddfd"
    }

.light-blue-colors ul li:nth-child(2) {
    background-color: #b8e3fd
}

    .light-blue-colors ul li:nth-child(2) p:before {
        content: "#b8e3fd"
    }

.light-blue-colors ul li:nth-child(1) {
    background-color: #c7e9fe
}

    .light-blue-colors ul li:nth-child(1) p:before {
        content: "#c7e9fe"
    }

.cyan-colors ul li:nth-child(14) {
    background-color: #05c6e3
}

    .cyan-colors ul li:nth-child(14) p:before {
        content: "#05c6e3"
    }

.cyan-colors ul li:nth-child(13) {
    background-color: #06d3f2
}

    .cyan-colors ul li:nth-child(13) p:before {
        content: "#06d3f2"
    }

.cyan-colors ul li:nth-child(12) {
    background-color: #0edbf9
}

    .cyan-colors ul li:nth-child(12) p:before {
        content: "#0edbf9"
    }

.cyan-colors ul li:nth-child(11) {
    background-color: #1dddfa
}

    .cyan-colors ul li:nth-child(11) p:before {
        content: "#1dddfa"
    }

.cyan-colors ul li:nth-child(10) {
    background-color: #2bdffa
}

    .cyan-colors ul li:nth-child(10) p:before {
        content: "#2bdffa"
    }

.cyan-colors ul li:nth-child(9) {
    background-color: #3ae1fa
}

    .cyan-colors ul li:nth-child(9) p:before {
        content: "#3ae1fa"
    }

.cyan-colors ul li:nth-child(8) {
    background-color: #49e4fb
}

    .cyan-colors ul li:nth-child(8) p:before {
        content: "#49e4fb"
    }

.cyan-colors ul li:nth-child(7) {
    background-color: #58e6fb
}

    .cyan-colors ul li:nth-child(7) p:before {
        content: "#58e6fb"
    }

.cyan-colors ul li:nth-child(6) {
    background-color: #67e8fb
}

    .cyan-colors ul li:nth-child(6) p:before {
        content: "#67e8fb"
    }

.cyan-colors ul li:nth-child(5) {
    background-color: #76eafc
}

    .cyan-colors ul li:nth-child(5) p:before {
        content: "#76eafc"
    }

.cyan-colors ul li:nth-child(4) {
    background-color: #85edfc
}

    .cyan-colors ul li:nth-child(4) p:before {
        content: "#85edfc"
    }

.cyan-colors ul li:nth-child(3) {
    background-color: #94effc
}

    .cyan-colors ul li:nth-child(3) p:before {
        content: "#94effc"
    }

.cyan-colors ul li:nth-child(2) {
    background-color: #a3f1fd
}

    .cyan-colors ul li:nth-child(2) p:before {
        content: "#a3f1fd"
    }

.cyan-colors ul li:nth-child(1) {
    background-color: #b2f3fd
}

    .cyan-colors ul li:nth-child(1) p:before {
        content: "#b2f3fd"
    }

.teal-colors ul li:nth-child(14) {
    background-color: #05cfb3
}

    .teal-colors ul li:nth-child(14) p:before {
        content: "#05cfb3"
    }

.teal-colors ul li:nth-child(13) {
    background-color: #06dec0
}

    .teal-colors ul li:nth-child(13) p:before {
        content: "#06dec0"
    }

.teal-colors ul li:nth-child(12) {
    background-color: #06edcd
}

    .teal-colors ul li:nth-child(12) p:before {
        content: "#06edcd"
    }

.teal-colors ul li:nth-child(11) {
    background-color: #0af9d7
}

    .teal-colors ul li:nth-child(11) p:before {
        content: "#0af9d7"
    }

.teal-colors ul li:nth-child(10) {
    background-color: #19f9da
}

    .teal-colors ul li:nth-child(10) p:before {
        content: "#19f9da"
    }

.teal-colors ul li:nth-child(9) {
    background-color: #27f9dc
}

    .teal-colors ul li:nth-child(9) p:before {
        content: "#27f9dc"
    }

.teal-colors ul li:nth-child(8) {
    background-color: #36fadf
}

    .teal-colors ul li:nth-child(8) p:before {
        content: "#36fadf"
    }

.teal-colors ul li:nth-child(7) {
    background-color: #45fae1
}

    .teal-colors ul li:nth-child(7) p:before {
        content: "#45fae1"
    }

.teal-colors ul li:nth-child(6) {
    background-color: #54fbe3
}

    .teal-colors ul li:nth-child(6) p:before {
        content: "#54fbe3"
    }

.teal-colors ul li:nth-child(5) {
    background-color: #63fbe6
}

    .teal-colors ul li:nth-child(5) p:before {
        content: "#63fbe6"
    }

.teal-colors ul li:nth-child(4) {
    background-color: #72fbe8
}

    .teal-colors ul li:nth-child(4) p:before {
        content: "#72fbe8"
    }

.teal-colors ul li:nth-child(3) {
    background-color: #81fceb
}

    .teal-colors ul li:nth-child(3) p:before {
        content: "#81fceb"
    }

.teal-colors ul li:nth-child(2) {
    background-color: #90fced
}

    .teal-colors ul li:nth-child(2) p:before {
        content: "#90fced"
    }

.teal-colors ul li:nth-child(1) {
    background-color: #9ffcef
}

    .teal-colors ul li:nth-child(1) p:before {
        content: "#9ffcef"
    }

.green-colors ul li:nth-child(14) {
    background-color: #05d85c
}

    .green-colors ul li:nth-child(14) p:before {
        content: "#05d85c"
    }

.green-colors ul li:nth-child(13) {
    background-color: #06e763
}

    .green-colors ul li:nth-child(13) p:before {
        content: "#06e763"
    }

.green-colors ul li:nth-child(12) {
    background-color: #06f669
}

    .green-colors ul li:nth-child(12) p:before {
        content: "#06f669"
    }

.green-colors ul li:nth-child(11) {
    background-color: #12f972
}

    .green-colors ul li:nth-child(11) p:before {
        content: "#12f972"
    }

.green-colors ul li:nth-child(10) {
    background-color: #21f97a
}

    .green-colors ul li:nth-child(10) p:before {
        content: "#21f97a"
    }

.green-colors ul li:nth-child(9) {
    background-color: #30fa83
}

    .green-colors ul li:nth-child(9) p:before {
        content: "#30fa83"
    }

.green-colors ul li:nth-child(8) {
    background-color: #3ffa8c
}

    .green-colors ul li:nth-child(8) p:before {
        content: "#3ffa8c"
    }

.green-colors ul li:nth-child(7) {
    background-color: #4efb95
}

    .green-colors ul li:nth-child(7) p:before {
        content: "#4efb95"
    }

.green-colors ul li:nth-child(6) {
    background-color: #5dfb9e
}

    .green-colors ul li:nth-child(6) p:before {
        content: "#5dfb9e"
    }

.green-colors ul li:nth-child(5) {
    background-color: #6cfba7
}

    .green-colors ul li:nth-child(5) p:before {
        content: "#6cfba7"
    }

.green-colors ul li:nth-child(4) {
    background-color: #7bfcb0
}

    .green-colors ul li:nth-child(4) p:before {
        content: "#7bfcb0"
    }

.green-colors ul li:nth-child(3) {
    background-color: #8afcb9
}

    .green-colors ul li:nth-child(3) p:before {
        content: "#8afcb9"
    }

.green-colors ul li:nth-child(2) {
    background-color: #98fcc2
}

    .green-colors ul li:nth-child(2) p:before {
        content: "#98fcc2"
    }

.green-colors ul li:nth-child(1) {
    background-color: #a7fdcb
}

    .green-colors ul li:nth-child(1) p:before {
        content: "#a7fdcb"
    }

.light-green-colors ul li:nth-child(14) {
    background-color: #6fe423
}

    .light-green-colors ul li:nth-child(14) p:before {
        content: "#6fe423"
    }

.light-green-colors ul li:nth-child(13) {
    background-color: #78e631
}

    .light-green-colors ul li:nth-child(13) p:before {
        content: "#78e631"
    }

.light-green-colors ul li:nth-child(12) {
    background-color: #81e73e
}

    .light-green-colors ul li:nth-child(12) p:before {
        content: "#81e73e"
    }

.light-green-colors ul li:nth-child(11) {
    background-color: #8ae94c
}

    .light-green-colors ul li:nth-child(11) p:before {
        content: "#8ae94c"
    }

.light-green-colors ul li:nth-child(10) {
    background-color: #93eb5a
}

    .light-green-colors ul li:nth-child(10) p:before {
        content: "#93eb5a"
    }

.light-green-colors ul li:nth-child(9) {
    background-color: #9bec67
}

    .light-green-colors ul li:nth-child(9) p:before {
        content: "#9bec67"
    }

.light-green-colors ul li:nth-child(8) {
    background-color: #a4ee75
}

    .light-green-colors ul li:nth-child(8) p:before {
        content: "#a4ee75"
    }

.light-green-colors ul li:nth-child(7) {
    background-color: #adf083
}

    .light-green-colors ul li:nth-child(7) p:before {
        content: "#adf083"
    }

.light-green-colors ul li:nth-child(6) {
    background-color: #b6f190
}

    .light-green-colors ul li:nth-child(6) p:before {
        content: "#b6f190"
    }

.light-green-colors ul li:nth-child(5) {
    background-color: #bff39e
}

    .light-green-colors ul li:nth-child(5) p:before {
        content: "#bff39e"
    }

.light-green-colors ul li:nth-child(4) {
    background-color: #c8f5ac
}

    .light-green-colors ul li:nth-child(4) p:before {
        content: "#c8f5ac"
    }

.light-green-colors ul li:nth-child(3) {
    background-color: #d1f6b9
}

    .light-green-colors ul li:nth-child(3) p:before {
        content: "#d1f6b9"
    }

.light-green-colors ul li:nth-child(2) {
    background-color: #daf8c7
}

    .light-green-colors ul li:nth-child(2) p:before {
        content: "#daf8c7"
    }

.light-green-colors ul li:nth-child(1) {
    background-color: #e3fad4
}

    .light-green-colors ul li:nth-child(1) p:before {
        content: "#e3fad4"
    }

.lime-colors ul li:nth-child(14) {
    background-color: #baf905
}

    .lime-colors ul li:nth-child(14) p:before {
        content: "#baf905"
    }

.lime-colors ul li:nth-child(13) {
    background-color: #bffa14
}

    .lime-colors ul li:nth-child(13) p:before {
        content: "#bffa14"
    }

.lime-colors ul li:nth-child(12) {
    background-color: #c3fa23
}

    .lime-colors ul li:nth-child(12) p:before {
        content: "#c3fa23"
    }

.lime-colors ul li:nth-child(11) {
    background-color: #c7fb32
}

    .lime-colors ul li:nth-child(11) p:before {
        content: "#c7fb32"
    }

.lime-colors ul li:nth-child(10) {
    background-color: #cbfb41
}

    .lime-colors ul li:nth-child(10) p:before {
        content: "#cbfb41"
    }

.lime-colors ul li:nth-child(9) {
    background-color: #cffb50
}

    .lime-colors ul li:nth-child(9) p:before {
        content: "#cffb50"
    }

.lime-colors ul li:nth-child(8) {
    background-color: #d3fc5f
}

    .lime-colors ul li:nth-child(8) p:before {
        content: "#d3fc5f"
    }

.lime-colors ul li:nth-child(7) {
    background-color: #d7fc6e
}

    .lime-colors ul li:nth-child(7) p:before {
        content: "#d7fc6e"
    }

.lime-colors ul li:nth-child(6) {
    background-color: #dbfc7c
}

    .lime-colors ul li:nth-child(6) p:before {
        content: "#dbfc7c"
    }

.lime-colors ul li:nth-child(5) {
    background-color: #dffd8b
}

    .lime-colors ul li:nth-child(5) p:before {
        content: "#dffd8b"
    }

.lime-colors ul li:nth-child(4) {
    background-color: #e3fd9a
}

    .lime-colors ul li:nth-child(4) p:before {
        content: "#e3fd9a"
    }

.lime-colors ul li:nth-child(3) {
    background-color: #e8fda9
}

    .lime-colors ul li:nth-child(3) p:before {
        content: "#e8fda9"
    }

.lime-colors ul li:nth-child(2) {
    background-color: #ecfdb8
}

    .lime-colors ul li:nth-child(2) p:before {
        content: "#ecfdb8"
    }

.lime-colors ul li:nth-child(1) {
    background-color: #f0fec7
}

    .lime-colors ul li:nth-child(1) p:before {
        content: "#f0fec7"
    }

.yellow-colors ul li:nth-child(14) {
    background-color: #ffd812
}

    .yellow-colors ul li:nth-child(14) p:before {
        content: "#ffd812"
    }

.yellow-colors ul li:nth-child(13) {
    background-color: #ffda1f
}

    .yellow-colors ul li:nth-child(13) p:before {
        content: "#ffda1f"
    }

.yellow-colors ul li:nth-child(12) {
    background-color: #ffdc2b
}

    .yellow-colors ul li:nth-child(12) p:before {
        content: "#ffdc2b"
    }

.yellow-colors ul li:nth-child(11) {
    background-color: #ffde38
}

    .yellow-colors ul li:nth-child(11) p:before {
        content: "#ffde38"
    }

.yellow-colors ul li:nth-child(10) {
    background-color: #ffe045
}

    .yellow-colors ul li:nth-child(10) p:before {
        content: "#ffe045"
    }

.yellow-colors ul li:nth-child(9) {
    background-color: #ffe352
}

    .yellow-colors ul li:nth-child(9) p:before {
        content: "#ffe352"
    }

.yellow-colors ul li:nth-child(8) {
    background-color: #ffe55e
}

    .yellow-colors ul li:nth-child(8) p:before {
        content: "#ffe55e"
    }

.yellow-colors ul li:nth-child(7) {
    background-color: #ffe76b
}

    .yellow-colors ul li:nth-child(7) p:before {
        content: "#ffe76b"
    }

.yellow-colors ul li:nth-child(6) {
    background-color: #ffe978
}

    .yellow-colors ul li:nth-child(6) p:before {
        content: "#ffe978"
    }

.yellow-colors ul li:nth-child(5) {
    background-color: #ffeb85
}

    .yellow-colors ul li:nth-child(5) p:before {
        content: "#ffeb85"
    }

.yellow-colors ul li:nth-child(4) {
    background-color: #ffed91
}

    .yellow-colors ul li:nth-child(4) p:before {
        content: "#ffed91"
    }

.yellow-colors ul li:nth-child(3) {
    background-color: #ffef9e
}

    .yellow-colors ul li:nth-child(3) p:before {
        content: "#ffef9e"
    }

.yellow-colors ul li:nth-child(2) {
    background-color: #fff1ab
}

    .yellow-colors ul li:nth-child(2) p:before {
        content: "#fff1ab"
    }

.yellow-colors ul li:nth-child(1) {
    background-color: #fff3b8
}

    .yellow-colors ul li:nth-child(1) p:before {
        content: "#fff3b8"
    }

.amber-colors ul li:nth-child(14) {
    background-color: #ffb012
}

    .amber-colors ul li:nth-child(14) p:before {
        content: "#ffb012"
    }

.amber-colors ul li:nth-child(13) {
    background-color: #ffb41f
}

    .amber-colors ul li:nth-child(13) p:before {
        content: "#ffb41f"
    }

.amber-colors ul li:nth-child(12) {
    background-color: #ffb92b
}

    .amber-colors ul li:nth-child(12) p:before {
        content: "#ffb92b"
    }

.amber-colors ul li:nth-child(11) {
    background-color: #ffbd38
}

    .amber-colors ul li:nth-child(11) p:before {
        content: "#ffbd38"
    }

.amber-colors ul li:nth-child(10) {
    background-color: #ffc145
}

    .amber-colors ul li:nth-child(10) p:before {
        content: "#ffc145"
    }

.amber-colors ul li:nth-child(9) {
    background-color: #ffc552
}

    .amber-colors ul li:nth-child(9) p:before {
        content: "#ffc552"
    }

.amber-colors ul li:nth-child(8) {
    background-color: #ffca5e
}

    .amber-colors ul li:nth-child(8) p:before {
        content: "#ffca5e"
    }

.amber-colors ul li:nth-child(7) {
    background-color: #ffce6b
}

    .amber-colors ul li:nth-child(7) p:before {
        content: "#ffce6b"
    }

.amber-colors ul li:nth-child(6) {
    background-color: #ffd278
}

    .amber-colors ul li:nth-child(6) p:before {
        content: "#ffd278"
    }

.amber-colors ul li:nth-child(5) {
    background-color: #ffd685
}

    .amber-colors ul li:nth-child(5) p:before {
        content: "#ffd685"
    }

.amber-colors ul li:nth-child(4) {
    background-color: #ffdb91
}

    .amber-colors ul li:nth-child(4) p:before {
        content: "#ffdb91"
    }

.amber-colors ul li:nth-child(3) {
    background-color: #ffdf9e
}

    .amber-colors ul li:nth-child(3) p:before {
        content: "#ffdf9e"
    }

.amber-colors ul li:nth-child(2) {
    background-color: #ffe3ab
}

    .amber-colors ul li:nth-child(2) p:before {
        content: "#ffe3ab"
    }

.amber-colors ul li:nth-child(1) {
    background-color: #ffe7b8
}

    .amber-colors ul li:nth-child(1) p:before {
        content: "#ffe7b8"
    }

.orange-colors ul li:nth-child(14) {
    background-color: #ff7814
}

    .orange-colors ul li:nth-child(14) p:before {
        content: "#ff7814"
    }

.orange-colors ul li:nth-child(13) {
    background-color: #ff8124
}

    .orange-colors ul li:nth-child(13) p:before {
        content: "#ff8124"
    }

.orange-colors ul li:nth-child(12) {
    background-color: #ff8933
}

    .orange-colors ul li:nth-child(12) p:before {
        content: "#ff8933"
    }

.orange-colors ul li:nth-child(11) {
    background-color: #ff9242
}

    .orange-colors ul li:nth-child(11) p:before {
        content: "#ff9242"
    }

.orange-colors ul li:nth-child(10) {
    background-color: #ff9b52
}

    .orange-colors ul li:nth-child(10) p:before {
        content: "#ff9b52"
    }

.orange-colors ul li:nth-child(9) {
    background-color: #ffa461
}

    .orange-colors ul li:nth-child(9) p:before {
        content: "#ffa461"
    }

.orange-colors ul li:nth-child(8) {
    background-color: #ffad70
}

    .orange-colors ul li:nth-child(8) p:before {
        content: "#ffad70"
    }

.orange-colors ul li:nth-child(7) {
    background-color: #ffb67f
}

    .orange-colors ul li:nth-child(7) p:before {
        content: "#ffb67f"
    }

.orange-colors ul li:nth-child(6) {
    background-color: #ffbe8f
}

    .orange-colors ul li:nth-child(6) p:before {
        content: "#ffbe8f"
    }

.orange-colors ul li:nth-child(5) {
    background-color: #ffc79e
}

    .orange-colors ul li:nth-child(5) p:before {
        content: "#ffc79e"
    }

.orange-colors ul li:nth-child(4) {
    background-color: #ffd0ad
}

    .orange-colors ul li:nth-child(4) p:before {
        content: "#ffd0ad"
    }

.orange-colors ul li:nth-child(3) {
    background-color: #ffd9bd
}

    .orange-colors ul li:nth-child(3) p:before {
        content: "#ffd9bd"
    }

.orange-colors ul li:nth-child(2) {
    background-color: #ffe2cc
}

    .orange-colors ul li:nth-child(2) p:before {
        content: "#ffe2cc"
    }

.orange-colors ul li:nth-child(1) {
    background-color: #ffeadb
}

    .orange-colors ul li:nth-child(1) p:before {
        content: "#ffeadb"
    }

.deep-orange-colors ul li:nth-child(14) {
    background-color: #ec3305
}

    .deep-orange-colors ul li:nth-child(14) p:before {
        content: "#ec3305"
    }

.deep-orange-colors ul li:nth-child(13) {
    background-color: #f93707
}

    .deep-orange-colors ul li:nth-child(13) p:before {
        content: "#f93707"
    }

.deep-orange-colors ul li:nth-child(12) {
    background-color: #fa4316
}

    .deep-orange-colors ul li:nth-child(12) p:before {
        content: "#fa4316"
    }

.deep-orange-colors ul li:nth-child(11) {
    background-color: #fa5025
}

    .deep-orange-colors ul li:nth-child(11) p:before {
        content: "#fa5025"
    }

.deep-orange-colors ul li:nth-child(10) {
    background-color: #fa5c34
}

    .deep-orange-colors ul li:nth-child(10) p:before {
        content: "#fa5c34"
    }

.deep-orange-colors ul li:nth-child(9) {
    background-color: #fb6843
}

    .deep-orange-colors ul li:nth-child(9) p:before {
        content: "#fb6843"
    }

.deep-orange-colors ul li:nth-child(8) {
    background-color: #fb7452
}

    .deep-orange-colors ul li:nth-child(8) p:before {
        content: "#fb7452"
    }

.deep-orange-colors ul li:nth-child(7) {
    background-color: #fb8061
}

    .deep-orange-colors ul li:nth-child(7) p:before {
        content: "#fb8061"
    }

.deep-orange-colors ul li:nth-child(6) {
    background-color: #fc8c70
}

    .deep-orange-colors ul li:nth-child(6) p:before {
        content: "#fc8c70"
    }

.deep-orange-colors ul li:nth-child(5) {
    background-color: #fc987f
}

    .deep-orange-colors ul li:nth-child(5) p:before {
        content: "#fc987f"
    }

.deep-orange-colors ul li:nth-child(4) {
    background-color: #fca48e
}

    .deep-orange-colors ul li:nth-child(4) p:before {
        content: "#fca48e"
    }

.deep-orange-colors ul li:nth-child(3) {
    background-color: #fdb09d
}

    .deep-orange-colors ul li:nth-child(3) p:before {
        content: "#fdb09d"
    }

.deep-orange-colors ul li:nth-child(2) {
    background-color: #fdbcac
}

    .deep-orange-colors ul li:nth-child(2) p:before {
        content: "#fdbcac"
    }

.deep-orange-colors ul li:nth-child(1) {
    background-color: #fdc8bb
}

    .deep-orange-colors ul li:nth-child(1) p:before {
        content: "#fdc8bb"
    }

.brown-colors ul li:nth-child(14) {
    background-color: #513631
}

    .brown-colors ul li:nth-child(14) p:before {
        content: "#513631"
    }

.brown-colors ul li:nth-child(13) {
    background-color: #61403a
}

    .brown-colors ul li:nth-child(13) p:before {
        content: "#61403a"
    }

.brown-colors ul li:nth-child(12) {
    background-color: #714b44
}

    .brown-colors ul li:nth-child(12) p:before {
        content: "#714b44"
    }

.brown-colors ul li:nth-child(11) {
    background-color: #81554d
}

    .brown-colors ul li:nth-child(11) p:before {
        content: "#81554d"
    }

.brown-colors ul li:nth-child(10) {
    background-color: #916057
}

    .brown-colors ul li:nth-child(10) p:before {
        content: "#916057"
    }

.brown-colors ul li:nth-child(9) {
    background-color: #a06b61
}

    .brown-colors ul li:nth-child(9) p:before {
        content: "#a06b61"
    }

.brown-colors ul li:nth-child(8) {
    background-color: #aa7a71
}

    .brown-colors ul li:nth-child(8) p:before {
        content: "#aa7a71"
    }

.brown-colors ul li:nth-child(7) {
    background-color: #b38981
}

    .brown-colors ul li:nth-child(7) p:before {
        content: "#b38981"
    }

.brown-colors ul li:nth-child(6) {
    background-color: #bd9791
}

    .brown-colors ul li:nth-child(6) p:before {
        content: "#bd9791"
    }

.brown-colors ul li:nth-child(5) {
    background-color: #c6a6a1
}

    .brown-colors ul li:nth-child(5) p:before {
        content: "#c6a6a1"
    }

.brown-colors ul li:nth-child(4) {
    background-color: #d0b5b1
}

    .brown-colors ul li:nth-child(4) p:before {
        content: "#d0b5b1"
    }

.brown-colors ul li:nth-child(3) {
    background-color: #dac4c1
}

    .brown-colors ul li:nth-child(3) p:before {
        content: "#dac4c1"
    }

.brown-colors ul li:nth-child(2) {
    background-color: #e3d3d0
}

    .brown-colors ul li:nth-child(2) p:before {
        content: "#e3d3d0"
    }

.brown-colors ul li:nth-child(1) {
    background-color: #ede2e0
}

    .brown-colors ul li:nth-child(1) p:before {
        content: "#ede2e0"
    }

.grey-colors ul li:nth-child(14) {
    background-color: #323232
}

    .grey-colors ul li:nth-child(14) p:before {
        content: "#323232"
    }

.grey-colors ul li:nth-child(13) {
    background-color: #3f3f3f
}

    .grey-colors ul li:nth-child(13) p:before {
        content: "#3f3f3f"
    }

.grey-colors ul li:nth-child(12) {
    background-color: #4b4b4b
}

    .grey-colors ul li:nth-child(12) p:before {
        content: "#4b4b4b"
    }

.grey-colors ul li:nth-child(11) {
    background-color: #585858
}

    .grey-colors ul li:nth-child(11) p:before {
        content: "#585858"
    }

.grey-colors ul li:nth-child(10) {
    background-color: #656565
}

    .grey-colors ul li:nth-child(10) p:before {
        content: "#656565"
    }

.grey-colors ul li:nth-child(9) {
    background-color: #727272
}

    .grey-colors ul li:nth-child(9) p:before {
        content: "#727272"
    }

.grey-colors ul li:nth-child(8) {
    background-color: #7e7e7e
}

    .grey-colors ul li:nth-child(8) p:before {
        content: "#7e7e7e"
    }

.grey-colors ul li:nth-child(7) {
    background-color: #8b8b8b
}

    .grey-colors ul li:nth-child(7) p:before {
        content: "#8b8b8b"
    }

.grey-colors ul li:nth-child(6) {
    background-color: #989898
}

    .grey-colors ul li:nth-child(6) p:before {
        content: "#989898"
    }

.grey-colors ul li:nth-child(5) {
    background-color: #a5a5a5
}

    .grey-colors ul li:nth-child(5) p:before {
        content: "#a5a5a5"
    }

.grey-colors ul li:nth-child(4) {
    background-color: #b1b1b1
}

    .grey-colors ul li:nth-child(4) p:before {
        content: "#b1b1b1"
    }

.grey-colors ul li:nth-child(3) {
    background-color: #bebebe
}

    .grey-colors ul li:nth-child(3) p:before {
        content: "#bebebe"
    }

.grey-colors ul li:nth-child(2) {
    background-color: #cbcbcb
}

    .grey-colors ul li:nth-child(2) p:before {
        content: "#cbcbcb"
    }

.grey-colors ul li:nth-child(1) {
    background-color: #d8d8d8
}

    .grey-colors ul li:nth-child(1) p:before {
        content: "#d8d8d8"
    }

.blue-grey-colors ul li:nth-child(14) {
    background-color: #35444a
}

    .blue-grey-colors ul li:nth-child(14) p:before {
        content: "#35444a"
    }

.blue-grey-colors ul li:nth-child(13) {
    background-color: #3f5159
}

    .blue-grey-colors ul li:nth-child(13) p:before {
        content: "#3f5159"
    }

.blue-grey-colors ul li:nth-child(12) {
    background-color: #4a5f68
}

    .blue-grey-colors ul li:nth-child(12) p:before {
        content: "#4a5f68"
    }

.blue-grey-colors ul li:nth-child(11) {
    background-color: #546d77
}

    .blue-grey-colors ul li:nth-child(11) p:before {
        content: "#546d77"
    }

.blue-grey-colors ul li:nth-child(10) {
    background-color: #5f7a85
}

    .blue-grey-colors ul li:nth-child(10) p:before {
        content: "#5f7a85"
    }

.blue-grey-colors ul li:nth-child(9) {
    background-color: #6a8894
}

    .blue-grey-colors ul li:nth-child(9) p:before {
        content: "#6a8894"
    }

.blue-grey-colors ul li:nth-child(8) {
    background-color: #78949f
}

    .blue-grey-colors ul li:nth-child(8) p:before {
        content: "#78949f"
    }

.blue-grey-colors ul li:nth-child(7) {
    background-color: #87a0aa
}

    .blue-grey-colors ul li:nth-child(7) p:before {
        content: "#87a0aa"
    }

.blue-grey-colors ul li:nth-child(6) {
    background-color: #96abb4
}

    .blue-grey-colors ul li:nth-child(6) p:before {
        content: "#96abb4"
    }

.blue-grey-colors ul li:nth-child(5) {
    background-color: #a5b7bf
}

    .blue-grey-colors ul li:nth-child(5) p:before {
        content: "#a5b7bf"
    }

.blue-grey-colors ul li:nth-child(4) {
    background-color: #b4c3ca
}

    .blue-grey-colors ul li:nth-child(4) p:before {
        content: "#b4c3ca"
    }

.blue-grey-colors ul li:nth-child(3) {
    background-color: #c3cfd4
}

    .blue-grey-colors ul li:nth-child(3) p:before {
        content: "#c3cfd4"
    }

.blue-grey-colors ul li:nth-child(2) {
    background-color: #d2dbdf
}

    .blue-grey-colors ul li:nth-child(2) p:before {
        content: "#d2dbdf"
    }

.blue-grey-colors ul li:nth-child(1) {
    background-color: #e1e7e9
}

    .blue-grey-colors ul li:nth-child(1) p:before {
        content: "#e1e7e9"
    }

.primary-colorr ul li:nth-child(14) {
    background-color: #1cc9a7
}

    .primary-colorr ul li:nth-child(14) p:before {
        content: "#1cc9a7"
    }

.primary-colorr ul li:nth-child(13) {
    background-color: #1ed7b2
}

    .primary-colorr ul li:nth-child(13) p:before {
        content: "#1ed7b2"
    }

.primary-colorr ul li:nth-child(12) {
    background-color: #23e1bb
}

    .primary-colorr ul li:nth-child(12) p:before {
        content: "#23e1bb"
    }

.primary-colorr ul li:nth-child(11) {
    background-color: #31e2bf
}

    .primary-colorr ul li:nth-child(11) p:before {
        content: "#31e2bf"
    }

.primary-colorr ul li:nth-child(10) {
    background-color: #3ee4c4
}

    .primary-colorr ul li:nth-child(10) p:before {
        content: "#3ee4c4"
    }

.primary-colorr ul li:nth-child(9) {
    background-color: #4ce6c8
}

    .primary-colorr ul li:nth-child(9) p:before {
        content: "#4ce6c8"
    }

.primary-colorr ul li:nth-child(8) {
    background-color: #59e8cc
}

    .primary-colorr ul li:nth-child(8) p:before {
        content: "#59e8cc"
    }

.primary-colorr ul li:nth-child(7) {
    background-color: #66ead0
}

    .primary-colorr ul li:nth-child(7) p:before {
        content: "#66ead0"
    }

.primary-colorr ul li:nth-child(6) {
    background-color: #74ecd4
}

    .primary-colorr ul li:nth-child(6) p:before {
        content: "#74ecd4"
    }

.primary-colorr ul li:nth-child(5) {
    background-color: #81eed8
}

    .primary-colorr ul li:nth-child(5) p:before {
        content: "#81eed8"
    }

.primary-colorr ul li:nth-child(4) {
    background-color: #8fefdc
}

    .primary-colorr ul li:nth-child(4) p:before {
        content: "#8fefdc"
    }

.primary-colorr ul li:nth-child(3) {
    background-color: #9cf1e1
}

    .primary-colorr ul li:nth-child(3) p:before {
        content: "#9cf1e1"
    }

.primary-colorr ul li:nth-child(2) {
    background-color: #aaf3e5
}

    .primary-colorr ul li:nth-child(2) p:before {
        content: "#aaf3e5"
    }

.primary-colorr ul li:nth-child(1) {
    background-color: #b7f5e9
}

    .primary-colorr ul li:nth-child(1) p:before {
        content: "#b7f5e9"
    }

.success-colorr ul li:nth-child(14) {
    background-color: #33d176
}

    .success-colorr ul li:nth-child(14) p:before {
        content: "#33d176"
    }

.success-colorr ul li:nth-child(13) {
    background-color: #3bd37c
}

    .success-colorr ul li:nth-child(13) p:before {
        content: "#3bd37c"
    }

.success-colorr ul li:nth-child(12) {
    background-color: #44d581
}

    .success-colorr ul li:nth-child(12) p:before {
        content: "#44d581"
    }

.success-colorr ul li:nth-child(11) {
    background-color: #4cd787
}

    .success-colorr ul li:nth-child(11) p:before {
        content: "#4cd787"
    }

.success-colorr ul li:nth-child(10) {
    background-color: #54d98c
}

    .success-colorr ul li:nth-child(10) p:before {
        content: "#54d98c"
    }

.success-colorr ul li:nth-child(9) {
    background-color: #5dda92
}

    .success-colorr ul li:nth-child(9) p:before {
        content: "#5dda92"
    }

.success-colorr ul li:nth-child(8) {
    background-color: #65dc98
}

    .success-colorr ul li:nth-child(8) p:before {
        content: "#65dc98"
    }

.success-colorr ul li:nth-child(7) {
    background-color: #6dde9d
}

    .success-colorr ul li:nth-child(7) p:before {
        content: "#6dde9d"
    }

.success-colorr ul li:nth-child(6) {
    background-color: #76e0a3
}

    .success-colorr ul li:nth-child(6) p:before {
        content: "#76e0a3"
    }

.success-colorr ul li:nth-child(5) {
    background-color: #7ee2a8
}

    .success-colorr ul li:nth-child(5) p:before {
        content: "#7ee2a8"
    }

.success-colorr ul li:nth-child(4) {
    background-color: #86e4ae
}

    .success-colorr ul li:nth-child(4) p:before {
        content: "#86e4ae"
    }

.success-colorr ul li:nth-child(3) {
    background-color: #8fe6b4
}

    .success-colorr ul li:nth-child(3) p:before {
        content: "#8fe6b4"
    }

.success-colorr ul li:nth-child(2) {
    background-color: #97e8b9
}

    .success-colorr ul li:nth-child(2) p:before {
        content: "#97e8b9"
    }

.success-colorr ul li:nth-child(1) {
    background-color: #9fe9bf
}

    .success-colorr ul li:nth-child(1) p:before {
        content: "#9fe9bf"
    }

.info-colorr ul li:nth-child(14) {
    background-color: #3d9cdd
}

    .info-colorr ul li:nth-child(14) p:before {
        content: "#3d9cdd"
    }

.info-colorr ul li:nth-child(13) {
    background-color: #45a1de
}

    .info-colorr ul li:nth-child(13) p:before {
        content: "#45a1de"
    }

.info-colorr ul li:nth-child(12) {
    background-color: #4ea5e0
}

    .info-colorr ul li:nth-child(12) p:before {
        content: "#4ea5e0"
    }

.info-colorr ul li:nth-child(11) {
    background-color: #57aae1
}

    .info-colorr ul li:nth-child(11) p:before {
        content: "#57aae1"
    }

.info-colorr ul li:nth-child(10) {
    background-color: #5faee3
}

    .info-colorr ul li:nth-child(10) p:before {
        content: "#5faee3"
    }

.info-colorr ul li:nth-child(9) {
    background-color: #68b2e4
}

    .info-colorr ul li:nth-child(9) p:before {
        content: "#68b2e4"
    }

.info-colorr ul li:nth-child(8) {
    background-color: #71b7e6
}

    .info-colorr ul li:nth-child(8) p:before {
        content: "#71b7e6"
    }

.info-colorr ul li:nth-child(7) {
    background-color: #79bbe7
}

    .info-colorr ul li:nth-child(7) p:before {
        content: "#79bbe7"
    }

.info-colorr ul li:nth-child(6) {
    background-color: #82c0e9
}

    .info-colorr ul li:nth-child(6) p:before {
        content: "#82c0e9"
    }

.info-colorr ul li:nth-child(5) {
    background-color: #8bc4ea
}

    .info-colorr ul li:nth-child(5) p:before {
        content: "#8bc4ea"
    }

.info-colorr ul li:nth-child(4) {
    background-color: #93c8ec
}

    .info-colorr ul li:nth-child(4) p:before {
        content: "#93c8ec"
    }

.info-colorr ul li:nth-child(3) {
    background-color: #9ccded
}

    .info-colorr ul li:nth-child(3) p:before {
        content: "#9ccded"
    }

.info-colorr ul li:nth-child(2) {
    background-color: #a5d1ef
}

    .info-colorr ul li:nth-child(2) p:before {
        content: "#a5d1ef"
    }

.info-colorr ul li:nth-child(1) {
    background-color: #add6f1
}

    .info-colorr ul li:nth-child(1) p:before {
        content: "#add6f1"
    }

.warning-colorr ul li:nth-child(14) {
    background-color: #f2c619
}

    .warning-colorr ul li:nth-child(14) p:before {
        content: "#f2c619"
    }

.warning-colorr ul li:nth-child(13) {
    background-color: #f2c922
}

    .warning-colorr ul li:nth-child(13) p:before {
        content: "#f2c922"
    }

.warning-colorr ul li:nth-child(12) {
    background-color: #f3cb2c
}

    .warning-colorr ul li:nth-child(12) p:before {
        content: "#f3cb2c"
    }

.warning-colorr ul li:nth-child(11) {
    background-color: #f3cd36
}

    .warning-colorr ul li:nth-child(11) p:before {
        content: "#f3cd36"
    }

.warning-colorr ul li:nth-child(10) {
    background-color: #f4d03f
}

    .warning-colorr ul li:nth-child(10) p:before {
        content: "#f4d03f"
    }

.warning-colorr ul li:nth-child(9) {
    background-color: #f4d249
}

    .warning-colorr ul li:nth-child(9) p:before {
        content: "#f4d249"
    }

.warning-colorr ul li:nth-child(8) {
    background-color: #f5d552
}

    .warning-colorr ul li:nth-child(8) p:before {
        content: "#f5d552"
    }

.warning-colorr ul li:nth-child(7) {
    background-color: #f5d75c
}

    .warning-colorr ul li:nth-child(7) p:before {
        content: "#f5d75c"
    }

.warning-colorr ul li:nth-child(6) {
    background-color: #f6d966
}

    .warning-colorr ul li:nth-child(6) p:before {
        content: "#f6d966"
    }

.warning-colorr ul li:nth-child(5) {
    background-color: #f7dc6f
}

    .warning-colorr ul li:nth-child(5) p:before {
        content: "#f7dc6f"
    }

.warning-colorr ul li:nth-child(4) {
    background-color: #f7de79
}

    .warning-colorr ul li:nth-child(4) p:before {
        content: "#f7de79"
    }

.warning-colorr ul li:nth-child(3) {
    background-color: #f8e083
}

    .warning-colorr ul li:nth-child(3) p:before {
        content: "#f8e083"
    }

.warning-colorr ul li:nth-child(2) {
    background-color: #f8e38c
}

    .warning-colorr ul li:nth-child(2) p:before {
        content: "#f8e38c"
    }

.warning-colorr ul li:nth-child(1) {
    background-color: #f9e596
}

    .warning-colorr ul li:nth-child(1) p:before {
        content: "#f9e596"
    }

.danger-colorr ul li:nth-child(14) {
    background-color: #e85445
}

    .danger-colorr ul li:nth-child(14) p:before {
        content: "#e85445"
    }

.danger-colorr ul li:nth-child(13) {
    background-color: #e95d4e
}

    .danger-colorr ul li:nth-child(13) p:before {
        content: "#e95d4e"
    }

.danger-colorr ul li:nth-child(12) {
    background-color: #ea6557
}

    .danger-colorr ul li:nth-child(12) p:before {
        content: "#ea6557"
    }

.danger-colorr ul li:nth-child(11) {
    background-color: #eb6d60
}

    .danger-colorr ul li:nth-child(11) p:before {
        content: "#eb6d60"
    }

.danger-colorr ul li:nth-child(10) {
    background-color: #ed7669
}

    .danger-colorr ul li:nth-child(10) p:before {
        content: "#ed7669"
    }

.danger-colorr ul li:nth-child(9) {
    background-color: #ee7e72
}

    .danger-colorr ul li:nth-child(9) p:before {
        content: "#ee7e72"
    }

.danger-colorr ul li:nth-child(8) {
    background-color: #ef867c
}

    .danger-colorr ul li:nth-child(8) p:before {
        content: "#ef867c"
    }

.danger-colorr ul li:nth-child(7) {
    background-color: #f08f85
}

    .danger-colorr ul li:nth-child(7) p:before {
        content: "#f08f85"
    }

.danger-colorr ul li:nth-child(6) {
    background-color: #f1978e
}

    .danger-colorr ul li:nth-child(6) p:before {
        content: "#f1978e"
    }

.danger-colorr ul li:nth-child(5) {
    background-color: #f29f97
}

    .danger-colorr ul li:nth-child(5) p:before {
        content: "#f29f97"
    }

.danger-colorr ul li:nth-child(4) {
    background-color: #f3a8a0
}

    .danger-colorr ul li:nth-child(4) p:before {
        content: "#f3a8a0"
    }

.danger-colorr ul li:nth-child(3) {
    background-color: #f4b0a9
}

    .danger-colorr ul li:nth-child(3) p:before {
        content: "#f4b0a9"
    }

.danger-colorr ul li:nth-child(2) {
    background-color: #f6b8b2
}

    .danger-colorr ul li:nth-child(2) p:before {
        content: "#f6b8b2"
    }

.danger-colorr ul li:nth-child(1) {
    background-color: #f7c1bb
}

    .danger-colorr ul li:nth-child(1) p:before {
        content: "#f7c1bb"
    }

#draggableMultiple .sortable-moves {
    cursor: move;
    margin-bottom: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .14);
    margin-bottom: 20px;
    padding: 15px 0 15px 60px
}

.sortable-moves {
    font-size: 14px;
    line-height: 1.55556em;
    list-style-type: none;
    margin-bottom: 15px;
    min-height: 3.55556em;
    padding-left: 5.11111em;
    position: relative;
    cursor: move
}

    .sortable-moves img {
        position: absolute;
        height: 40px;
        left: 10px;
        border-radius: 50px;
        top: 15px
    }

    .sortable-moves h6 {
        margin-bottom: 0;
        font-weight: 700
    }

.card-sub {
    cursor: move;
    border: none;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .05), 0 -2px 1px -2px rgba(0, 0, 0, .04), 0 0 0 -1px rgba(0, 0, 0, .05)
}

    .card-sub:hover {
        box-shadow: 0 0 25px -5px #9e9c9e;
        transition: all 180ms linear
    }

.payment-card .icofont-paypal-alt,
.payment-card .icofont-visa-alt,
.payment-card .icofont-mastercard {
    display: block;
    font-size: 60px;
    color: #ed5565
}

.payment-card .icofont-visa-alt {
    color: #1c84c6
}

.payment-card .icofont-mastercard {
    color: #f8ac59
}

.payment-tabs .nav-tabs .slide,
.payment-tabs .md-tabs .nav-item + .nav-item,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + .nav-item,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + .nav-item,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + .nav-item,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + .nav-item,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + .nav-item,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + .nav-item,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + .nav-item,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + .nav-item,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .nav-item + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + a,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + a,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-1 a + a,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-1 a + a,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-1 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-2 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + a,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + a,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-2 a + a,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-2 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-3 a + a,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-3 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + a,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + a,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-3 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .nav-item + a,
.main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-4 a + a,
.main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-4 a + a,
.main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-4 a + a,
.payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + a,
.main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + a {
    width: calc(100%/5)
}

.demo-container {
    padding-bottom: 0
}

.jp-card .jp-card-front,
.jp-card .jp-card-back {
    background: #667db6 !important
}

.payment-form {
    max-width: 550px;
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 0
}

.ace_editor {
    width: 100% !important;
    position: relative !important;
    margin-top: 20px
}

.long-press:focus {
    outline-color: #667db6
}

.inputor:focus {
    border-color: #667db6
}

#edui1 {
    width: auto !important
}

.tab-pane form .md-add-on i {
    font-size: 20px
}

.wall-elips {
    position: absolute;
    right: 15px
}

.social-wallpaper {
    position: relative
}

.social-profile {
    position: relative;
    padding-top: 15px
}

.timeline-btn {
    position: absolute;
    bottom: 0;
    right: 30px
}

.nav-tabs.md-tabs.tab-timeline li a {
    padding: 20px 0 10px;
    color: #666;
    font-size: 18px
}

.social-timeline-left {
    position: absolute;
    top: -200px;
    margin-right: 15px
}

.post-input {
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    resize: none
}

.user-box .media-object,
.friend-box .media-object {
    height: 45px;
    width: 45px;
    display: inline-block
}

.friend-box img {
    margin-right: 10px;
    margin-bottom: 10px
}

.chat-header {
    color: #222
}

.live-status {
    height: 9px;
    width: 9px;
    position: absolute;
    bottom: 0;
    right: 17px;
    border-radius: 100%;
    border: 1px solid
}

.tab-timeline .slide {
    bottom: -1px
}

.image-upload input {
    visibility: hidden;
    max-width: 0;
    max-height: 0
}

.file-upload-lbl {
    max-width: 15px;
    padding: 5px 0 0
}

.ellipsis::after {
    top: 15px;
    border: none;
    position: absolute;
    content: '\f142';
    font-family: FontAwesome;
    right: 30px
}

.elipsis-box {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .11);
    top: 40px;
    right: -10px
}

    .elipsis-box:after {
        content: '';
        height: 13px;
        width: 13px;
        background: #fff;
        position: absolute;
        top: -5px;
        right: 10px;
        transform: rotate(45deg);
        box-shadow: -3px -3px 11px 1px rgba(170, 170, 170, .22)
    }

.friend-elipsis {
    left: -10px;
    top: -10px
}

.social-profile:hover .profile-hvr,
.social-wallpaper:hover .profile-hvr {
    opacity: 1;
    transition: all ease-in-out .3s
}

.profile-hvr {
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 20px;
    padding: 10px;
    top: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .61);
    transition: all ease-in-out .3s
}

.social-profile {
    margin: 0 15px
}

.social-follower {
    text-align: center
}

    .social-follower h4 {
        font-size: 18px;
        margin-bottom: 10px;
        font-style: normal
    }

    .social-follower h5 {
        font-size: 14px
    }

    .social-follower .follower-counter {
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 13px
    }

        .social-follower .follower-counter .txt-primary {
            font-size: 24px
        }

.timeline-icon {
    height: 45px;
    width: 45px;
    display: block;
    margin: 0 auto;
    border: 4px #fff solid
}

.social-timelines-left:after {
    height: 3px;
    width: 25%;
    position: absolute;
    background: #ccc;
    top: 20px;
    content: "";
    right: 0;
    z-index: 0
}

.social-timelines:before {
    position: absolute;
    content: ' ';
    width: 3px;
    background: #ccc;
    left: 4%;
    z-index: 0;
    height: 100%;
    top: 0;
    z-index: -1
}

.timeline-dot:after,
.timeline-dot:before {
    content: "";
    position: absolute;
    height: 9px;
    width: 9px;
    background-color: #ccc;
    left: 3.8%;
    border-radius: 100%
}

.user-box .social-designation,
.post-timelines .social-time {
    font-size: 13px
}

.user-box .f-right {
    text-transform: capitalize
}

.social-msg span {
    color: #666;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px
}

.social-msg a {
    display: inline-block
}

.view-info .social-label,
.contact-info .social-label,
.work-info .social-label {
    font-size: 15px;
    padding-left: 0;
    padding-top: 0
}

.view-info .social-user-name,
.contact-info .social-user-name,
.work-info .social-user-name {
    font-size: 14px;
    padding-left: 0
}

.friend-elipsis .social-designation {
    font-size: 13px
}

.timeline-details p {
    padding-top: 10px;
    margin-bottom: 0
}

.timeline-details .chat-header,
.post-timelines .chat-header {
    font-size: 15px
}

.social-client-description {
    padding-bottom: 20px;
    margin-bottom: 20px
}

    .social-client-description p {
        margin-top: 5px;
        margin-bottom: 0
    }

    .social-client-description span {
        font-size: 12px;
        margin-left: 10px
    }

    .social-client-description .chat-header {
        font-size: 13px
    }

.social-tabs a {
    font-size: 18px
}

.timeline-btn a {
    margin-bottom: 20px
}

.profile-hvr i {
    cursor: pointer
}

.fc-left {
    margin-bottom: 10px
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em
}

#external-events .fc-event {
    background: #fff;
    color: #000;
    cursor: move;
    border-left: none;
    padding: 5px 18px;
    margin-bottom: 5px
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666
}

    #external-events p input {
        margin: 0;
        vertical-align: middle
    }

.fc th,
.fc td {
    line-height: 2.5
}

.fc-state-default {
    background-color: #fff;
    color: #272727
}

tr:first-child > td > .fc-day-grid-event {
    color: #000;
    padding-left: 10px;
    background: #f3f3f3
}

.fc-nonbusiness {
    background-color: #fff
}

.fc-state-active {
    background-color: #667db6;
    color: #fff
}

.fc-toolbar {
    margin-bottom: 8px
}

    .fc-toolbar .fc-center {
        display: block
    }

.fc-center h2 {
    font-weight: 300;
    font-size: 25px;
    margin-top: 10px
}

.fc button {
    height: auto;
    padding: 10px
}

.fc-toolbar .fc-left {
    float: right
}

.fc-button-group {
    margin-right: 10px
}

.fc .fc-toolbar > * > * {
    margin-left: 0
}

.fc-event,
.fc-event-dot {
    background-color: transparent
}

.fc-day-grid-event:hover {
    color: #000 !important;
    opacity: .8
}

.fc-time-grid-event .fc-content {
    color: #fff
}

.fc-bgevent {
    background: #d8d6d6 !important
}

.fc-state-default {
    background-image: none !important;
    border-color: none !important;
    text-shadow: none !important;
    box-shadow: none !important
}

.fc-state-down,
.fc-state-active {
    background-color: none !important;
    background-image: none !important;
    box-shadow: none !important
}

.fc th {
    background: #667db6;
    color: #fff;
    border-color: #667db6
}

.fc-event {
    line-height: 1.3;
    border-radius: 2px;
    border-left: 4px solid #667db6 !important
}

tr:first-child > td > .fc-day-grid-event {
    margin-left: 0
}

.clndr {
    width: 100%
}

.clndr {
    background-color: #f3f3f3;
    box-shadow: 0 4 px 0 #272727
}

    .clndr .clndr-controls {
        padding: 14px;
        background-color: #37bc9b;
        color: #fff;
        text-align: center
    }

        .clndr.clndr-controls.clndr-previous-button {
            float: left;
            text-align: left
        }

        .clndr.clndr-controls.clndr-next-button {
            float: right;
            text-align: right
        }

        .clndr.clndr-controls.clndr-next-button,
        .clndr.clndr-controls.clndr-previous-button {
            width: 30px;
            cursor: pointer
        }

            .clndr.clndr-controls.clndr-next-button:hover,
            .clndr.clndr-controls.clndr-previous-button:hover {
                opacity: .5
            }

    .clndr.clndr-grid {
        float: left;
        width: 65%;
        background-color: #fff
    }

        .clndr.clndr-grid.days-of-the-week {
            width: 100%;
            background-color: #f6bb42
        }

            .clndr.clndr-grid.days-of-the-week.header-day {
                float: left;
                width: 14.2857%;
                padding: 14px;
                text-align: center;
                color: #fff
            }

        .clndr.clndr-grid.days {
            width: 100%
        }

            .clndr.clndr-grid.days.day,
            .clndr.clndr-grid.days.empty {
                float: left;
                width: 14.2857%;
                padding: 12px 0;
                text-align: center;
                color: #4f4f4f
            }

                .clndr .clndr-grid .days .day.event .day-number,
                .clndr .clndr-grid .days .empty.event .day-number {
                    border: 1px solid #f6bb42;
                    border-radius: 50%;
                    padding: 6px 9px
                }

                .clndr.clndr-grid.days.day.adjacent-month.day-number,
                .clndr.clndr-grid.days.day.inactive.day-number,
                .clndr.clndr-grid.days.empty.adjacent-month.day-number {
                    opacity: .3;
                    cursor: pointer
                }

                .clndr.clndr-grid.days.day.selected {
                    background-color: #da4453;
                    color: #fff
                }

            .clndr.clndr-grid.days.today {
                background-color: #37bc9b;
                color: #fff;
                background-image: none
            }

    .clndr.event-listing {
        float: left;
        width: 35%
    }

        .clndr.event-listing.event-listing-title {
            padding: 15.5px;
            font-size: .88rem;
            background-color: #f4a911;
            text-align: center;
            color: #fff;
            letter-spacing: 1px
        }

        .clndr.event-listing.event-item {
            padding: 6px 14px;
            color: #4f4f4f
        }

        .clndr .event-listing .event-item-location {
            font-weight: 400
        }

.fc-event {
    border-color: #667db6
}

.job-right-header .card-header .card-header-right {
    top: 7px;
    right: 15px
}

.job-right-header .radio-inline {
    display: block
}

.job-right-header .checkbox-fade {
    display: block
}

    .job-right-header .checkbox-fade label {
        position: absolute;
        z-index: 9999
    }

    .job-right-header .checkbox-fade div {
        position: relative;
        padding-left: 40px;
        margin-bottom: 20px
    }

.job-right-header a {
    color: #667db6;
    font-weight: 600
}

.job-details-list {
    padding-left: inherit;
    list-style-type: square;
    margin-bottom: 40px
}

    .job-details-list li {
        margin-bottom: 10px
    }

.company-name p {
    font-weight: 600;
    color: #667db6;
    font-size: 20px;
    margin-bottom: 5px
}

.job-cards .media {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #ddd
}

.job-cards:last-child .media {
    border-bottom: none;
    padding-bottom: 0
}

.job-cards img {
    width: 60px
}

.job-cards .media-right {
    position: absolute;
    top: 20px;
    right: 0
}

.job-badge {
    position: absolute;
    top: 20px;
    right: 10px
}

.job-lable .label {
    background-color: #667db6;
    color: #fff;
    margin: 5px 10px;
    position: relative;
    z-index: 9;
    display: inline-block;
    padding: 5px 10px 5px 12px
}

    .job-lable .label:before {
        content: "";
        background-color: #667db6;
        width: 15px;
        height: 15px;
        transform: rotate(45deg);
        position: absolute;
        left: -7px;
        top: 3px;
        z-index: -1
    }

    .job-lable .label:after {
        content: '\ed55';
        font-family: icofont !important;
        position: absolute;
        left: 0;
        font-size: 5px;
        top: 8px
    }

.job-card-desc {
    font-weight: 600
}

.job-meta-data {
    text-transform: capitalize;
    font-size: 12px;
    margin-bottom: 10px
}

    .job-meta-data i {
        margin-right: 5px;
        color: #667db6
    }

.email-card {
    padding: 0 15px
}

    .email-card .user-head {
        background-color: #667db6;
        padding: 10px;
        min-height: 80px;
        display: flex;
        align-items: center
    }

        .email-card .user-head .user-name {
            margin-left: 10px;
            margin-bottom: 10px
        }

            .email-card .user-head .user-name span {
                display: block;
                color: #fff
            }

    .email-card .user-body {
        margin-left: -15px;
        margin-right: -15px;
        background-color: #fff;
        border-right: 1px solid #ddd
    }

        .email-card .user-body .page-list li {
            text-transform: capitalize;
            border-bottom: 1px solid #ddd;
            transition: all ease-in .3s;
            cursor: pointer
        }

            .email-card .user-body .page-list li .mail-section {
                padding: 15px 20px;
                display: block;
                color: #6a6a6a
            }

                .email-card .user-body .page-list li .mail-section a {
                    color: #6a6a6a
                }

            .email-card .user-body .page-list li i {
                margin-right: 10px
            }

            .email-card .user-body .page-list li.active,
            .email-card .user-body .page-list li:hover {
                background-color: #e5e5e5
            }

        .email-card .user-body .label-list a {
            padding: 10px 20px;
            display: block;
            color: #6a6a6a;
            position: relative;
            padding-left: 25px
        }

            .email-card .user-body .label-list a:before {
                content: '';
                position: absolute;
                height: 10px;
                width: 10px;
                border-radius: 50px;
                left: 0;
                top: 16px
            }

            .email-card .user-body .label-list a.mail-work:before {
                background-color: #667db6
            }

            .email-card .user-body .label-list a.mail-design:before {
                background-color: #3498db
            }

            .email-card .user-body .label-list a.mail-family:before {
                background-color: #2ecc71
            }

            .email-card .user-body .label-list a.mail-friends:before {
                background-color: #f1c40f
            }

            .email-card .user-body .label-list a.mail-office:before {
                background-color: #e74c3c
            }

    .email-card .mail-box-head {
        background-color: #bdc3c7;
        min-height: 80px;
        padding: 20px 0
    }

        .email-card .mail-box-head h3 {
            color: #fff
        }

        .email-card .mail-box-head .input-group {
            margin-bottom: 0
        }

    .email-card .mail-body {
        padding: 20px 0
    }

        .email-card .mail-body .mail-body-header {
            margin-bottom: 20px
        }

            .email-card .mail-body .mail-body-header .btn-group {
                height: 42px
            }

    .email-card .mail-body-content .check-star {
        display: flex;
        align-items: center
    }

        .email-card .mail-body-content .check-star .icofont-star {
            margin-top: -8px
        }

    .email-card .mail-body-content tr {
        transition: all ease-in .3s
    }

        .email-card .mail-body-content tr:hover {
            background-color: #e5e5e5;
            cursor: pointer
        }

    .email-card .mail-body-content .unread a {
        color: #222;
        font-weight: 600
    }

    .email-card .mail-body-content .read a {
        color: #222;
        font-weight: 400
    }

.email-summernote ~ .note-frame {
    border: 1px solid #ddd;
    border-radius: 2px
}

.email-read .photo-table {
    padding-right: 10px
}

.email-read .user-name {
    margin-bottom: 10px
}

.mail-body-content.email-read {
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, .05), 0 -2px 1px -2px rgba(0, 0, 0, .04), 0 0 0 -1px rgba(0, 0, 0, .05);
    border-radius: 4px
}

    .mail-body-content.email-read .card {
        border-top: none;
        margin-bottom: 0
    }

    .mail-body-content.email-read:hover {
        box-shadow: 0 0 25px -5px #9e9c9e;
        transition: all 150ms linear
    }

.user-name {
    margin-bottom: 20px
}

.email-card .user-mail h6 {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 20px;
    color: #292b2c
}

.email-content {
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

.mail-img {
    margin-top: 20px
}

.email-welcome-txt {
    font-weight: 600
}

.set-map {
    height: 400px
}

#mapGeo {
    height: 345px
}

#address-search .input-group {
    margin-bottom: 0
}

.light-nav-border,
.primary-nav,
.warning-nav,
.success-nav,
.info-nav,
.danger-nav {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px
}

    .light-nav-border a,
    .primary-nav a,
    .warning-nav a,
    .success-nav a,
    .info-nav a,
    .danger-nav a {
        color: #222
    }

    .light-nav-border li.active a,
    .primary-nav li.active a,
    .warning-nav li.active a,
    .success-nav li.active a,
    .info-nav li.active a,
    .danger-nav li.active a {
        color: #667db6;
        font-weight: 600
    }

    .light-nav-border .nav-item,
    .primary-nav .nav-item,
    .warning-nav .nav-item,
    .success-nav .nav-item,
    .info-nav .nav-item,
    .danger-nav .nav-item,
    .light-nav-border .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .light-nav-border a,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a,
    .success-nav .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .success-nav a,
    .info-nav .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .info-nav a,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a,
    .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a,
    .light-nav-border .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .light-nav-border a,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a,
    .success-nav .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav a,
    .info-nav .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav a,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a,
    .light-nav-border .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .light-nav-border a,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a,
    .success-nav .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .success-nav a,
    .info-nav .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .info-nav a,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a,
    .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a,
    .light-nav-border .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .light-nav-border a,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a,
    .success-nav .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .success-nav a,
    .info-nav .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .info-nav a,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a,
    .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a {
        margin-left: 15px
    }

        .light-nav-border .nav-item:hover .navbar-varient-submenu,
        .primary-nav .nav-item:hover .navbar-varient-submenu,
        .warning-nav .nav-item:hover .navbar-varient-submenu,
        .success-nav .nav-item:hover .navbar-varient-submenu,
        .info-nav .nav-item:hover .navbar-varient-submenu,
        .danger-nav .nav-item:hover .navbar-varient-submenu,
        .light-nav-border .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .light-nav-border a:hover .navbar-varient-submenu,
        .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a:hover .navbar-varient-submenu,
        .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a:hover .navbar-varient-submenu,
        .success-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .success-nav a:hover .navbar-varient-submenu,
        .info-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .info-nav a:hover .navbar-varient-submenu,
        .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a:hover .navbar-varient-submenu,
        .light-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .light-nav-border a:hover .navbar-varient-submenu,
        .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu,
        .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu,
        .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu,
        .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu,
        .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu,
        .light-nav-border .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .light-nav-border a:hover .navbar-varient-submenu,
        .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a:hover .navbar-varient-submenu,
        .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a:hover .navbar-varient-submenu,
        .success-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .success-nav a:hover .navbar-varient-submenu,
        .info-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .info-nav a:hover .navbar-varient-submenu,
        .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a:hover .navbar-varient-submenu,
        .light-nav-border .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .light-nav-border a:hover .navbar-varient-submenu,
        .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a:hover .navbar-varient-submenu,
        .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a:hover .navbar-varient-submenu,
        .success-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .success-nav a:hover .navbar-varient-submenu,
        .info-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .info-nav a:hover .navbar-varient-submenu,
        .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
        .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a:hover .navbar-varient-submenu {
            transform: translateY(5px);
            opacity: 1;
            visibility: visible
        }

    .light-nav-border .navbar-varient-submenu,
    .primary-nav .navbar-varient-submenu,
    .warning-nav .navbar-varient-submenu,
    .success-nav .navbar-varient-submenu,
    .info-nav .navbar-varient-submenu,
    .danger-nav .navbar-varient-submenu {
        box-shadow: 0 0 1px 2px rgba(0, 0, 0, .03), 0 -2px 1px -2px rgba(0, 0, 0, .02), 0 0 0 -1px rgba(0, 0, 0, .03);
        border: 1px solid #ddd;
        position: absolute;
        width: 16em;
        background-color: #fff;
        transition: all linear .3s;
        transform: translateY(30px);
        opacity: 0;
        visibility: hidden;
        z-index: 999
    }

        .light-nav-border .navbar-varient-submenu a,
        .primary-nav .navbar-varient-submenu a,
        .warning-nav .navbar-varient-submenu a,
        .success-nav .navbar-varient-submenu a,
        .info-nav .navbar-varient-submenu a,
        .danger-nav .navbar-varient-submenu a {
            padding: 10px;
            display: block;
            transition: background-color linear .3s
        }

            .light-nav-border .navbar-varient-submenu a:hover,
            .primary-nav .navbar-varient-submenu a:hover,
            .warning-nav .navbar-varient-submenu a:hover,
            .success-nav .navbar-varient-submenu a:hover,
            .info-nav .navbar-varient-submenu a:hover,
            .danger-nav .navbar-varient-submenu a:hover {
                background-color: #f1f1f1
            }

    .light-nav-border .profile-sub-menu,
    .primary-nav .profile-sub-menu,
    .warning-nav .profile-sub-menu,
    .success-nav .profile-sub-menu,
    .info-nav .profile-sub-menu,
    .danger-nav .profile-sub-menu {
        right: 10px
    }

        .light-nav-border .profile-sub-menu i,
        .primary-nav .profile-sub-menu i,
        .warning-nav .profile-sub-menu i,
        .success-nav .profile-sub-menu i,
        .info-nav .profile-sub-menu i,
        .danger-nav .profile-sub-menu i {
            margin-right: 10px
        }

.primary-nav {
    background-color: #55e7ca
}

    .primary-nav a {
        color: #666
    }

    .primary-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .primary-nav .navbar-varient-submenu a {
        color: #222
    }

.warning-nav {
    background-color: #f7dc6f
}

    .warning-nav a {
        color: #666
    }

    .warning-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .warning-nav .navbar-varient-submenu a {
        color: #222
    }

.success-nav {
    background-color: #7ee2a8
}

    .success-nav a {
        color: #666
    }

    .success-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .success-nav .navbar-varient-submenu a {
        color: #222
    }

.info-nav {
    background-color: #8bc4ea
}

    .info-nav a {
        color: #666
    }

    .info-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .info-nav .navbar-varient-submenu a {
        color: #222
    }

.danger-nav {
    background-color: #f5b4ae
}

    .danger-nav a {
        color: #666
    }

    .danger-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .danger-nav .navbar-varient-submenu a {
        color: #222
    }

.bg-dark {
    background-color: #212129;
    color: #fff
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .9)
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .navbar-light .navbar-nav .open > .nav-link {
    color: rgba(255, 255, 255, .9)
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, .3)
    }

.navbar-dark button.btn {
    color: #fff;
    border-color: #fff
}

.dark-nav-border,
.primary-nav-dark,
.warning-nav-dark,
.success-nav-dark,
.info-nav-dark,
.danger-nav-dark {
    border: 1px solid #212129;
    padding: 15px
}

.primary-nav,
.warning-nav,
.success-nav,
.info-nav,
.danger-nav {
    border: none;
    padding: 15px
}

    .dark-nav-border a,
    .primary-nav-dark a,
    .warning-nav-dark a,
    .success-nav-dark a,
    .info-nav-dark a,
    .danger-nav-dark a,
    .primary-nav a,
    .warning-nav a,
    .success-nav a,
    .info-nav a,
    .danger-nav a {
        color: rgba(0, 0, 0, .9)
    }

    .dark-nav-border .navbar-varient-submenu,
    .primary-nav-dark .navbar-varient-submenu,
    .warning-nav-dark .navbar-varient-submenu,
    .success-nav-dark .navbar-varient-submenu,
    .info-nav-dark .navbar-varient-submenu,
    .danger-nav-dark .navbar-varient-submenu,
    .primary-nav .navbar-varient-submenu,
    .warning-nav .navbar-varient-submenu,
    .success-nav .navbar-varient-submenu,
    .info-nav .navbar-varient-submenu,
    .danger-nav .navbar-varient-submenu {
        box-shadow: -2 0 1px 2px rgba(0, 0, 0, .03), 0 -2px 1px -2px rgba(0, 0, 0, .02), 0 0 0 -1px rgba(0, 0, 0, .03);
        border: 1px solid #ddd;
        position: absolute;
        width: 16em;
        background-color: #fff;
        transition: all linear .3s;
        transform: translateY(30px);
        opacity: 0;
        visibility: hidden;
        z-index: 999
    }

    .dark-nav-border .nav-item:hover .navbar-varient-submenu,
    .primary-nav-dark .nav-item:hover .navbar-varient-submenu,
    .warning-nav-dark .nav-item:hover .navbar-varient-submenu,
    .success-nav-dark .nav-item:hover .navbar-varient-submenu,
    .info-nav-dark .nav-item:hover .navbar-varient-submenu,
    .danger-nav-dark .nav-item:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .primary-nav .nav-item:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a:hover .navbar-varient-submenu,
    .warning-nav .nav-item:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a:hover .navbar-varient-submenu,
    .success-nav .nav-item:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .success-nav a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .success-nav a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .success-nav a:hover .navbar-varient-submenu,
    .info-nav .nav-item:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .info-nav a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .info-nav a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .info-nav a:hover .navbar-varient-submenu,
    .danger-nav .nav-item:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 .danger-nav-dark a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .primary-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .primary-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .primary-nav a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .warning-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .warning-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .warning-nav a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .success-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .success-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .success-nav a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .info-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .info-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .info-nav a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-1 a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-3 a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-4 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-1 .danger-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-3 .danger-nav a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-4 .danger-nav a:hover .navbar-varient-submenu,
    .dark-nav-border .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .primary-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .warning-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .success-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .info-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .danger-nav-dark .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .dark-nav-border a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav-dark a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav-dark a:hover .navbar-varient-submenu,
    .primary-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .primary-nav a:hover .navbar-varient-submenu,
    .warning-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .warning-nav a:hover .navbar-varient-submenu,
    .success-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .success-nav a:hover .navbar-varient-submenu,
    .info-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .info-nav a:hover .navbar-varient-submenu,
    .danger-nav .main-menu .main-menu-content .nav-item .tree-2 a:hover .navbar-varient-submenu,
    .main-menu .main-menu-content .nav-item .tree-2 .danger-nav a:hover .navbar-varient-submenu {
        transform: translateY(5px);
        opacity: 1;
        visibility: visible
    }

    .dark-nav-border .navbar-varient-submenu a:hover,
    .primary-nav-dark .navbar-varient-submenu a:hover,
    .warning-nav-dark .navbar-varient-submenu a:hover,
    .success-nav-dark .navbar-varient-submenu a:hover,
    .info-nav-dark .navbar-varient-submenu a:hover,
    .danger-nav-dark .navbar-varient-submenu a:hover,
    .primary-nav .navbar-varient-submenu a:hover,
    .warning-nav .navbar-varient-submenu a:hover,
    .success-nav .navbar-varient-submenu a:hover,
    .info-nav .navbar-varient-submenu a:hover,
    .danger-nav .navbar-varient-submenu a:hover {
        background-color: #f1f1f1
    }

    .dark-nav-border .navbar-varient-submenu a,
    .primary-nav-dark .navbar-varient-submenu a,
    .warning-nav-dark .navbar-varient-submenu a,
    .success-nav-dark .navbar-varient-submenu a,
    .info-nav-dark .navbar-varient-submenu a,
    .danger-nav-dark .navbar-varient-submenu a,
    .primary-nav .navbar-varient-submenu a,
    .warning-nav .navbar-varient-submenu a,
    .success-nav .navbar-varient-submenu a,
    .info-nav .navbar-varient-submenu a,
    .danger-nav .navbar-varient-submenu a {
        padding: 10px;
        display: block;
        transition: background-color linear .3s
    }

    .dark-nav-border li.active a,
    .primary-nav-dark li.active a,
    .warning-nav-dark li.active a,
    .success-nav-dark li.active a,
    .info-nav-dark li.active a,
    .danger-nav-dark li.active a,
    .primary-nav li.active a,
    .warning-nav li.active a,
    .success-nav li.active a,
    .info-nav li.active a,
    .danger-nav li.active a {
        color: #666;
        font-weight: 600
    }

    .dark-nav-border .profile-sub-menu,
    .primary-nav-dark .profile-sub-menu,
    .warning-nav-dark .profile-sub-menu,
    .success-nav-dark .profile-sub-menu,
    .info-nav-dark .profile-sub-menu,
    .danger-nav-dark .profile-sub-menu,
    .primary-nav .profile-sub-menu,
    .warning-nav .profile-sub-menu,
    .success-nav .profile-sub-menu,
    .info-nav .profile-sub-menu,
    .danger-nav .profile-sub-menu {
        right: 10px
    }

.primary-nav-dark {
    background-color: #148f77;
    border: none
}

    .primary-nav-dark a {
        color: #fff
    }

    .primary-nav-dark li.active a {
        color: #fff;
        font-weight: 600
    }

    .primary-nav-dark .navbar-varient-submenu a {
        color: #fff
    }

    .primary-nav-dark .nav-link.disabled {
        color: rgba(255, 255, 255, .5)
    }

    .primary-nav-dark .navbar-varient-submenu {
        background-color: #148f77;
        border-color: #117964
    }

        .primary-nav-dark .navbar-varient-submenu a:hover {
            background-color: #117964
        }

.warning-nav-dark {
    background-color: #c29d0b;
    border: none
}

    .warning-nav-dark a {
        color: #fff
    }

    .warning-nav-dark li.active a {
        color: #fff;
        font-weight: 600
    }

    .warning-nav-dark .navbar-varient-submenu a {
        color: #fff
    }

    .warning-nav-dark .nav-link.disabled {
        color: rgba(255, 255, 255, .5)
    }

    .warning-nav-dark .navbar-varient-submenu {
        background-color: #c29d0b;
        border-color: #aa8a0a
    }

        .warning-nav-dark .navbar-varient-submenu a:hover {
            background-color: #aa8a0a
        }

.success-nav-dark {
    background-color: #25a25a;
    border: none
}

    .success-nav-dark a {
        color: #fff
    }

    .success-nav-dark li.active a {
        color: #fff;
        font-weight: 600
    }

    .success-nav-dark .navbar-varient-submenu a {
        color: #fff
    }

    .success-nav-dark .nav-link.disabled {
        color: rgba(255, 255, 255, .5)
    }

    .success-nav-dark .navbar-varient-submenu {
        background-color: #25a25a;
        border-color: #208e4e
    }

        .success-nav-dark .navbar-varient-submenu a:hover {
            background-color: #208e4e
        }

.info-nav-dark {
    background-color: #217dbb;
    border: none
}

    .info-nav-dark a {
        color: #fff
    }

    .info-nav-dark li.active a {
        color: #fff;
        font-weight: 600
    }

    .info-nav-dark .navbar-varient-submenu a {
        color: #fff
    }

    .info-nav-dark .nav-link.disabled {
        color: rgba(255, 255, 255, .5)
    }

    .info-nav-dark .navbar-varient-submenu {
        background-color: #217dbb;
        border-color: #1d6fa5
    }

        .info-nav-dark .navbar-varient-submenu a:hover {
            background-color: #1d6fa5
        }

.danger-nav-dark {
    background-color: #d62c1a;
    border: none
}

    .danger-nav-dark a {
        color: #fff
    }

    .danger-nav-dark li.active a {
        color: #fff;
        font-weight: 600
    }

    .danger-nav-dark .navbar-varient-submenu a {
        color: #fff
    }

    .danger-nav-dark .nav-link.disabled {
        color: rgba(255, 255, 255, .5)
    }

    .danger-nav-dark .navbar-varient-submenu {
        background-color: #d62c1a;
        border-color: #bf2718
    }

        .danger-nav-dark .navbar-varient-submenu a:hover {
            background-color: #bf2718
        }

.nav-item label.badge-top-left,
.main-menu .main-menu-content .nav-item .tree-1 a label.badge-top-left,
.main-menu .main-menu-content .nav-item .tree-2 a label.badge-top-left,
.main-menu .main-menu-content .nav-item .tree-3 a label.badge-top-left,
.main-menu .main-menu-content .nav-item .tree-4 a label.badge-top-left {
    right: 4.4%;
    bottom: 38px
}

.nav-item .radio-inline,
.main-menu .main-menu-content .nav-item .tree-1 a .radio-inline,
.main-menu .main-menu-content .nav-item .tree-2 a .radio-inline,
.main-menu .main-menu-content .nav-item .tree-3 a .radio-inline,
.main-menu .main-menu-content .nav-item .tree-4 a .radio-inline {
    margin-top: 7px
}

.primary-nav-dark button,
.warning-nav-dark button,
.success-nav-dark button,
.info-nav-dark button,
.danger-nav-dark button {
    border-color: #fff
}

.primary-nav-dark i,
.warning-nav-dark i,
.success-nav-dark i,
.info-nav-dark i,
.danger-nav-dark i {
    color: #fff
}

.primary-nav button,
.warning-nav button,
.success-nav button,
.info-nav button,
.danger-nav button {
    border-color: rgba(0, 0, 0, .6) !important
}

.primary-nav i,
.warning-nav i,
.success-nav i,
.info-nav i,
.danger-nav i {
    color: rgba(0, 0, 0, .6) !important
}

.light-nav-border button,
.primary-nav button,
.warning-nav button,
.success-nav button,
.info-nav button,
.danger-nav button {
    border-color: rgba(0, 0, 0, .1)
}

.light-nav-border i,
.primary-nav i,
.warning-nav i,
.success-nav i,
.info-nav i,
.danger-nav i {
    color: rgba(0, 0, 0, .4)
}

.note-card {
    padding-top: 0;
    padding-bottom: 0
}

    .note-card .note-box-aside {
        border-right: 1px solid #ddd
    }

        .note-card .note-box-aside .row {
            padding: 20px 0;
            display: flex;
            align-items: center
        }

    .note-card .Note-header {
        padding: 20px 0
    }

    .note-card .note-write {
        position: relative;
        background: linear-gradient(top, #f0f0f0 0%, #ffffec 5%) 0 0;
        background-size: 100% 35px
    }

        .note-card .note-write:before {
            content: '';
            position: absolute;
            width: 0;
            top: 0;
            left: 32px;
            bottom: 0;
            border-left: 1px solid #dacaaa
        }

        .note-card .note-write:after {
            content: '';
            position: absolute;
            width: 0;
            top: 0;
            left: 34px;
            bottom: 0;
            border-left: 1px solid #dacaaa
        }

    .note-card #Note-pad {
        border: none;
        resize: none;
        background: 0 0;
        padding: 0 20px 0 50px;
        line-height: 35px
    }

    .note-card .Note-created__on {
        display: block
    }

.summernote-page .modal-footer {
    margin: 0 auto
}

pre[class*=language-] {
    background-color: #fff;
    border: 1px solid #ddd
}

    pre[class*=language-] code {
        background-color: #fff !important
    }

pre.line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber
}

    pre.line-numbers > code {
        position: relative
    }

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber
}

    .line-numbers-rows > span:before {
        content: counter(linenumber);
        color: #999;
        display: block;
        padding-right: .8em;
        text-align: right
    }

.progress-xl {
    height: 30px
}

.progress-lg {
    height: 24px
}

.progres-md {
    height: 18px
}

.progress-sm {
    height: 12px
}

.progress-xs {
    height: 6px
}

.progress-bar-page .progress {
    margin-bottom: 2rem
}

.progress-bar-default {
    background-color: #bdc3c7
}

.progress-bar-primary {
    background-color: #667db6
}

.progress-bar-success {
    background-color: #2ecc71
}

.progress-bar-info {
    background-color: #3498db
}

.progress-bar-warning {
    background-color: #f1c40f
}

.progress-bar-danger {
    background-color: #e74c3c
}

.progress-bar-pink {
    background-color: #ff7aa3
}

.progress-bar-purple {
    background-color: #9261c6
}

.progress-bar-orange {
    background-color: #e67e22
}

.progress-bar-yellow {
    background-color: #f1c40f
}

.progress-bar-emrald {
    background-color: #2ecc71
}

.loader {
    margin: 18px auto;
    top: 65px;
    left: 65px;
    right: 0;
    width: 100px;
    height: 100px;
    position: relative;
    transform: translate(-50%, -50%)
}

    .loader.animation-start .circle {
        -webkit-animation: rotating 2s ease-in-out infinite;
        animation: rotating 2s ease-in-out infinite
    }

    .loader.animation-stop .circle {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

    .loader .circle {
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        transform-origin: 50% 50%;
        -webkit-animation-iteration-count: 0;
        animation-iteration-count: 0
    }

        .loader .circle:after {
            content: '';
            top: 0;
            left: 0;
            width: 10px;
            height: 10px;
            display: block;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            background-color: #667db6
        }

        .loader .circle.delay-1 {
            -webkit-animation-delay: .125s;
            animation-delay: .125s
        }

        .loader .circle.size-1:after {
            width: 11px;
            height: 11px
        }

        .loader .circle.delay-2 {
            -webkit-animation-delay: .25s;
            animation-delay: .25s
        }

        .loader .circle.size-2:after {
            width: 12px;
            height: 12px
        }

        .loader .circle.delay-3 {
            -webkit-animation-delay: .375s;
            animation-delay: .375s
        }

        .loader .circle.size-3:after {
            width: 13px;
            height: 13px
        }

        .loader .circle.delay-4 {
            -webkit-animation-delay: .5s;
            animation-delay: .5s
        }

        .loader .circle.size-4:after {
            width: 14px;
            height: 14px
        }

        .loader .circle.delay-5 {
            -webkit-animation-delay: .625s;
            animation-delay: .625s
        }

        .loader .circle.size-5:after {
            width: 15px;
            height: 15px
        }

        .loader .circle.delay-6 {
            -webkit-animation-delay: .75s;
            animation-delay: .75s
        }

        .loader .circle.size-6:after {
            width: 16px;
            height: 16px
        }

        .loader .circle.delay-7 {
            -webkit-animation-delay: .875s;
            animation-delay: .875s
        }

        .loader .circle.size-7:after {
            width: 17px;
            height: 17px
        }

        .loader .circle.delay-8 {
            -webkit-animation-delay: 1s;
            animation-delay: 1s
        }

        .loader .circle.size-8:after {
            width: 18px;
            height: 18px
        }

        .loader .circle.delay-9 {
            -webkit-animation-delay: 1.125s;
            animation-delay: 1.125s
        }

        .loader .circle.size-9:after {
            width: 19px;
            height: 19px
        }

        .loader .circle.delay-10 {
            -webkit-animation-delay: 1.25s;
            animation-delay: 1.25s
        }

        .loader .circle.size-10:after {
            width: 20px;
            height: 20px
        }

        .loader .circle.delay-11 {
            -webkit-animation-delay: 1.375s;
            animation-delay: 1.375s
        }

        .loader .circle.size-11:after {
            width: 21px;
            height: 21px
        }

        .loader .circle.delay-12 {
            -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s
        }

        .loader .circle.size-12:after {
            width: 22px;
            height: 22px
        }

@-webkit-keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

#loader2 {
    width: 80px;
    height: 130px;
    display: block;
    transform-origin: 50% 50%;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: 0 auto
}

#circle-loader2 {
    fill: none;
    stroke: #667db6;
    stroke-width: 4;
    -webkit-animation: draw 3s ease-in-out infinite;
    animation: draw 3s ease-in-out infinite
}

@-webkit-keyframes draw {
    0% {
        stroke-dasharray: 20, 282.6
    }

    50% {
        stroke-dasharray: 200, 282.6
    }

    100% {
        stroke-dasharray: 20, 282.6
    }
}

@keyframes draw {
    0% {
        stroke-dasharray: 20, 282.6
    }

    50% {
        stroke-dasharray: 200, 282.6
    }

    100% {
        stroke-dasharray: 20, 282.6
    }
}

@-webkit-keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.preloader3 {
    width: auto;
    height: 130px;
    text-align: center;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .preloader3 > div {
        margin: 2px;
        background-color: #667db6;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        display: inline-block;
        -webkit-animation: stretchdelay .7s infinite ease-in-out;
        animation: stretchdelay .7s infinite ease-in-out
    }

    .preloader3 .circ2 {
        -webkit-animation-delay: -.6s;
        animation-delay: -.6s
    }

    .preloader3 .circ3 {
        -webkit-animation-delay: -.5s;
        animation-delay: -.5s
    }

    .preloader3 .circ4 {
        -webkit-animation-delay: -.4s;
        animation-delay: -.4s
    }

    .preloader3 .circ5 {
        -webkit-animation-delay: -.3s;
        animation-delay: -.3s
    }

    .preloader3 .loader-md {
        height: 13px;
        width: 13px
    }

    .preloader3 .loader-lg {
        height: 18px;
        width: 18px
    }

@-webkit-keyframes stretchdelay {

    0%, 40%, 100% {
        -webkit-transform: translateY(-10px)
    }

    20% {
        -webkit-transform: translateY(-20px)
    }
}

@keyframes stretchdelay {

    0%, 40%, 100% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px)
    }

    20% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px)
    }
}

@-webkit-keyframes rotateColor {
    0% {
        border-top-color: #1b8bf9
    }

    12.5% {
        border-bottom-color: rgba(27, 139, 249, .8)
    }

    25% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    37.5% {
        border-bottom-color: rgba(27, 139, 249, .4)
    }

    50% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    50.00001% {
        border-bottom-color: #1b8bf9
    }

    62.5% {
        border-bottom-color: rgba(27, 139, 249, .8)
    }

    75% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    87.5% {
        border-bottom-color: rgba(27, 139, 249, .4)
    }
}

@keyframes rotateColor {
    0% {
        border-top-color: #1b8bf9
    }

    12.5% {
        border-bottom-color: rgba(27, 139, 249, .8)
    }

    25% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    37.5% {
        border-bottom-color: rgba(27, 139, 249, .4)
    }

    50% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    50.00001% {
        border-bottom-color: #1b8bf9
    }

    62.5% {
        border-bottom-color: rgba(27, 139, 249, .8)
    }

    75% {
        border-bottom-color: rgba(27, 139, 249, .6)
    }

    87.5% {
        border-bottom-color: rgba(27, 139, 249, .4)
    }
}

.preloader4 {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 55px auto
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #667db6;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounce {

    0%, 100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounce {

    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.preloader5 {
    margin: 55px 0;
    text-align: center
}

    .preloader5 .circle-5 {
        display: inline-block;
        padding: 11px;
        margin: 0 .6em;
        background: #667db6;
        border-radius: 100%
    }

    .preloader5 .l {
        -webkit-animation: pulse 2s infinite linear;
        animation: pulse 2s infinite linear
    }

    .preloader5 .m {
        -webkit-animation: pulse 2s infinite linear;
        animation: pulse 2s infinite linear;
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .preloader5 .r {
        -webkit-animation: pulse 2s infinite linear;
        animation: pulse 2s infinite linear;
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }

@-webkit-keyframes pulse {
    10% {
        transform: scale(1)
    }

    20% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.7)
    }

    50% {
        transform: scale(1.7)
    }

    70% {
        transform: scale(1.7)
    }

    80% {
        transform: scale(1)
    }

    90% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes pulse {
    10% {
        transform: scale(1)
    }

    20% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.7)
    }

    50% {
        transform: scale(1.7)
    }

    70% {
        transform: scale(1.7)
    }

    80% {
        transform: scale(1)
    }

    90% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

.preloader6 {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: inherit;
    margin: 18px 0
}

    .preloader6 hr {
        border: 0;
        background: inherit;
        width: 80%;
        height: 80%;
        margin: 10%;
        border-radius: 100%
    }

        .preloader6::before,
        .preloader6::after,
        .preloader6 hr::before,
        .preloader6 hr::after {
            content: '';
            position: absolute;
            top: 0;
            z-index: -1;
            left: 33px;
            border: 17px solid transparent;
            border-bottom: 50px solid #667db6;
            border-top: 50px solid #667db6;
            -webkit-animation: rotateColor 1000ms infinite;
            animation: rotateColor 1000ms infinite
        }

    .preloader6::after {
        transform: rotate(45deg);
        -webkit-animation-delay: 125ms;
        animation-delay: 125ms
    }

    .preloader6 hr::before {
        transform: rotate(90deg);
        -webkit-animation-delay: 250ms;
        animation-delay: 250ms
    }

    .preloader6 hr::after {
        transform: rotate(135deg);
        -webkit-animation-delay: 375ms;
        animation-delay: 375ms
    }

.loader-block,
.loader {
    display: flex;
    align-items: center;
    justify-content: center
}

@keyframes rotateColor {
    0% {
        border-top-color: #667db6
    }

    12.5% {
        border-bottom-color: rgba(26, 188, 156, .8)
    }

    25% {
        border-bottom-color: rgba(26, 188, 156, .6)
    }

    37.5% {
        border-bottom-color: rgba(26, 188, 156, .4)
    }

    50% {
        border-bottom-color: rgba(26, 188, 156, .6)
    }

    50.00001% {
        border-bottom-color: #667db6
    }

    62.5% {
        border-bottom-color: rgba(26, 188, 156, .8)
    }

    75% {
        border-bottom-color: rgba(26, 188, 156, .6)
    }

    87.5% {
        border-bottom-color: rgba(26, 188, 156, .4)
    }
}

.range-slider {
    min-height: 200px;
    display: flex;
    align-items: center;
    margin-left: 15px
}

#RGB {
    height: 10px;
    background: gray
}

#RC .slider-selection {
    background: #ff8282
}

#RC .slider-handle {
    background: red
}

#GC .slider-selection {
    background: #428041
}

#GC .slider-handle {
    background: green
}

#BC .slider-selection {
    background: #8283ff
}

#BC .slider-handle {
    border-bottom-color: blue
}

#R,
#G,
#B {
    width: 300px
}

.range-slider-contain {
    position: absolute;
    bottom: 12%
}

.slider-handle {
    top: -5px;
    background-image: linear-gradient(to bottom, #667db6 0%, #667db6 100%);
    box-shadow: none
}

.slider-tick,
.slider-track {
    background-image: linear-gradient(to bottom, #BDC3C7 0%, #BDC3C7 100%)
}

.slider-handle.custom::before {
    line-height: 15px;
    font-size: 35px;
    color: #667db6
}

#slider12a .slider-track-high,
#slider12c .slider-track-high {
    background: green
}

#slider12b .slider-track-low,
#slider12c .slider-track-low {
    background: red
}

#slider12c .slider-selection {
    background: #ff0
}

.slider-selection.tick-slider-selection {
    background-image: linear-gradient(to bottom, #28E1BD 0%, #28E1BD 100%)
}

.slider-tick.in-selection {
    background-image: linear-gradient(to bottom, #28E1BD 0%, #28E1BD 100%)
}

.slider.slider-horizontal .slider-track {
    height: 2px
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    top: -5px;
    cursor: pointer
}

.br-wrapper {
    margin: 20px 0 50px
}

.br-theme-bars-1to10 .br-widget .br-current-rating {
    clear: both;
    padding: 0;
    font-size: 16px;
    color: #757575;
    font-weight: 600
}

.br-theme-bars-reversed .br-widget .br-current-rating {
    clear: both;
    padding: 0;
    line-height: 2;
    font-size: 16px
}

.br-theme-bars-movie .br-widget .br-current-rating {
    color: #757575;
    font-weight: 600;
    text-align: left
}

.br-theme-bars-horizontal .br-widget .br-current-rating,
.br-theme-bars-reversed .br-widget .br-current-rating {
    color: #757575;
    font-weight: 600
}

span.value {
    display: inline
}

.current-rating {
    position: relative;
    top: -50px
}

    .current-rating.hidden {
        display: none
    }

.your-rating {
    position: relative;
    top: -50px
}

    .your-rating.hidden {
        display: none
    }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
    background-color: #8cddcd
}

    .br-theme-bars-1to10 .br-widget a.br-active,
    .br-theme-bars-1to10 .br-widget a.br-selected,
    .br-theme-bars-movie .br-widget a.br-active,
    .br-theme-bars-movie .br-widget a.br-selected,
    .br-theme-bars-reversed .br-widget a.br-active,
    .br-theme-bars-reversed .br-widget a.br-selected,
    .br-theme-bars-horizontal .br-widget a.br-active,
    .br-theme-bars-horizontal .br-widget a.br-selected {
        background-color: #667db6
    }

.br-theme-bars-pill .br-widget a {
    background-color: #8cddcd;
    color: #667db6
}

    .br-theme-bars-pill .br-widget a.br-active,
    .br-theme-bars-pill .br-widget a.br-selected {
        background-color: #667db6
    }

.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #667db6
}

.br-theme-css-stars .br-widget a.br-active:after,
.br-theme-css-stars .br-widget a.br-selected:after {
    color: #667db6
}

.br-theme-bars-square .br-widget a {
    border: 2px solid #8cddcd;
    color: #8cddcd
}

    .br-theme-bars-square .br-widget a.br-active,
    .br-theme-bars-square .br-widget a.br-selected {
        border: 2px solid #667db6;
        color: #667db6
    }

.br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
.br-theme-fontawesome-stars-o .br-widget a:after,
.br-theme-fontawesome-stars-o .br-widget a.br-active:after,
.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
    color: #667db6
}

#task-container ul {
    overflow: hidden
}

#task-container .task-headline {
    display: none;
    color: #666;
    border-bottom: 1px solid #c8c7bb;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 1.6em;
    position: relative
}

    #task-container .task-headline:before {
        height: 1px;
        width: 100%;
        background: #fff;
        position: absolute;
        content: " ";
        bottom: 0;
        left: 0
    }

#task-container .nothing-message {
    height: 160px;
    color: #666;
    background-size: 15%
}

#task-container li {
    float: left;
    width: 49%;
    overflow: auto;
    height: auto;
    min-height: 10px;
    background: #fff;
    display: inline-block;
    padding: 20px;
    border: 1px solid #ccc;
    color: #666;
    border-top: 9px solid #667db6;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 2%;
    transition: all .3s;
    position: relative
}

    #task-container li:nth-child(even) {
        margin-right: 0
    }

    #task-container li:hover {
        opacity: 1;
        border-top: 9px solid #bdc3c7
    }

    #task-container li.complete {
        opacity: 1;
        border-top: 9px solid #e74c3c;
        transition: all ease-in .3s
    }

        #task-container li.complete:before {
            background: url(/images/complete.png) no-repeat;
            position: absolute;
            top: 5px;
            right: 5px;
            content: "";
            width: 55px;
            height: 55px;
            background-size: 100%
        }

        #task-container li.complete:hover {
            border-top: 9px solid #bdc3c7;
            opacity: 1
        }

        #task-container li.complete p {
            text-decoration: line-through
        }

#task-container p {
    line-height: 1.6em;
    text-align: left
}

.add-line.complete {
    text-decoration: line-through
}

.task-panel .to-do-label {
    padding-bottom: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px
}

    .task-panel .to-do-label:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding: 0
    }

.to-do-list {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px
}

    .to-do-list i {
        color: #ccc;
        font-size: 24px;
        opacity: 0
    }

    .to-do-list:last-child {
        border: none;
        padding: 0;
        margin: 0
    }

    .to-do-list:hover i {
        opacity: 1;
        transition: opacity ease-in .3s
    }

    .to-do-list p {
        display: inline-block
    }

.to-do-label .checkbox-fade {
    display: block
}

    .to-do-label .checkbox-fade .delete_todo {
        float: right;
        font-size: 24px;
        color: #ccc
    }

.to-do-label .check-task {
    display: block
}

.to-do-label i {
    cursor: pointer
}

.done-task span,
.done-task .captions {
    text-decoration: line-through
}

@media only screen and (max-width: 1199px) {
    .blog-page-card {
        margin-bottom: 30px
    }

        .blog-page-card:last-child {
            margin-bottom: 0
        }

    #draggablePanelList [class*=col-] .card-sub {
        margin-bottom: 30px
    }

    #draggablePanelList [class*=col-]:last-child .card-sub {
        margin-bottom: 0
    }

    .user-head {
        justify-content: center
    }

    .user-body {
        min-height: auto !important
    }

    .mail-box-head {
        text-align: center
    }

        .mail-box-head form {
            float: inherit
        }

    #external-events h6 {
        margin-top: 0;
        margin-bottom: 20px
    }

    .just_edit .input-group {
        width: 100% !important
    }

    .dotted-line-theme .ibtn_container {
        top: 10px;
        position: inherit
    }

    .users-card [class*=col-] {
        margin-bottom: 20px
    }

        .users-card [class*=col-]:last-child {
            margin-bottom: 0
        }

    .timeline-btn {
        text-align: center;
        width: 100%;
        right: 0
    }

    .social-timeline-left {
        position: inherit;
        top: 0;
        margin-right: 0
    }

    .timeline-icon {
        position: absolute;
        margin-left: 0
    }

    .timeline-right .card {
        margin-left: 70px !important
    }

    .social-timelines:before {
        left: 35px
    }

    .timeline-dot:after,
    .timeline-dot:before {
        left: 32px
    }

    .user-box .social-client-description {
        padding-bottom: 20px;
        margin-bottom: 0;
        border-bottom: 1px solid #ddd
    }

    .user-box .f-right {
        float: none;
        display: block
    }

    .main-timeline {
        padding: 10px
    }

        .main-timeline:before,
        .main-timeline:after {
            margin-left: -94px;
            margin-top: 25px;
            display: none
        }

    .cd-timeline-content::before {
        top: 15px
    }

    .cd-date,
    .cd-details {
        display: block;
        padding-left: 20px !important;
        padding-top: 0 !important
    }

    .cd-details {
        margin-bottom: 20px
    }

    .cd-timeline-content p {
        margin-bottom: 0
    }

    .clock-widget .basic-alarm {
        display: none
    }

    .weather-card-2 .weather-card-temp {
        padding: 0
    }

    .weather-card-2 .card-footer {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .user-activity-card .card-block-big {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media only screen and (max-width: 1024px) {
    .main-body .page-wrapper .page-header-title {
        display: block
    }

    .main-body .page-wrapper .page-header {
        margin-bottom: 0px
    }

    .main-body .page-wrapper .page-header-breadcrumb {
        float: inherit;
        display: inline-block;
        margin-top: 10px
    }
}

@media only screen and (max-width: 992px) {

    body.horizontal-fixed .main-menu.mobile-menu.mobileView .main-navigation li.nav-item:hover ul {
        display: none;
    }




    .main-menu.mobile-menu.mobileView .main-navigation.InMobile li.currentOpen ul {
        display: block !important;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        position: static;
        transition: none !important;
    }

    .main-menu.mobile-menu.mobileView .main-navigation.InMobile li.currentOpen a {
        color: #667db6;
    }

    .main-menu.mobile-menu.mobileView.show .main-navigation.InMobile li.currentOpen ul li ul {
        display: none !important;
    }

    .main-menu.mobile-menu.mobileView.show .main-navigation.InMobile li.currentOpen ul li:hover ul {
        display: block !important;
    }

    .main-menu.mobile-menu.mobileView .main-navigation.InMobile li.currentOpen:hover ul {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .main-menu.mobile-menu.mobileView {
        display: none !important;
    }

        .main-menu.mobile-menu.mobileView.collapse.show {
            display: block !important;
        }

    #footer-search tfoot .form-control,
    #footer-select tfoot .form-control,
    #form-input-table .form-control,
    .search-api .form-control,
    #dt-live-dom .form-control {
        width: 80%
    }

    body.horizontal-fixed .main-menu.mobile-menu {
        height: 100%;
        width: 300px;
        z-index: 999;
        overflow: auto;
        overflow-x: hidden;
    }

    /*.mobile-menu:first-child:not(.collapsed):before {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        content: "\f057";
        color: #667db6;
        font-size: 22px;
        text-align: center;
        line-height: normal;
        line-height: 22px;
        float: left;
        background: #fff;
        font-family: 'Font Awesome 5 Free';
    }*/


    .main-menu.mobile-menu .main-menu-content li {
        width: 100%;
    }

        .main-menu.mobile-menu .main-menu-content li a {
            display: block !important;
        }

            .main-menu.mobile-menu .main-menu-content li a:first-child:nth-last-child(2):before {
                content: "\e64b";
                position: absolute;
                height: 0;
                width: 0;
                border: 5px solid transparent;
                top: 30%;
                right: 30px;
                font-family: themify;
            }

    .main-menu.mobile-menu .main-menu-content ul li ul {
        width: calc(96% - 10px) !important;
        background: #2e2e38 !important;
        margin: 0 10px !important;
    }

        .main-menu.mobile-menu .main-menu-content ul li ul li ul {
            width: calc(96% - 10px) !important;
            background: #2e2e38 !important;
            margin: 0 10px !important;
        }

    /* arrow hover styling */
    body.horizontal-fixed .main-menu.mobile-menu
    .card-title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px
    }

    .header-navbar .navbar-wrapper .navbar-container {
        margin-left: 0
    }

    .header-navbar .navbar-wrapper .navbar-logo {
        width: 36%
    }

        .header-navbar .navbar-wrapper .navbar-logo a img {
            margin-top: 5px;
        }

    body.horizontal-fixed .header-navbar {
        border-bottom: 1px solid #ccc;
        padding-bottom: 6px;
        background: #fff;
    }

    .main-body .page-wrapper {
        padding-top: 70px !important;
    }

    .header-navbar .navbar-wrapper .navbar-logo .mobile-menu {
        display: block;
        position: absolute;
        left: 30px;
        top: 18px;
        cursor: pointer;
    }

    .header-navbar .navbar-wrapper .navbar-logo .mobile-search {
        display: block;
        position: absolute;
        left: 70px;
        top: 18px
    }

    .header-navbar .navbar-wrapper .navbar-logo .mobile-options {
        display: block;
        position: absolute;
        right: 30px;
        top: 18px;
    }

    .header-navbar .navbar-container .nav-left,
    .header-navbar .navbar-wrapper .navbar-container .nav-right {
        display: none
    }

    .btn-blog {
        text-align: center
    }

    .animation-image img {
        margin: 20px auto 0
    }

    .animation-type {
        text-align: center
    }

    .nav-tabs.md-tabs.tab-timeline li a {
        font-size: 16px
    }
}

@media only screen and (min-width: 992px) {
    .btn-blog {
        text-align: right
    }
}

@media only screen and (max-width: 768px) {
    .card-block.list-tag ul li:last-child {
        margin-bottom: 20px
    }

    .inline-order-list {
        margin-top: 0
    }

    h4 {
        font-size: 1rem;
        font-weight: 600
    }

    .mail-body-content .form-group:nth-child(2) .form-control {
        margin-bottom: 20px
    }

    .mail-body-content .form-group:nth-child(2) .col-md-6:last-child .form-control {
        margin-bottom: 0
    }

    .card h5 {
        font-size: 16px
    }

    .header-navbar .navbar-wrapper .navbar-logo {
        display: inherit;
        /* padding-top: 13px */
    }

        .header-navbar .navbar-wrapper .navbar-logo a {
            display: inline-block
        }

        .header-navbar .navbar-wrapper .navbar-logo .mobile-options {
            top: 18px
        }

    .main-body .page-wrapper .page-header-title {
        display: block
    }

    body.header-fixed .main-body .page-wrapper {
        padding-bottom: 0;
        padding-top: 15px
    }

    .card-header-right i:nth-child(n+2) {
        display: none
    }

    .dataTables_paginate .pagination {
        float: inherit;
        text-align: center;
        display: inline-block;
        margin-top: 10px !important
    }

    .card .card-block ul.pagination li {
        float: left
    }

    div.dataTables_wrapper div.dataTables_info {
        display: inherit
    }

    .wizard > .steps > ul > li {
        float: inherit;
        width: 100%
    }

    .gallery-page .grid {
        padding: 0
    }

    figure.effect-steve h2 {
        margin-top: 0
    }

    .cover-profile .profile-bg-img {
        margin-bottom: 0
    }

    .card-block.user-info {
        position: inherit;
        text-align: center;
        background-color: #bdc3c7;
        margin-bottom: 20px
    }

    .user-info .media-left,
    .user-info .media-body {
        display: block
    }

    .cover-btn {
        position: inherit;
        float: none
    }

        .cover-btn .btn:first-child {
            margin-right: 10px
        }

    .user-info .user-title {
        position: initial;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .nav-tabs.md-tabs.tab-timeline li a {
        font-size: 14px
    }

    .user-content h4 {
        font-size: 1rem
    }

    .user-content h5 {
        margin-right: 0;
        font-size: 14px
    }

    .top-cap-text p {
        padding: 0
    }

        .top-cap-text p:last-child {
            margin-bottom: 0
        }

    .user-card .btn span {
        font-size: 13px
    }

    .toolbar-page [class*=col-] {
        margin-bottom: 30px
    }

        .toolbar-page [class*=col-]:last-child {
            margin-bottom: 0
        }

    .offline-404 h1 {
        font-size: 80px
    }

    .offline-404 h2 {
        font-size: 25px
    }

    .invoice-contact {
        margin-top: 20px;
        margin-bottom: 0
    }

    .lng-dropdown {
        display: none
    }

    .group-widget .card-block-big {
        height: 110px
    }

    .client-blocks ul li {
        font-size: 30px
    }

    .widget-profile-card-1 ~ .card-footer [class*=col-] {
        border: none;
        margin: 0 auto
    }

    .large-widget-card i {
        top: 15px
    }

    .user-activity-card .user-number {
        padding: 15px 0
    }

    .user-activity-card .m-b-40 {
        margin-bottom: 10px
    }

    .blur-user-card .blur-footer [class*=col-] {
        margin: 0 auto;
        border: none
    }

    .switchery {
        margin-bottom: 20px
    }

    .switchery-large,
    .switchery-large ~ .switchery-default,
    .switchery-small {
        margin-bottom: 0
    }

    .js-dynamic-disable,
    .js-dynamic-enable {
        display: block;
        width: 100%
    }

    .js-dynamic-disable {
        margin-bottom: 20px
    }

    .radio-inline,
    .border-checkbox-section .border-checkbox-group,
    .checkbox-fade,
    .checkbox-color {
        display: block
    }
}

@media only screen and (max-width: 640px) {
    .dt-button {
        margin-bottom: 5px
    }

    .email-read .card-header h6 {
        float: none;
        margin-top: 10px
    }

    .email-read .media {
        display: inline-block
    }

        .email-read .media.m-b-20 {
            margin-bottom: 0
        }

    .email-read .mail-img [class*=col-] {
        margin-bottom: 30px
    }

        .email-read .mail-img [class*=col-]:last-child {
            margin-bottom: 0
        }
}

@media only screen and (max-width: 573px) {
    .md-tabs {
        display: initial
    }

        .md-tabs .nav-item,
        .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a,
        .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a,
        .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a,
        .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a,
        .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a,
        .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a,
        .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a,
        .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a {
            width: calc(100%/1)
        }

    .nav-tabs .slide {
        width: calc(100%/1)
    }

    .toolbar-page [class*=col-] .sub-title {
        text-align: center
    }

    #task-container li {
        width: 100%
    }

    .nav-tabs.tabs {
        display: inherit
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .main-menu .main-menu-content .nav-item .tree-1 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-1 .nav-tabs a.show .nav-link,
    .nav-tabs .main-menu .main-menu-content .nav-item .tree-2 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-2 .nav-tabs a.show .nav-link,
    .nav-tabs .main-menu .main-menu-content .nav-item .tree-3 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-3 .nav-tabs a.show .nav-link,
    .nav-tabs .main-menu .main-menu-content .nav-item .tree-4 a.show .nav-link,
    .main-menu .main-menu-content .nav-item .tree-4 .nav-tabs a.show .nav-link,
    .nav-tabs .nav-link.active {
        border: none
    }

    .nav-tabs .nav-link {
        text-align: center
    }

    .search-content {
        display: block;
        text-align: center
    }

        .search-content img {
            margin-top: 20px
        }

    .seacrh-header {
        margin-top: 0
    }

        .seacrh-header .input-group {
            margin-bottom: 0
        }

    .payment-card .text-right {
        text-align: left !important
    }

    .payment-tabs .md-tabs .nav-item + .nav-item,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + .nav-item,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + .nav-item,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + .nav-item,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + .nav-item,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + .nav-item,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .nav-item + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-1 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-1 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-2 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-2 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-2 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-3 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-3 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-3 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .nav-item + a,
    .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-4 a + a,
    .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + a,
    .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + a {
        width: calc(100%/1)
    }

    .jp-card {
        min-width: 225px !important
    }

    .payment-form {
        padding: 0;
        padding-top: 20px
    }

    .modal-mob-btn [class*=col-]:first-child {
        margin-bottom: 20px
    }

    .location-mob-btn .btn {
        margin-bottom: 20px;
        margin-right: 0
    }

        .location-mob-btn .btn:last-child {
            margin-bottom: 0
        }

    .job-cards .media {
        display: inline-block;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px
    }

        .job-cards .media p {
            margin-bottom: 0
        }

    .invoice-btn-group .m-r-20 {
        margin-right: 0
    }

    .table-card .row-table {
        display: block;
        text-align: center
    }

        .table-card .row-table i {
            font-size: 28px;
            margin-bottom: 10px;
            display: inline-block
        }

        .table-card .row-table .br {
            border: none;
            border-bottom: 1px solid #ccc
        }

        .table-card .row-table > [class*=col-] {
            display: block
        }

    .card-block-big {
        padding: 1em
    }

        .card-block-big #barchart,
        .card-block-big #barchart2 {
            display: inline-block;
            margin-bottom: 10px
        }

    .widget-primary-card [class*=col-],
    .widget-success-card [class*=col-] {
        padding: 1em
    }

        .widget-primary-card [class*=col-] h6,
        .widget-success-card [class*=col-] h6 {
            margin-bottom: 0
        }

    .cd-horizontal-timeline .events-content em {
        text-align: left
    }

    .events-content h2 {
        font-size: 20px
    }

    .cd-horizontal-timeline {
        margin: 0 auto
    }

    .social-widget-card i {
        top: 25px;
        font-size: 38px
    }

    .widget-chat-box .card-header i {
        display: none
    }

    .mobile-inputs [class*=col-]:first-child {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 460px) {
    .fc-toolbar .fc-right .fc-button-group {
        margin-right: 0
    }

    .social-msg a {
        margin-bottom: 10px
    }

        .social-msg a:last-child {
            margin-bottom: 0
        }
}

@media only screen and (max-width: 480px) {
    [class*=alert-] code {
        margin-left: 0
    }

    .auth-body {
        min-width: auto
    }

    .breadcrumb-page .card {
        text-align: center
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 150px
    }

    #footer-search tfoot .form-control,
    #footer-select tfoot .form-control,
    #form-input-table .form-control,
    .search-api .form-control,
    #dt-live-dom .form-control {
        width: 70%
    }

    .grid figure {
        min-width: auto
    }

    .mytooltip .tooltip-content {
        width: 310px;
        margin: 0 0 20px -90px
    }

        .mytooltip .tooltip-content:after {
            margin-left: -90px
        }

    .cd-timeline-content .media {
        display: inherit !important;
        padding-left: 20px
    }

        .cd-timeline-content .media .media-left {
            text-align: center;
            margin: 10px auto
        }

    .summernote-page .modal-footer {
        display: inline-block;
        text-align: center
    }

        .summernote-page .modal-footer > :not(:first-child) {
            margin-top: 10px;
            margin-left: 0
        }

    .product-detail .txt-muted.d-inline-block {
        margin-top: 10px
    }

        .product-detail .txt-muted.d-inline-block ~ .f-right {
            float: none;
            display: block;
            margin-top: 10px
        }

    .mob-product-btn {
        text-align: center
    }

        .mob-product-btn .btn-primary,
        .mob-product-btn .sweet-alert button.confirm,
        .sweet-alert .mob-product-btn button.confirm,
        .mob-product-btn .wizard > .actions a,
        .wizard > .actions .mob-product-btn a {
            margin-right: 0;
            display: block;
            margin: 10px auto
        }
}

@media only screen and (max-width: 576px) {

    .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification,
    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
        min-width: 280px;
        left: 0;
        right: auto;
        width: auto
    }

    .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
    .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 801px) and (max-width:915px) {
    .grid figure {
        min-width: auto
    }
}

@media only screen and (min-width: 1200px) and (max-width:1258px) {
    .user-head {
        text-align: center
    }

        .user-head .user-face {
            margin: 0 auto
        }

        .user-head .user-name {
            display: none
        }
}

@media only screen and (min-width: 1279px) and (max-width:1500px) {
    .cd-horizontal-timeline {
        margin: 0 auto
    }

    #chartdiv {
        height: 440px
    }

    .social-card-1 .card-block-big {
        padding: 1.3em
    }

    #morris-extra-area {
        height: 400px !important
    }

    .widget-chat-box .send-chat,
    .widget-chat-box .receive-chat,
    .widget-chat-box .receive-chat {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
}



/*Floating Menu*/

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    /*background-color: #F33;*/
    background-color: #667db6;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
    -webkit-animation: bot-to-top 2s ease-out;
    animation: bot-to-top 2s ease-out;
}

.floatul {
    position: fixed;
    right: 40px;
    padding-bottom: 20px;
    bottom: 80px;
    z-index: 100;
}

    .floatul li {
        list-style: none;
        margin-bottom: 10px;
    }

        .floatul li a {
            background-color: #667db6;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            box-shadow: 2px 2px 3px #999;
            width: 60px;
            height: 60px;
            display: block;
        }

    .floatul:hover {
        visibility: visible !important;
        opacity: 1 !important;
    }

.my-float {
    font-size: 24px;
    margin-top: 18px;
    margin-right: 0px;
}

a#menu-share + ul {
    visibility: hidden;
}

a#menu-share:hover + ul {
    visibility: visible;
    -webkit-animation: scale-in 0.5s;
    animation: scale-in 0.5s;
}

a#menu-share i {
    -webkit-animation: rotate-in 0.5s;
    animation: rotate-in 0.5s;
}

a#menu-share:hover > i {
    -webkit-animation: rotate-out 0.5s;
    animation: rotate-out 0.5s;
}

@-webkit-keyframes bot-to-top {
    0% {
        bottom: -40px
    }

    50% {
        bottom: 40px
    }
}

@keyframes bot-to-top {
    0% {
        bottom: -40px
    }

    50% {
        bottom: 40px
    }
}

@-webkit-keyframes scale-in {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-in {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes rotate-in {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate-in {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-out {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes rotate-out {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.icon-spin {
    /* -webkit-animation: spin 2s infinite linear; */
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    /* animation: spin 2s infinite linear; */
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: open sans, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: open sans, sans-serif, "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;
    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)
}

.ui-inputtext {
    height: 36px !important;
    /* width: 244px; */
    width: 100%;
}

.ui-datepicker-trigger {
    height: 36px !important;
}

.text-filter {
    width: 100px !important;
}

.text-medium {
    height: 39px;
    width: 180px !important;
}

.dropdown-medium {
    height: 30px;
    width: 180px !important;
}

/* Toggle button CSS Begin */

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    float: right;
}

    .switch input {
        display: none;
    }

    .switch.no-float {
        float: inherit;
    }


/* The slider */

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
    }

input.primary:checked + .slider {
    background-color: #9D853E;
}

input:checked + .slider:before {
    transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* Toggle button CSS End */

.pi-search-custom {
    padding: 10px !important;
    margin-left: 5px !important;
    font-size: 1.232em !important;
}

.ui-calendar .ui-datepicker {
    line-height: 9px;
}

.form-group-custom {
    margin-bottom: 0.25em;
}

@media (min-width: 576px) {
    .modal-dialog-custom {
        max-width: auto !important;
        width: auto !important;
        margin: 30px auto;
    }
}

.custom-modal-small .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
    max-width: 400px;
    width: 450px;
    margin: 1.75rem auto;
}

.required:after {
    color: #dc143c;
    content: "*";
    position: absolute;
    margin-right: 8px;
    margin-top: -8px;
    top: 0;
    right: 0;
    text-align: right;
    /* font-size: large; */
    font-weight: bold;
}

.ui-calendar-custom-width {
    width: 81% !important;
}

.ui-calendar .ui-inputtext {
    width: 81%;
}

select:invalid {
    color: #898989;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
}

.text-muted {
    color: #6c757d !important;
}

#topnav {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    background-color: transparent;
    border: 0;
    transition: all .5s ease;
    min-height: 62px;
}

    #topnav .dropdown.show .nav-link {
        background-color: rgba(255, 255, 255, 0.2);
    }

select:invalid {
    color: #898989;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
}

.text-muted {
    color: #6c757d !important;
}

#topnav {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    background-color: transparent;
    border: 0;
    transition: all .5s ease;
    min-height: 62px;
}

    #topnav .dropdown.show .nav-link {
        background-color: rgba(255, 255, 255, 0.2);
    }

    #topnav .language-switch a img {
        float: right;
        margin-top: 5px;
    }

    #topnav .has-submenu.active a {
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.1) !important;
    }

    #topnav .has-submenu.active .submenu li.active > a {
        color: #0f9cf3;
    }

    #topnav .topbar-main {
        /* background-color: #4d5467; */
    }

        #topnav .topbar-main .logo {
            color: #ffffff !important;
            font-size: 24px;
            font-weight: 700;
            letter-spacing: 1px;
            line-height: 60px;
            text-transform: uppercase;
            float: left;
        }

        #topnav .topbar-main .logo-small {
            display: none;
        }

        #topnav .topbar-main .badge-topbar {
            position: absolute;
            top: 7px;
            right: 7px;
            z-index: 99;
        }

        #topnav .topbar-main .nav > li > a {
            height: 36px;
            width: 36px;
            padding: 0;
            font-size: 24px;
            line-height: 35px;
            text-align: center;
            border-radius: 50%;
            margin: 12px 8px;
            color: rgba(10, 24, 50, 0.7);
        }

            #topnav .topbar-main .nav > li > a:focus,
            #topnav .topbar-main .nav > li > a:hover {
                background-color: rgba(10, 24, 50, 0.1);
                color: #0a1832;
            }

        #topnav .topbar-main .navbar-nav > .open > a {
            background-color: rgba(10, 24, 50, 0.1) !important;
        }

        #topnav .topbar-main .profile img {
            height: 34px;
            width: 34px;
            display: block;
        }

        #topnav .topbar-main .navbar-nav {
            margin: 0;
        }

    #topnav .navbar-custom {
        background-color: #424858;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        padding-left: 0;
    }

    #topnav .navbar-toggle {
        border: 0;
        position: relative;
        padding: 0;
        margin: 0;
        cursor: pointer;
    }

        #topnav .navbar-toggle:hover {
            background-color: transparent;
        }

            #topnav .navbar-toggle:hover span {
                background-color: #ffffff;
            }

        #topnav .navbar-toggle .lines {
            width: 25px;
            display: block;
            position: relative;
            margin: 0 10px 0 0;
            padding-top: 13px;
            height: 23px;
            transition: all .5s ease;
        }

        #topnav .navbar-toggle span {
            height: 2px;
            width: 100%;
            background-color: rgba(255, 255, 255, 0.8);
            display: block;
            margin-bottom: 5px;
            transition: transform .5s ease;
        }

        #topnav .navbar-toggle.open span {
            position: absolute;
        }

            #topnav .navbar-toggle.open span:first-child {
                top: 18px;
                transform: rotate(45deg);
            }

            #topnav .navbar-toggle.open span:nth-child(2) {
                visibility: hidden;
            }

            #topnav .navbar-toggle.open span:last-child {
                width: 100%;
                top: 18px;
                transform: rotate(-45deg);
            }

    #topnav .navigation-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #topnav .navigation-menu > li {
            display: inline-block;
            position: relative;
        }

            #topnav .navigation-menu > li > a {
                display: block;
                color: rgba(255, 255, 255, 0.7);
                font-size: 16px;
                transition: all .5s ease;
                line-height: 18px;
                padding-left: 25px;
                padding-right: 25px;
            }

                #topnav .navigation-menu > li > a:hover {
                    color: #ffffff;
                }

                #topnav .navigation-menu > li > a:focus {
                    color: #ffffff;
                }

                #topnav .navigation-menu > li > a:active {
                    color: #ffffff;
                }

                #topnav .navigation-menu > li > a i {
                    font-size: 14px;
                    margin-right: 8px;
                    text-align: center;
                    transition: all .5s ease;
                }

                #topnav .navigation-menu > li > a:hover,
                #topnav .navigation-menu > li > a:focus {
                    background-color: transparent;
                }

.card-block-scrollable {
    overflow-x: auto;
}

.form-group-custom-height {
    margin-bottom: 0.25em;
}

.col-block {
    width: 50%;
    float: left;
}

.swal2-styled {
    box-shadow: none !important;
}

.displaynone {
    display: none;
}

.grid-loader {
    position: absolute;
    top: 50%;
    /* left:50%; */
    left: 45%;
    display: inline-block;
    padding: 12px;
    background: white;
    -opacity: 0.5;
    color: #667db6;
    font-weight: bold;
    z-index: 9999;
    border: 1px solid #667db6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0 0 5px #667db6;
    -webkit-box-shadow: 0px 0px 5px #667db6;
}

    .grid-loader label {
        /* padding-left: 20px; */
        width: 50px;
        height: 50px;
        background: url('pglogo.f327321df87500281588.svg') no-repeat center left;
        margin-bottom: 0px;
    }

/* .grid-loader:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
} */


.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;
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    background: #fff;
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

    .flatpickr-calendar.open,
    .flatpickr-calendar.inline {
        opacity: 1;
        max-height: 640px;
        visibility: visible;
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999;
    }

    .flatpickr-calendar.animate.open {
        -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
        animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px;
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px);
    }

        .flatpickr-calendar.static.open {
            z-index: 999;
            display: block;
        }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
        box-shadow: none !important;
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
        box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-calendar .hasWeeks .dayContainer,
    .flatpickr-calendar .hasTime .dayContainer {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0;
    }

    .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
        height: 40px;
        border-top: 1px solid #e6e6e6;
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto;
    }

    .flatpickr-calendar:before,
    .flatpickr-calendar:after {
        position: absolute;
        display: block;
        pointer-events: none;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        left: 22px;
    }

    .flatpickr-calendar.rightMost:before,
    .flatpickr-calendar.rightMost:after {
        left: auto;
        right: 22px;
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px;
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px;
    }

    .flatpickr-calendar.arrowTop:before,
    .flatpickr-calendar.arrowTop:after {
        bottom: 100%;
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #e6e6e6;
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff;
    }

    .flatpickr-calendar.arrowBottom:before,
    .flatpickr-calendar.arrowBottom:after {
        top: 100%;
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #e6e6e6;
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff;
    }

    .flatpickr-calendar:focus {
        outline: 0;
    }

.flatpickr-wrapper {
    position: relative;
    display: inline-block;
}

.flatpickr-months {
    display: flex;
}

    .flatpickr-months .flatpickr-month {
        background: transparent;
        color: rgba(0, 0, 0, 0.9);
        fill: rgba(0, 0, 0, 0.9);
        height: 34px;
        line-height: 1;
        text-align: center;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden;
        flex: 1;
    }

    .flatpickr-months .flatpickr-prev-month,
    .flatpickr-months .flatpickr-next-month {
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        top: 0;
        height: 34px;
        padding: 10px;
        z-index: 3;
        color: rgba(0, 0, 0, 0.9);
        fill: rgba(0, 0, 0, 0.9);
    }

        .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
        .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
            display: none;
        }

        .flatpickr-months .flatpickr-prev-month i,
        .flatpickr-months .flatpickr-next-month i {
            position: relative;
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
            /*
      /*rtl:begin:ignore*/
            /*
      */
            left: 0;
            /*
      /*rtl:end:ignore*/
            /*
      */
        }

        /*
      /*rtl:begin:ignore*/
        /*
      /*rtl:end:ignore*/
        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
            /*
      /*rtl:begin:ignore*/
            /*
      */
            right: 0;
            /*
      /*rtl:end:ignore*/
            /*
      */
        }

        /*
      /*rtl:begin:ignore*/
        /*
      /*rtl:end:ignore*/
        .flatpickr-months .flatpickr-prev-month:hover,
        .flatpickr-months .flatpickr-next-month:hover {
            color: #959ea9;
        }

            .flatpickr-months .flatpickr-prev-month:hover svg,
            .flatpickr-months .flatpickr-next-month:hover svg {
                fill: #f64747;
            }

        .flatpickr-months .flatpickr-prev-month svg,
        .flatpickr-months .flatpickr-next-month svg {
            width: 14px;
            height: 14px;
        }

            .flatpickr-months .flatpickr-prev-month svg path,
            .flatpickr-months .flatpickr-next-month svg path {
                transition: fill 0.1s;
                fill: inherit;
            }

.numInputWrapper {
    position: relative;
    height: auto;
}

    .numInputWrapper input,
    .numInputWrapper span {
        display: inline-block;
    }

    .numInputWrapper input {
        width: 100%;
    }

        .numInputWrapper input::-ms-clear {
            display: none;
        }

        .numInputWrapper input::-webkit-outer-spin-button,
        .numInputWrapper input::-webkit-inner-spin-button {
            margin: 0;
            -webkit-appearance: none;
        }

    .numInputWrapper span {
        position: absolute;
        right: 0;
        width: 14px;
        padding: 0 4px 0 2px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(57, 57, 57, 0.15);
        box-sizing: border-box;
    }

        .numInputWrapper span:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .numInputWrapper span:active {
            background: rgba(0, 0, 0, 0.2);
        }

        .numInputWrapper span:after {
            display: block;
            content: "";
            position: absolute;
        }

        .numInputWrapper span.arrowUp {
            top: 0;
            border-bottom: 0;
        }

            .numInputWrapper span.arrowUp:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid rgba(57, 57, 57, 0.6);
                top: 26%;
            }

        .numInputWrapper span.arrowDown {
            top: 50%;
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(57, 57, 57, 0.6);
                top: 40%;
            }

        .numInputWrapper span svg {
            width: inherit;
            height: auto;
        }

            .numInputWrapper span svg path {
                fill: rgba(0, 0, 0, 0.5);
            }

    .numInputWrapper:hover {
        background: rgba(0, 0, 0, 0.05);
    }

        .numInputWrapper:hover span {
            opacity: 1;
        }

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    transform: translate3d(0px, 0px, 0px);
}

    .flatpickr-current-month span.cur-month {
        font-family: inherit;
        font-weight: 700;
        color: inherit;
        display: inline-block;
        margin-left: 0.5ch;
        padding: 0;
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(0, 0, 0, 0.05);
        }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch\0;
        display: inline-block;
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: rgba(0, 0, 0, 0.9);
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: rgba(0, 0, 0, 0.9);
        }

    .flatpickr-current-month input.cur-year {
        background: transparent;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        padding: 0 0 0 0.5ch;
        margin: 0;
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: initial;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0;
        }

        .flatpickr-current-month input.cur-year[disabled],
        .flatpickr-current-month input.cur-year[disabled]:hover {
            font-size: 100%;
            color: rgba(0, 0, 0, 0.5);
            background: transparent;
            pointer-events: none;
        }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        background: transparent;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: -1px 0 0 0;
        outline: none;
        padding: 0 0 0 0.5ch;
        position: relative;
        vertical-align: initial;
        -webkit-box-sizing: border-box;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        width: auto;
    }

        .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
        .flatpickr-current-month .flatpickr-monthDropdown-months:active {
            outline: none;
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
            background: rgba(0, 0, 0, 0.05);
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
            background-color: transparent;
            outline: none;
            padding: 0;
        }

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 28px;
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: flex;
        flex: 1;
    }

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0, 0, 0, 0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0;
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px;
}

    .flatpickr-days:focus {
        outline: 0;
    }

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

    .dayContainer + .dayContainer {
        box-shadow: -1px 0 0 #e6e6e6;
    }

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center;
}

    .flatpickr-day.inRange,
    .flatpickr-day.prevMonthDay.inRange,
    .flatpickr-day.nextMonthDay.inRange,
    .flatpickr-day.today.inRange,
    .flatpickr-day.prevMonthDay.today.inRange,
    .flatpickr-day.nextMonthDay.today.inRange,
    .flatpickr-day:hover,
    .flatpickr-day.prevMonthDay:hover,
    .flatpickr-day.nextMonthDay:hover,
    .flatpickr-day:focus,
    .flatpickr-day.prevMonthDay:focus,
    .flatpickr-day.nextMonthDay:focus {
        cursor: pointer;
        outline: 0;
        background: #e6e6e6;
        border-color: #e6e6e6;
    }

    .flatpickr-day.today {
        border-color: #959ea9;
    }

        .flatpickr-day.today:hover,
        .flatpickr-day.today:focus {
            border-color: #959ea9;
            background: #959ea9;
            color: #fff;
        }

    .flatpickr-day.selected,
    .flatpickr-day.startRange,
    .flatpickr-day.endRange,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.selected:focus,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange:hover,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.endRange.nextMonthDay {
        background: #569ff7;
        box-shadow: none;
        color: #fff;
        border-color: #569ff7;
    }

        .flatpickr-day.selected.startRange,
        .flatpickr-day.startRange.startRange,
        .flatpickr-day.endRange.startRange {
            border-radius: 50px 0 0 50px;
        }

        .flatpickr-day.selected.endRange,
        .flatpickr-day.startRange.endRange,
        .flatpickr-day.endRange.endRange {
            border-radius: 0 50px 50px 0;
        }

        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
        .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
        .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
            box-shadow: -10px 0 0 #569ff7;
        }

        .flatpickr-day.selected.startRange.endRange,
        .flatpickr-day.startRange.startRange.endRange,
        .flatpickr-day.endRange.startRange.endRange {
            border-radius: 50px;
        }

    .flatpickr-day.inRange {
        border-radius: 0;
        box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover,
    .flatpickr-day.prevMonthDay,
    .flatpickr-day.nextMonthDay,
    .flatpickr-day.notAllowed,
    .flatpickr-day.notAllowed.prevMonthDay,
    .flatpickr-day.notAllowed.nextMonthDay {
        color: rgba(57, 57, 57, 0.3);
        background: transparent;
        border-color: transparent;
        cursor: default;
    }

        .flatpickr-day.flatpickr-disabled,
        .flatpickr-day.flatpickr-disabled:hover {
            cursor: not-allowed;
            color: rgba(57, 57, 57, 0.1);
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    }

    .flatpickr-day.hidden {
        visibility: hidden;
    }

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    float: left;
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        box-shadow: 1px 0 0 #e6e6e6;
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px;
    }

    .flatpickr-weekwrapper span.flatpickr-day,
    .flatpickr-weekwrapper span.flatpickr-day:hover {
        display: block;
        width: 100%;
        max-width: none;
        color: rgba(57, 57, 57, 0.3);
        background: transparent;
        cursor: default;
        border: none;
    }

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box;
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
}

    .flatpickr-time:after {
        content: "";
        display: table;
        clear: both;
    }

    .flatpickr-time .numInputWrapper {
        flex: 1;
        width: 40%;
        height: 40px;
        float: left;
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #393939;
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #393939;
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%;
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%;
    }

    .flatpickr-time input {
        background: #667db6;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        color: #fff;
        font-size: 14px;
        position: relative;
        box-sizing: border-box;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: bold;
        }

        .flatpickr-time input.flatpickr-minute,
        .flatpickr-time input.flatpickr-second {
            font-weight: 400;
        }

        .flatpickr-time input:focus {
            outline: 0;
            border: 0;
        }

    .flatpickr-time .flatpickr-time-separator,
    .flatpickr-time .flatpickr-am-pm {
        height: inherit;
        float: left;
        line-height: inherit;
        color: #fff;
        font-weight: bold;
        width: 2%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        align-self: center;
    }

    .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400;
    }

        .flatpickr-time input:hover,
        .flatpickr-time .flatpickr-am-pm:hover,
        .flatpickr-time input:focus,
        .flatpickr-time .flatpickr-am-pm:focus {
            background: #667db6;
        }

.flatpickr-input[readonly] {
    cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-color: #fff;
}

    .ms-choice.disabled {
        background-color: #f4f4f4;
        background-image: none;
        border: 1px solid #ddd;
        cursor: default;
    }

    .ms-choice > span {
        position: absolute;
        top: 0;
        left: 0;
        right: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding-left: 8px;
    }

        .ms-choice > span.placeholder {
            color: #999;
        }

    .ms-choice > div {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 25px;
        background: url('multiple-select.0374d3512faa18ddac2c.png') left top no-repeat;
    }

        .ms-choice > div.open {
            background: url('multiple-select.0374d3512faa18ddac2c.png') right top no-repeat;
        }

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-radius: 4px;
}

    .ms-drop.bottom {
        top: 100%;
        box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    }

    .ms-drop.top {
        bottom: 100%;
        box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    }

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

    .ms-search input {
        width: 100%;
        height: auto !important;
        min-height: 24px;
        padding: 0 20px 0 5px;
        margin: 0;
        outline: 0;
        font-family: open sans, sans-serif;
        font-size: 1em;
        border: 1px solid #aaa;
        border-radius: 0;
        box-shadow: none;
        background: #fff url('multiple-select.0374d3512faa18ddac2c.png') no-repeat 100% -22px;
        background: url('multiple-select.0374d3512faa18ddac2c.png') no-repeat 100% -22px, linear-gradient(to top, #ffffff 85%, #eeeeee 99%);
    }

    .ms-search,
    .ms-search input {
        -khtml-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
}

    .ms-drop ul > li {
        list-style: none;
        display: list-item;
        background-image: none;
        position: static;
    }

        .ms-drop ul > li .disabled {
            opacity: .35;
            filter: Alpha(Opacity=35);
        }

        .ms-drop ul > li.multiple {
            display: block;
            float: left;
        }

        .ms-drop ul > li.group {
            clear: both;
        }

        .ms-drop ul > li.multiple label {
            width: 100%;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ms-drop ul > li label {
            font-weight: normal;
            display: block;
            white-space: nowrap;
        }

            .ms-drop ul > li label.optgroup {
                font-weight: bold;
            }

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}

@charset "UTF-8";

/*
 * IMPORTANT:
 * In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
 * No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
 * classes should alter those!
 */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.slickgrid-container {
    overflow: hidden;
    outline: 0;
    position: relative;
    box-sizing: content-box;
}

    .slickgrid-container .slick-group-header-columns {
        position: relative;
        white-space: nowrap;
        cursor: default;
        overflow: hidden;
    }

    .slickgrid-container .slick-group-header {
        width: 100%;
        overflow: hidden;
        border-left: 0px;
    }

    .slickgrid-container .slick-group-header-column.ui-state-default {
        position: relative;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 16px;
        line-height: 16px;
        margin: 0;
        padding: 4px;
    }

    .slickgrid-container .slick-viewport,
    .slickgrid-container .slick-top-panel-scroller,
    .slickgrid-container .slick-header,
    .slickgrid-container .slick-headerrow,
    .slickgrid-container .slick-footerrow {
        position: relative;
        width: 100%;
        border: 1px solid fade(black, 3%);
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-right-width: 0;
        border-bottom-width: 0;
        margin: 0;
        outline: 0;
    }

    .slickgrid-container .slick-top-panel-scroller {
        overflow: hidden;
    }

    .slickgrid-container .slick-pane {
        position: absolute;
        outline: 0;
        overflow: hidden;
        width: 100%;
    }

    .slickgrid-container .slick-pane-header {
        display: block;
    }

    .slickgrid-container .slick-viewport {
        overflow: auto;
    }

        .slickgrid-container .slick-viewport ::-webkit-scrollbar {
            -webkit-appearance: none;
        }

        .slickgrid-container .slick-viewport ::-webkit-scrollbar-thumb {
            border-radius: 4px;
            border: 2px solid white;
            /* should match background, can't be transparent */
            background-color: rgba(0, 0, 0, 0.5);
        }

    .slickgrid-container .slick-header,
    .slickgrid-container .slick-headerrow,
    .slickgrid-container .slick-footerrow {
        overflow: hidden;
    }

    .slickgrid-container .slick-headerrow {
        border-top-color: transparent;
        border-top-width: 0;
    }

    .slickgrid-container .slick-top-panel,
    .slickgrid-container .slick-header-columns,
    .slickgrid-container .slick-headerrow-columns,
    .slickgrid-container .slick-footerrow-columns {
        position: relative;
        white-space: nowrap;
        cursor: default;
        overflow: hidden;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
    }

    .slickgrid-container .slick-cell,
    .slickgrid-container .slick-header-column,
    .slickgrid-container .slick-headerrow-column,
    .slickgrid-container .slick-footerrow-column {
        position: absolute;
        top: 0;
        bottom: 0;
        border: 1px solid silver;
        border-top-color: transparent;
        border-left-color: transparent;
        border-top-width: 0;
        border-left-width: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        z-index: 1;
        white-space: nowrap;
        cursor: default;
    }

        .slickgrid-container .slick-cell.slick-header-is-leaf,
        .slickgrid-container .slick-header-column.slick-header-is-leaf,
        .slickgrid-container .slick-headerrow-column.slick-header-is-leaf,
        .slickgrid-container .slick-footerrow-column.slick-header-is-leaf {
            border-bottom-color: transparent;
            border-bottom-width: 0;
        }

        .slickgrid-container .slick-header-column.ui-state-default {
            position: relative;
            display: inline-block;
            box-sizing: content-box !important;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 16px;
            line-height: 16px;
            margin: 0;
            padding: 4px;
            border-right: 1px solid fade(black, 3%);
            border-left: 0px !important;
            border-top: 0px !important;
            border-bottom: 0px !important;
            float: left;
        }

    .slickgrid-container .slick-cell {
        box-sizing: border-box;
        border-style: solid;
        padding: 1px 2px 1px 2px;
    }

    .slickgrid-container .slick-header-column {
        padding: 4px 4px 4px 4px;
    }

    .slickgrid-container .grid-canvas {
        position: relative;
        outline: 0;
    }

    .slickgrid-container .slick-row {
        position: absolute;
        border: 0;
        width: 100%;
    }

    .slickgrid-container .slick-header-column-sorted {
        font-style: italic;
    }

    .slickgrid-container .slick-sort-indicator {
        display: inline-block;
        width: 8px;
        height: 5px;
        margin-left: 4px;
        margin-top: 6px;
        position: absolute;
        left: 0;
    }

    .slickgrid-container .slick-sort-indicator-desc:before {
        content: "\f0d7";
    }

    .slickgrid-container .slick-sort-indicator-asc:before {
        content: "\f0d8";
    }

    .slickgrid-container .slick-header-sortable .slick-column-name {
        margin-left: 10px;
    }

    .slickgrid-container .slick-header.ui-state-default {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .slickgrid-container .slick-column-name {
        text-overflow: ellipsis;
    }

    .slickgrid-container .slick-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        cursor: col-resize;
        width: 4px;
        right: 0;
        top: 0;
        height: 100%;
    }

    .slickgrid-container .slick-resizable-handle-hover {
        background-color: #ccc;
    }

    .slickgrid-container .slick-sortable-placeholder {
        background: silver;
    }

    .slickgrid-container .slick-group-toggle {
        display: inline-block;
    }

    .slickgrid-container .slick-cell.highlighted {
        background: lightskyblue;
        background: rgba(0, 0, 255, 0.2);
        transition: all 0.5s;
    }

    .slickgrid-container .slick-cell.flashing {
        border: 1px solid red !important;
    }

    .slickgrid-container .slick-cell.editable {
        z-index: 11;
        overflow: visible;
        background: white;
        border-color: black;
        border-style: solid;
    }

    .slickgrid-container .slick-cell:focus {
        outline: none;
    }

    .slickgrid-container .slick-reorder-proxy {
        display: inline-block;
        background: blue;
        opacity: 0.15;
        cursor: move;
    }

    .slickgrid-container .slick-reorder-guide {
        display: inline-block;
        height: 2px;
        background: blue;
        opacity: 0.7;
    }

    .slickgrid-container .slick-selection {
        z-index: 10;
        position: absolute;
        border: 2px dashed black;
    }

    .slickgrid-container .slick-pane {
        position: absolute;
        outline: 0;
        overflow: hidden;
        width: 100%;
    }

.flatpickr-wrapper {
    z-index: 10000;
}

.interact-placeholder {
    background: red !important;
    display: inline-block;
    float: left;
    transform: translate(0px, -100%);
}

.interact-drop-active {
    box-shadow: inset 0 0 8px rgba(7, 67, 128, 0.5);
}

.interact-can-drop {
    opacity: .9;
}

.scrollbar-fix::-webkit-scrollbar {
    -webkit-appearance: none;
}

/* control variables */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.slick-columnpicker {
    background-color: #f8f8f8;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    padding: 6px;
    box-shadow: 2px 2px 2px silver;
    min-width: 150px;
    cursor: default;
    position: absolute;
    z-index: 2000;
    overflow: auto;
    resize: both;
}

    .slick-columnpicker > .close {
        float: right;
        width: 20px;
        height: 25px;
        padding: 2px;
        background-color: 1px solid #9c9c9c;
        border: 0px solid #9c9c9c;
    }

        .slick-columnpicker > .close > span {
            opacity: 0.9;
        }

    .slick-columnpicker li {
        list-style: none;
        margin: 0;
        padding: 0;
        background: none;
    }

        .slick-columnpicker li a {
            display: block;
            padding: 4px;
            font-weight: bold;
        }

            .slick-columnpicker li a:hover {
                background-color: #ffffff;
            }

        .slick-columnpicker li label {
            font-weight: normal;
        }

            .slick-columnpicker li label input {
                margin: 4px;
            }

    .slick-columnpicker .title {
        font-size: 16px;
        width: 60%;
        border-bottom: solid 1px #d6d6d6;
        margin-bottom: 10px;
    }

.slick-columnpicker-list > hr {
    margin: 6px 0;
    border: 0;
    border-top: 1px solid #d5d5d5;
}

.slick-gridmenu {
    background-color: #fafafa;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    padding: 6px;
    box-shadow: 2px 2px 2px silver;
    min-width: 200px;
    cursor: default;
    position: absolute;
    z-index: 2000;
    overflow: auto;
    resize: both;
}

    .slick-gridmenu > .close {
        float: right;
        opacity: 0.5;
    }

    .slick-gridmenu .title {
        font-size: 16px;
        width: calc(100% - 30px);
        border-bottom: solid 1px #d6d6d6;
        margin-bottom: 5px;
    }

    .slick-gridmenu li {
        list-style: none;
        margin: 0;
        padding: 0;
        background: none;
    }

        .slick-gridmenu li a {
            display: block;
            padding: 4px;
            font-weight: bold;
        }

            .slick-gridmenu li a:hover {
                background-color: #ffffff;
            }

        .slick-gridmenu li label {
            font-weight: normal;
        }

            .slick-gridmenu li label input {
                margin: 4px;
            }

    .slick-gridmenu input {
        margin: 4px;
    }

.slick-gridmenu-button {
    position: absolute;
    cursor: pointer;
    right: 0;
    padding: 0 2px;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    border: 0;
    margin-top: 5px;
    width: 22px;
    font-size: 14px;
}

.slick-gridmenu-custom {
    margin-bottom: 10px;
}

/* Menu items */
.slick-gridmenu-item {
    list-style: none;
    margin: 0;
    cursor: pointer;
    padding: 2px 4px;
    border: 1px solid transparent;
    border-radius: 3px;
}

    .slick-gridmenu-item:hover {
        border-color: silver;
        background: white;
    }

    .slick-gridmenu-item.slick-gridmenu-item-divider {
        cursor: default;
        border: none;
        overflow: hidden;
        padding: 0;
        height: 1px;
        margin: 8px 3px;
        background-color: #e5e5e5;
    }

.slick-gridmenu-item-divider.slick-gridmenu-item:hover {
    background-color: #e5e5e5;
}

.slick-gridmenu-item-disabled {
    border-color: transparent !important;
    background: inherit !important;
}

.slick-gridmenu-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-position: center center;
}

.slick-gridmenu-content {
    display: inline-block;
    vertical-align: middle;
}

.slick-gridmenu-list > hr {
    margin: 6px 0;
    border: 0;
    border-top: 1px solid #dddddd;
}

/* Disabled */
.slick-gridmenu-item-disabled {
    color: silver;
}

/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.slick-cell.active input.editor-text {
    border: initial;
    background: #ffffff;
    padding-bottom: 0;
    padding-left: 2px;
    padding-right: 0;
    padding-top: 0;
    margin-left: -2px;
    margin-bottom: 2px;
    margin-right: 2px;
    margin-top: 2px;
}

/* Long Text Editor */
.slick-large-editor-text {
    z-index: 10000;
    position: absolute;
    background: #ffffff;
    padding: 5px;
    border: 2px solid gray;
    border-radius: 8px;
}

    .slick-large-editor-text textarea {
        background: #ffffff;
        height: 80px;
        width: 250px;
        border: 0;
        outline: 0;
    }

    .slick-large-editor-text .editor-footer {
        text-align: right;
    }

        .slick-large-editor-text .editor-footer > button {
            margin-left: 2px;
        }

/* plugin variables */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.slick-column-name,
.slick-sort-indicator {
    /**
   * This makes all "float:right" elements after it that spill over to the next line
   * display way below the lower boundary of the column thus hiding them.
   */
    float: left;
    margin-bottom: 100px;
}

.slick-header-button {
    /**
  * This makes all "float:right" elements after it that spill over to the next line
  * display way below the lower boundary of the column thus hiding them.
  */
    float: right;
    vertical-align: top;
    margin: 1px;
    margin-bottom: 100px;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.slick-header-button-hidden {
    width: 0;
    margin-right: -8px;
    transition: 0.2s width;
}

.slick-header-column:hover > .slick-header-button {
    width: 15px;
}

.slick-header-menubutton {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
    position: absolute;
    bottom: 0;
    right: 3px;
    top: 0;
    width: 14px;
}

    .slick-header-menubutton:before {
        font-family: "FontAwesome";
        font-size: 14px;
        content: "\f13a";
    }

.slick-header-column:hover .slick-header-menubutton {
    display: inline-block;
}

.slick-header-menu {
    position: absolute;
    margin: 0;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #BFBDBD;
    border-radius: 2px;
    min-width: 175px;
    padding: 4px;
    z-index: 100000;
    cursor: default;
    display: inline-block;
}

    .slick-header-menu button {
        border: 1px solid #BFBDBD;
        background-color: #ffffff;
        width: 45px;
        padding: 4px;
        margin: 4px 4px 4px 0;
    }

    .slick-header-menu .filter {
        border: 1px solid #BFBDBD;
        font-size: 8pt;
        height: 400px;
        margin-top: 6px;
        overflow: scroll;
        padding: 4px;
        white-space: nowrap;
        width: 200px;
    }

    .slick-header-menu .textfilter > label {
        display: inline-block;
        margin-left: 5px;
        margin-right: 10px;
    }

    .slick-header-menu .textfilter > input[type=text] {
        width: 70%;
    }

.slick-header-menuitem {
    cursor: pointer;
    border: none;
    padding: 2px 4px;
    list-style: none outside none;
    margin: 0;
}

    .slick-header-menuitem.slick-header-menuitem-divider {
        cursor: default;
        border: none;
        overflow: hidden;
        padding: 0;
        height: 1px;
        margin: 8px 3px;
        background-color: #e5e5e5;
    }

.slick-header-menuitem-divider.slick-header-menuitem:hover {
    background-color: #e5e5e5;
}

.slick-header-menuicon {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    width: 16px;
    /* Font Awesome sorting icons are not aligned in middle, let's align them ourselves */
}

    .slick-header-menuicon.fa-sort-asc {
        transform: translateY(3px);
    }

    .slick-header-menuicon.fa-sort-desc {
        transform: translateY(-2px);
    }

.slick-header-menucontent {
    display: inline-block;
    vertical-align: middle;
}

.slick-header-menuitem:hover {
    border-color: #BFBDBD;
    background-color: #f3f3f3;
}

.slick-header-menuitem-disabled {
    border-color: transparent !important;
    background: inherit !important;
}

/* Disabled */
.slick-header-menuitem-disabled {
    color: silver;
}

.slick-cell.cell-reorder:before {
    font-family: "FontAwesome";
    font-size: 14px;
    content: "";
}

.slick-cell.cell-reorder {
    cursor: move;
}

.slick-headerrow-column input[type=checkbox],
.slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox],
.slick-column-name input[type=checkbox],
.slick-column-name #filter-checkbox-selectall-container > input[type=checkbox],
.slick-cell-checkboxsel input[type=checkbox],
.slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] {
    display: none;
    /* to hide the checkbox itself */
}

    .slick-headerrow-column input[type=checkbox],
    .slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label,
    .slick-column-name input[type=checkbox],
    .slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label,
    .slick-cell-checkboxsel input[type=checkbox],
    .slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label {
        margin-left: 4px;
        margin-top: 3px;
    }

        .slick-headerrow-column input[type=checkbox] + label:before,
        .slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label:before,
        .slick-column-name input[type=checkbox] + label:before,
        .slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label:before,
        .slick-cell-checkboxsel input[type=checkbox] + label:before,
        .slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label:before {
            cursor: pointer;
            content: "";
            color: #667db6;
            display: inline-block;
            font-weight: bold;
            font-family: "FontAwesome";
            font-size: 13px;
            opacity: 0.15;
            /* unchecked icon */
        }

        .slick-headerrow-column input[type=checkbox] + label:hover:before,
        .slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before,
        .slick-column-name input[type=checkbox] + label:hover:before,
        .slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before,
        .slick-cell-checkboxsel input[type=checkbox] + label:hover:before,
        .slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before {
            opacity: 0.35;
        }

        .slick-headerrow-column input[type=checkbox]:checked + label:before,
        .slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before,
        .slick-column-name input[type=checkbox]:checked + label:before,
        .slick-column-name #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before,
        .slick-cell-checkboxsel input[type=checkbox]:checked + label:before,
        .slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before {
            opacity: 1;
            /* checked icon */
        }

.search-filter :focus {
    outline-color: #73b3e5;
}

.ms-choice {
    border: 1px solid #ccc;
    background-color: transparent;
}

    .ms-choice span {
        font-size: 12px;
        font-family: open sans, sans-serif, "Helvetica Neue", Helvetica, Arial;
    }

.ms-filter.search-filter {
    width: 100% !important;
}

.ms-drop {
    max-width: 250px;
    border: 1px solid #bbb;
    z-index: 9999;
}

    .ms-drop input[type="checkbox"],
    .ms-drop input[type="radio"] {
        /* make input checkbox invisible but don't hide it since multiple-select uses hide for something else */
        opacity: 0;
        width: 0;
    }

        .ms-drop input[type="checkbox"] + span:before,
        .ms-drop input[type="radio"] + span:before {
            cursor: pointer;
            color: #667db6;
            content: "";
            display: inline-block;
            font-family: "FontAwesome";
            font-size: 16px;
            font-weight: normal;
            width: 20px;
            opacity: 0.5;
        }

        .ms-drop input[type="checkbox"]:checked + span:before,
        .ms-drop input[type="radio"]:checked + span:before {
            content: "";
            opacity: 1;
        }

        .ms-drop input[type="radio"] + span:before {
            content: "";
        }

        .ms-drop input[type="radio"]:checked + span:before {
            content: "";
        }

    .ms-drop label {
        margin-bottom: 5px;
    }

        .ms-drop label span {
            cursor: pointer;
            margin-left: 4px;
            position: relative;
            top: 1px;
        }

        .ms-drop label:hover {
            cursor: pointer;
            background-color: #eff5fc;
        }

    .ms-drop .ms-select-all {
        border-bottom: 1px solid #ddd;
    }

        .ms-drop .ms-select-all label {
            font-weight: normal;
            padding: 5px 8px;
            color: #8b7437;
        }

            .ms-drop .ms-select-all label:hover {
                color: #786430;
            }

    .ms-drop .ms-ok-button {
        cursor: pointer;
        display: block;
        width: 100%;
        height: 26px;
        padding: 0;
        border: 1px solid #ccc;
        text-align: center;
        color: #667db6;
        font-weight: 600;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        background-color: #fff;
    }

        .ms-drop .ms-ok-button:hover {
            background-color: #e2edfa;
            color: #8b7437;
        }

.search-filter .operator.input-group-addon {
    margin: 0;
    padding: 0;
    min-width: 25px;
    border: none;
}

    .search-filter .operator.input-group-addon select.form-control {
        cursor: pointer;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

        .search-filter .operator.input-group-addon select.form-control::-ms-expand {
            display: none;
        }

        .search-filter .operator.input-group-addon select.form-control .empty {
            color: #c0c0c0;
        }

    .search-filter .operator.input-group-addon .form-control {
        border-radius: 4px 0 0 4px;
        border-right: none;
        padding: 0 0 0 2px !important;
        font-size: 13px;
        color: #667db6;
        font-weight: bold;
        background-color: #e4eacf;
    }

.search-filter .operator-char3.input-group-addon {
    min-width: 30px;
}

input.search-filter {
    font-family: "Segoe UI Symbol";
}

.search-filter input {
    font-family: "Segoe UI Symbol";
}

.input-group.flatpickr .flatpickr {
    flex: 1;
}

    .input-group.flatpickr .flatpickr .flatpickr-input.form-control {
        background-color: #f7f7f7;
        font-family: "Segoe UI Symbol";
        font-size: 12px;
        border-radius: 0 4px 4px 0;
    }

.slick-preheader-panel .ui-droppable,
.slick-preheader-panel .ui-droppable-hover {
    padding: 5px 10px;
    height: 35px;
    border: 1px solid #e0e0e0 !important;
    width: calc(100% - 25px) !important;
    border-radius: 4px;
    background-color: #ffffff;
}

    .slick-preheader-panel .ui-droppable .slick-placeholder,
    .slick-preheader-panel .ui-droppable-hover .slick-placeholder {
        font-style: italic;
        color: #616161;
    }

    .slick-preheader-panel .ui-droppable .slick-group-toggle-all,
    .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all {
        position: absolute;
        cursor: pointer;
        font-family: "FontAwesome";
        color: #667db6;
        display: none !important;
        top: 7px;
        right: 40px;
    }

        .slick-preheader-panel .ui-droppable .slick-group-toggle-all.expanded:before,
        .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all.expanded:before {
            content: "";
        }

        .slick-preheader-panel .ui-droppable .slick-group-toggle-all.collapsed:before,
        .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all.collapsed:before {
            content: "";
        }

    .slick-preheader-panel .ui-droppable .slick-dropped-grouping,
    .slick-preheader-panel .ui-droppable-hover .slick-dropped-grouping {
        display: inline-block;
        vertical-align: middle;
        cursor: move;
    }

    .slick-preheader-panel .ui-droppable .slick-groupby-remove,
    .slick-preheader-panel .ui-droppable-hover .slick-groupby-remove {
        cursor: pointer;
        display: inline-flex;
        color: pink;
        padding-left: 5px;
        padding-right: 7px;
        font-size: 16px;
    }

        .slick-preheader-panel .ui-droppable .slick-groupby-remove:hover,
        .slick-preheader-panel .ui-droppable-hover .slick-groupby-remove:hover {
            color: red;
        }

.slick-preheader-panel .ui-droppable-active {
    background-color: #fafafa;
}

.slick-preheader-panel .ui-droppable-hover {
    background-color: #ededed;
}

.slick-header .slick-header-columns .slick-column-groupable {
    display: inline-block;
    font-weight: normal;
    color: #707070;
    width: 9px;
    height: 9px;
    margin-left: 4px;
}

input.slider-editor-input[type=range],
input.slider-filter-input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    height: 27px;
    padding: 0 6px;
    /* change runnable track color while in focus on all browsers */
    /* WebKit specific (Opera/Chrome/Safari) */
    /* Mozilla Firefox specific */
    /*fix for FF unable to apply focus style bug */
    border: 1px solid #ccc;
    /*hide the outline behind the border*/
    /* Microsoft IE specific */
}

    input.slider-editor-input[type=range]:focus,
    input.slider-filter-input[type=range]:focus {
        outline: none;
    }

        input.slider-editor-input[type=range]:focus::-webkit-slider-runnable-track,
        input.slider-filter-input[type=range]:focus::-webkit-slider-runnable-track {
            background: #ddd;
        }

        input.slider-editor-input[type=range]:focus::-moz-range-track,
        input.slider-filter-input[type=range]:focus::-moz-range-track {
            background: #ddd;
        }

        input.slider-editor-input[type=range]:focus::-ms-fill-lower,
        input.slider-filter-input[type=range]:focus::-ms-fill-lower {
            background: #aaa;
        }

        input.slider-editor-input[type=range]:focus::-ms-fill-upper,
        input.slider-filter-input[type=range]:focus::-ms-fill-upper {
            background: #ddd;
        }

    input.slider-editor-input[type=range]::-webkit-slider-runnable-track,
    input.slider-filter-input[type=range]::-webkit-slider-runnable-track {
        height: 4px;
        background: #eee;
        border: none;
        border-radius: 3px;
    }

    input.slider-editor-input[type=range]::-webkit-slider-thumb,
    input.slider-filter-input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        border: 1px solid #9bbc9f;
        background: #c9dbcb;
        margin-top: -4px;
    }

    input.slider-editor-input[type=range]::-moz-range-track,
    input.slider-filter-input[type=range]::-moz-range-track {
        height: 4px;
        background: #eee;
        border: none;
        border-radius: 3px;
    }

    input.slider-editor-input[type=range]::-moz-range-thumb,
    input.slider-filter-input[type=range]::-moz-range-thumb {
        border: none;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        border: 1px solid #9bbc9f;
        background: #c9dbcb;
    }

    input.slider-editor-input[type=range]:-moz-focusring,
    input.slider-filter-input[type=range]:-moz-focusring {
        outline: 1px solid white;
        outline-offset: -1px;
    }

    input.slider-editor-input[type=range]::-ms-track,
    input.slider-filter-input[type=range]::-ms-track {
        height: 4px;
        /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
        background: transparent;
        /*leave room for the larger thumb to overflow with a transparent border */
        border-color: transparent;
        border-width: 6px 0;
        /*remove default tick marks*/
        color: transparent;
    }

    input.slider-editor-input[type=range]::-ms-fill-lower,
    input.slider-filter-input[type=range]::-ms-fill-lower {
        background: #ddd;
        border-radius: 10px;
    }

    input.slider-editor-input[type=range]::-ms-fill-upper,
    input.slider-filter-input[type=range]::-ms-fill-upper {
        background: #eee;
        border-radius: 10px;
    }

    input.slider-editor-input[type=range]::-ms-thumb,
    input.slider-filter-input[type=range]::-ms-thumb {
        border: none;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        border: 1px solid #9bbc9f;
        background: #c9dbcb;
        margin-top: 1px;
    }

    input.slider-editor-input[type=range]::-ms-tooltip,
    input.slider-filter-input[type=range]::-ms-tooltip {
        display: none;
    }

.search-filter .slider-value {
    padding: 0;
}

    .search-filter .slider-value .input-group-text {
        padding: 4px 8px;
        font-size: 11px;
    }

input.slider-filter-input[type=range] {
    padding: 0 6px;
    height: 27px;
}

/* Slider Editor */
input.slider-editor-input[type=range] {
    padding: 0 6px;
    height: 24px;
}

.slider-editor .slider-value {
    padding: 0;
}

    .slider-editor .slider-value .input-group-text {
        padding: 4px 6px;
        font-size: 11px;
        height: 24px;
    }

.slick-row .detail-view-toggle {
    display: inline-block;
    cursor: pointer;
}

    .slick-row .detail-view-toggle.expand {
        display: inline-block;
        color: #d1bd8a;
    }

        .slick-row .detail-view-toggle.expand:hover {
            color: #c2a965;
        }

        .slick-row .detail-view-toggle.expand:before {
            font-family: "FontAwesome";
            font-size: 16px;
            content: "";
        }

    .slick-row .detail-view-toggle.collapse {
        display: inline-block;
        color: #667db6;
    }

        .slick-row .detail-view-toggle.collapse:hover {
            color: #786430;
        }

        .slick-row .detail-view-toggle.collapse:before {
            font-family: "FontAwesome";
            font-size: 16px;
            content: "";
        }

.slick-row .dynamic-cell-detail {
    position: absolute;
    width: 100%;
    overflow: auto;
    border: 1px solid #c0c0c0;
    background-color: #f7f7f7;
    padding: 10px;
    z-index: 1000;
}

    .slick-row .dynamic-cell-detail :first-child {
        vertical-align: middle;
        line-height: 13px;
    }

/*
 * IMPORTANT:
 * In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
 * No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
 * classes should alter those!
 */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.pointer {
    cursor: pointer;
}

.slickgrid-container .slick-header-columns,
.slickgrid-container .slick-header-column {
    background: rgba(255, 255, 255, 0.6);
}

.slickgrid-container .slick-header-columns {
    /*border-bottom: 1px solid $grid-border-color;*/
    background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.1));
}

.slickgrid-container .slick-header-column {
    border-right: 1px solid fade(black, 3%);
    border-bottom: 1px solid fade(black, 3%);
}

    .slickgrid-container .slick-header-column:hover {
        background: rgba(250, 250, 250, 0.6);
    }

.slickgrid-container .slick-header-column-active {
    background: rgba(242, 242, 242, 0.6) !important;
}

.slickgrid-container .slick-headerrow {
    background: rgba(255, 255, 255, 0.6);
}

.slickgrid-container .slick-headerrow-column {
    background: #fafafa;
    border-bottom: 0;
}

.slickgrid-container .grid-canvas {
    background: white;
}

.slickgrid-container .slick-row {
    background: inherit;
    border: 0;
    line-height: 20px;
}

    .slickgrid-container .slick-row .slick-cell {
        background: inherit;
        padding-top: 3px;
        padding-bottom: 4px;
        padding-left: 4px;
        padding-right: 4px;
        box-sizing: border-box;
    }

        .slickgrid-container .slick-row .slick-cell.invalid {
            border-color: red;
            -moz-animation-duration: 0.2s;
            -webkit-animation-duration: 0.2s;
            -moz-animation-name: slickgrid-invalid-hilite;
            -webkit-animation-name: slickgrid-invalid-hilite;
            animation-duration: 0.2s;
            animation-name: slickgrid-invalid-hilite;
        }

        .slickgrid-container .slick-row .slick-cell.selected {
            background-color: #e7e7c3;
        }

        .slickgrid-container .slick-row .slick-cell.active {
            border: 1px solid #aaaaaa;
            padding-top: 5px;
            padding-left: 7px;
        }

            .slickgrid-container .slick-row .slick-cell.active input.editor-text {
                width: 100%;
                height: 100%;
                outline: 0;
                transform: translate(0, -2px);
            }

    .slickgrid-container .slick-row.odd .slick-cell {
        background: #f7f7f7;
    }

        .slickgrid-container .slick-row.odd .slick-cell.selected {
            background-color: #d6d6b2;
        }

    .slickgrid-container .slick-row.active-row .slick-cell {
        background-color: #e2fffd;
    }

        .slickgrid-container .slick-row.active-row .slick-cell.selected {
            background-color: red;
        }

    .slickgrid-container .slick-row.active-row.odd .slick-cell {
        background-color: #f2f2f2;
    }

        .slickgrid-container .slick-row.active-row.odd .slick-cell.selected {
            background-color: green;
        }

    .slickgrid-container .slick-row.loading {
        opacity: 0.5;
    }

.slickgrid-container .slick-group {
    border-bottom: 2px solid silver;
}

.slickgrid-container .slick-group-toggle {
    width: 9px;
    height: 9px;
    margin-right: 5px;
}

    .slickgrid-container .slick-group-toggle.expanded {
        background: none;
    }

    .slickgrid-container .slick-group-toggle.collapsed {
        background: none;
    }

.slickgrid-container .slick-group-totals {
    color: gray;
    background: white;
}

.slickgrid-container .slick-sortable-placeholder {
    background: silver !important;
}

@-webkit-keyframes slickgrid-invalid-hilite {
    from {
        box-shadow: 0 0 6px red;
    }

    to {
        box-shadow: none;
    }
}

@keyframes slickgrid-invalid-hilite {
    from {
        box-shadow: 0 0 6px red;
    }

    to {
        box-shadow: none;
    }
}

.slickgrid-container .header-overlay,
.slickgrid-container .cell-overlay,
.slickgrid-container .selection-cell-overlay {
    display: block;
    position: absolute;
    z-index: 999;
}

.slickgrid-container .slick-cell > .editor-select {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    top: 0;
    bottom: 0;
    max-width: 100%;
    min-width: 0;
    margin: 0;
}

.slickgrid-container .slick-range-decorator {
    z-index: 100;
    pointer-events: none;
    background: transparent;
    border: none;
    outline: black;
}

/* pagination/pagination variables */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
/* Pagination styling */
.slick-pagination {
    border-top: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 0 none;
    width: 100%;
    height: 34px;
    padding-top: 4px;
    vertical-align: middle;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #808080;
}

    .slick-pagination .slick-pagination-status {
        display: inline-block;
        padding: 6px;
    }

    .slick-pagination .ui-icon-container {
        display: inline-block;
        border-color: #ddd;
    }

    .slick-pagination .slick-pagination-nav {
        display: inline-block;
        padding: 2px;
        height: 34px;
    }

        .slick-pagination .slick-pagination-nav nav {
            display: inline-block;
        }

        .slick-pagination .slick-pagination-nav .slick-page-number {
            vertical-align: top;
            margin-top: 6px;
            display: inline-block;
            padding: 0 5px;
        }

            .slick-pagination .slick-pagination-nav .slick-page-number input {
                background-color: #fafbed;
                height: 26px;
                width: 44px;
                padding: 2px;
                display: inline-block;
            }

        .slick-pagination .slick-pagination-nav .pagination {
            margin: 0;
        }

            .slick-pagination .slick-pagination-nav .pagination .page-link {
                font-size: 11px;
                border: 1px solid #acacac;
                height: 32px;
            }

            .slick-pagination .slick-pagination-nav .pagination .page-item {
                cursor: pointer;
            }

                .slick-pagination .slick-pagination-nav .pagination .page-item a[class*="icon-seek-"] {
                    border-color: 1px solid #acacac;
                    color: #667db6;
                    text-decoration: none;
                    font-family: "FontAwesome";
                    -webkit-text-stroke: 0.4px;
                }

                    .slick-pagination .slick-pagination-nav .pagination .page-item a[class*="icon-seek-"]:hover {
                        background-color: #E6E6E6;
                    }

                .slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-first:before {
                    content: "";
                }

                .slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-prev:before {
                    content: "";
                }

                .slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-next:before {
                    content: "";
                }

                .slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-end:before {
                    content: "";
                }

                .slick-pagination .slick-pagination-nav .pagination .page-item.disabled {
                    cursor: not-allowed;
                    font-weight: normal;
                }

                    .slick-pagination .slick-pagination-nav .pagination .page-item.disabled a[class*="icon-seek-"] {
                        color: #b8b8b8;
                        background-color: #f9f9f9;
                        border-color: #dedede;
                    }

    .slick-pagination .slick-pagination-settings {
        display: block;
        float: right;
        padding: 2px;
    }

        .slick-pagination .slick-pagination-settings select {
            font-size: 10px;
            line-height: 1.5;
            height: 32px;
            width: 54px;
            padding: 0 0 2px 2px;
            border: 1px solid #acacac;
            border-radius: 3px;
        }

        .slick-pagination .slick-pagination-settings .slick-pagination-count {
            margin-left: 2px;
        }

/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.full-height {
    height: 100%;
}

.gridPane {
    width: 100%;
}

.grid-header {
    border: 1px solid gray;
    border-bottom: 0;
    border-top: 0;
    /*background: url('../images/header-bg.gif') repeat-x center top;*/
    color: black;
    height: 24px;
    line-height: 24px;
}

    .grid-header label {
        display: inline-block;
        font-weight: bold;
        margin: auto auto auto 6px;
    }

    .grid-header .ui-icon {
        margin: 4px 4px auto 6px;
        background-color: transparent;
        border-color: transparent;
    }

        .grid-header .ui-icon.ui-state-hover {
            background-color: white;
        }

    .grid-header #txtSearch {
        margin: 0 4px 0 4px;
        padding: 2px 2px;
        border-radius: 2px;
        border: 1px solid silver;
    }

.options-panel {
    border-radius: 6px;
    border: 1px solid silver;
    background: #f0f0f0;
    padding: 4px;
    margin-bottom: 20px;
    width: 320px;
    position: absolute;
    top: 0px;
    left: 650px;
}

/* Individual cell styles */
.slick-cell.task-name {
    font-weight: bold;
    text-align: right;
}

.slick-cell.task-percent {
    text-align: right;
}

.slick-cell.cell-move-handle {
    font-weight: bold;
    text-align: right;
    border-right: solid gray;
    background: #efefef;
    cursor: move;
}

.cell-move-handle:hover {
    background: #b6b9bd;
}

.slick-row.selected .cell-move-handle {
    background: #D5DC8D;
}

.slick-row .cell-actions {
    text-align: left;
}

.slick-row.complete {
    background-color: #DFD;
    color: #555;
}

.percent-complete-bar {
    display: inline-block;
    height: 6px;
    border-radius: 3px;
    background-color: transparent;
}

/* Slick.Editors.Text, Slick.Editors.Date */
.ui-datepicker-trigger {
    margin-top: 2px;
    padding: 0;
    vertical-align: top;
}

/* Slick.Editors.PercentComplete */
input.editor-percentcomplete {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    background: transparent;
    outline: 0;
    padding: 0;
    float: left;
}

.editor-percentcomplete-picker {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 100%;
    /*background: url("../images/pencil.gif") no-repeat center center;*/
    overflow: visible;
    z-index: 1000;
    float: right;
}

.editor-percentcomplete-helper {
    border: 0 solid gray;
    position: absolute;
    top: -2px;
    left: -9px;
    /*background: url("../images/editor-helper-bg.gif") no-repeat top left;*/
    padding-left: 9px;
    width: 120px;
    height: 140px;
    display: none;
    overflow: visible;
}

.editor-percentcomplete-wrapper {
    background: beige;
    padding: 20px 8px;
    width: 100%;
    height: 98px;
    border: 1px solid gray;
    border-left: 0;
}

.editor-percentcomplete-buttons {
    float: right;
}

    .editor-percentcomplete-buttons button {
        width: 80px;
    }

.editor-percentcomplete-slider {
    float: left;
}

.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
    display: block;
}

.editor-percentcomplete-helper:hover {
    display: block;
}

/* Slick.Editors.YesNoSelect */
select.editor-yesno {
    width: 100%;
    margin: 0;
    vertical-align: middle;
}

/* Slick.Editors.Checkbox */
input.editor-checkbox {
    margin: 0;
    height: 100%;
    padding: 0;
    border: 0;
}

/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* Mixins for SlickGrid */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
@-webkit-keyframes highlight-start {
    to {
        background: #c8ddea;
    }

    from {
        background: none;
    }
}

@keyframes highlight-start {
    to {
        background: #c8ddea;
    }

    from {
        background: none;
    }
}

@-webkit-keyframes highlight-end {
    from {
        background: 0.3s ease 1;
    }

    to {
        background: none;
    }
}

@keyframes highlight-end {
    from {
        background: 0.3s ease 1;
    }

    to {
        background: none;
    }
}

.slickgrid-container {
    border-top: 0 none;
    border-bottom: 1px solid #dddddd;
    border-left: 0 none;
    border-right: 0 none;
    position: relative;
    /** Frozen/Pinned styling */
}

    .slickgrid-container input[type="checkbox"] {
        vertical-align: baseline;
        margin: 0;
    }

    .slickgrid-container .slick-viewport {
        border-top: 0 none;
        border-bottom: 0 none;
        border-left: 0 none;
        border-right: 0 none;
    }

    .slickgrid-container .ui-state-default {
        border: 0;
    }

    .slickgrid-container .grid-canvas .slick-row {
        position: absolute;
        width: 100%;
    }

        .slickgrid-container .grid-canvas .slick-row:hover {
            background-color: #eff5fc;
        }

        .slickgrid-container .grid-canvas .slick-row.active {
            padding: 5px 7.5834px;
        }

        .slickgrid-container .grid-canvas .slick-row.highlight {
            background-color: #c8ddea;
            -webkit-animation: highlight-start 1.5s ease 1;
            animation: highlight-start 1.5s ease 1;
        }

            .slickgrid-container .grid-canvas .slick-row.highlight .slick-cell.copied {
                background: rgba(0, 0, 255, 0.2);
                transition: 0.5s background;
            }

            .slickgrid-container .grid-canvas .slick-row.highlight.odd {
                background-color: #c8ddea;
                -webkit-animation: highlight-start 1.5s ease 1;
                animation: highlight-start 1.5s ease 1;
            }

                .slickgrid-container .grid-canvas .slick-row.highlight.odd .slick-cell.copied {
                    background: rgba(0, 0, 255, 0.2);
                    transition: 0.5s background;
                }

        .slickgrid-container .grid-canvas .slick-row.highlight-end {
            background-color: #c8ddea;
            -webkit-animation: highlight-end 1.5s ease 1;
            animation: highlight-end 1.5s ease 1;
        }

            .slickgrid-container .grid-canvas .slick-row.highlight-end.odd {
                background-color: #c8ddea;
                -webkit-animation: highlight-end 1.5s ease 1;
                animation: highlight-end 1.5s ease 1;
            }

        .slickgrid-container .grid-canvas .slick-row.highlighter {
            background: orange !important;
            transition-property: background;
            transition-duration: 3s;
            transition-timing-function: ease-in;
        }

        .slickgrid-container .grid-canvas .slick-row.copied {
            background: rgba(0, 0, 255, 0.2);
            transition: 0.5s background;
        }

        .slickgrid-container .grid-canvas .slick-row.odd {
            background: #f7f7f7;
        }

            .slickgrid-container .grid-canvas .slick-row.odd:hover {
                background-color: #eff5fc;
            }

            .slickgrid-container .grid-canvas .slick-row.odd .slick-cell {
                background: inherit;
            }

                .slickgrid-container .grid-canvas .slick-row.odd .slick-cell.selected {
                    background-color: #dae8f1;
                }

                .slickgrid-container .grid-canvas .slick-row.odd .slick-cell.copied {
                    background: rgba(0, 0, 255, 0.2);
                    transition: 0.5s background;
                }

            .slickgrid-container .grid-canvas .slick-row.odd .slick-cell {
                background: inherit;
            }

                .slickgrid-container .grid-canvas .slick-row.odd .slick-cell.selected {
                    background-color: #dae8f1;
                }

                .slickgrid-container .grid-canvas .slick-row.odd .slick-cell.copied {
                    background: rgba(0, 0, 255, 0.2);
                    transition: 0.5s background;
                }

        .slickgrid-container .grid-canvas .slick-row.slick-group-totals {
            color: gray;
            background: #fff;
        }

            .slickgrid-container .grid-canvas .slick-row.slick-group-totals .slick-cell {
                font-size: 14px;
            }

    .slickgrid-container .grid-canvas .slick-cell,
    .slickgrid-container .grid-canvas .slick-headerrow-column {
        border-top: 1px solid #dddddd;
        border-bottom: 0 none;
        border-left: 0 none;
        border-right: 0 none;
    }

    .slickgrid-container .grid-canvas .even {
        background: #ffffff;
    }

    .slickgrid-container .grid-canvas .slick-cell {
        padding: 5px 7.5834px;
        font-size: 12px;
    }

        .slickgrid-container .grid-canvas .slick-cell td {
            font-size: 12px;
        }

body .slickgrid-container .grid-canvas .slick-cell {
    line-height: 20px;
}

.slickgrid-container .grid-canvas .slick-cell a,
.slickgrid-container .grid-canvas .slick-cell a:visited,
.slickgrid-container .grid-canvas .slick-cell .ui-widget-content a,
.slickgrid-container .grid-canvas .slick-cell .ui-widget-content a:visited {
    color: #16abe0;
    cursor: pointer;
}

    .slickgrid-container .grid-canvas .slick-cell a:hover,
    .slickgrid-container .grid-canvas .slick-cell .ui-widget-content a:hover {
        color: darker(#16abe0, 15%);
        cursor: pointer;
        border-bottom: none;
    }

.slickgrid-container .grid-canvas .slick-cell table {
    height: 100%;
    border: 0 none;
    padding: 0;
    background: none;
}

.slickgrid-container .grid-canvas .slick-cell td {
    border: 0 none;
    padding: 0;
    vertical-align: middle;
    text-align: left;
}

.slickgrid-container .grid-canvas .slick-cell.selected {
    background-color: #dae8f1;
}

.slickgrid-container .grid-canvas .slick-cell.copied {
    background: rgba(0, 0, 255, 0.2);
    transition: 0.5s background;
}

.slickgrid-container .grid-canvas .slick-cell select:not([multiple]).form-control {
    height: 100%;
    padding: 0;
}

.slickgrid-container .grid-canvas .slick-cell .slick-group-toggle {
    color: #667db6;
    font-weight: bold;
    width: 14px;
    height: 20px;
    margin-right: 2px;
    cursor: pointer;
}

    .slickgrid-container .grid-canvas .slick-cell .slick-group-toggle.expanded:before {
        content: "";
        font-family: "FontAwesome";
        font-size: 18px;
    }

    .slickgrid-container .grid-canvas .slick-cell .slick-group-toggle.collapsed:before {
        content: "";
        font-family: "FontAwesome";
        font-size: 18px;
    }

.slickgrid-container .slick-header {
    border-top: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 0 none;
    width: 100%;
    box-shadow: none !important;
}

.slickgrid-container .slick-headerrow {
    border-bottom: 0 none;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
}

    .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column {
        border: none;
        padding: 4px;
        background: #ffffff;
    }

        .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column input,
        .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column select,
        .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column textarea {
            margin-right: 0;
            padding: 0 6px;
            width: none;
            height: 27px;
            box-sizing: border-box;
        }

.slickgrid-container .slick-preheader-panel.ui-state-default .slick-header-column {
    border-left: none !important;
    font-size: 14px !important;
}

.slickgrid-container .slick-header-columns {
    background: transparent;
    width: calc(100% - 16px);
}

    .slickgrid-container .slick-header-columns .slick-header-sortable .slick-column-name {
        margin-left: 0;
    }

    .slickgrid-container .slick-header-columns .slick-header-column {
        height: 34px;
        line-height: 12px;
        margin: 0;
        border-top: 0 none;
        border-right: 0 none;
        border-bottom: 0 none;
        border-left: 0 none;
        white-space: normal;
        /* like TH  */
        background: transparent;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: #000000;
        font-weight: bold;
    }

        .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default {
            padding: 5px 7.5834px;
            font-size: 12px;
        }

            .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default td {
                font-size: 12px;
            }

body .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default {
    line-height: 20px;
}

.slickgrid-container .slick-header-columns .slick-header-column a,
.slickgrid-container .slick-header-columns .slick-header-column a:visited {
    color: #333;
}

    .slickgrid-container .slick-header-columns .slick-header-column a:hover {
        color: #333;
    }

.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default {
    /* like TH  */
    background: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #000000;
    font-weight: bold;
}

    .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a,
    .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a:visited {
        color: #333;
    }

        .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a:hover {
            color: #333;
        }

.slickgrid-container .slick-header-columns .slick-header-column.slick-header-column-sorted {
    font-style: normal;
    color: #333;
}

.slickgrid-container .slick-header-columns .slick-header-column:hover {
    color: #333;
}

.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator {
    background: none;
    font-family: "FontAwesome";
    font-size: 14px;
    position: absolute;
    display: inline-block;
    color: #4c80be;
    width: 8px;
    height: 5px;
    left: auto;
    right: 10px;
    top: 15px;
}

.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 10px;
    position: absolute;
    display: inline-block;
    color: #4c80be;
    width: 8px;
    left: auto;
    right: 0px;
    top: 26px;
}

.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-asc:before {
    content: "";
}

.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-desc:before {
    content: "";
}

.slickgrid-container .slick-header-columns .slick-header-column .slick-resizable-handle {
    width: 7px;
    right: 0px;
    z-index: 1;
}

    .slickgrid-container .slick-header-columns .slick-header-column .slick-resizable-handle:hover {
        border-right: 1px solid #d0d0d0;
        right: 0;
    }

.slickgrid-container .slick-row .slick-cell.frozen:last-child,
.slickgrid-container .slick-headerrow-column.frozen:last-child,
.slickgrid-container .slick-footerrow-column.frozen:last-child {
    border-right: 1px solid #a5a5a5;
}

.slickgrid-container .slick-pane-bottom {
    border-top: 1px solid #a5a5a5;
}

.slickgrid-container .slick-viewport-bottom.slick-viewport-right {
    overflow-y: scroll !important;
}

/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.starscape-page .ui-autocomplete {
    position: absolute;
    z-index: 1000;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    max-height: 25vh;
    min-height: 75px;
    min-width: 50px;
    overflow-y: auto;
}

    .starscape-page .ui-autocomplete li div {
        clear: both;
        display: block;
        color: #333333;
        padding: 3px 15px;
        font-weight: normal;
        line-height: 1.42857143;
        white-space: nowrap;
    }

.starscape-page .ui-state-hover,
.starscape-page .ui-state-active,
.starscape-page .ui-state-focus {
    cursor: pointer;
    text-decoration: none;
    color: #262626;
    background-color: #e2edfa;
}

.starscape-page .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    padding: 0;
    width: 1px;
}

.starscape-page .multiselect > .btn-group,
.starscape-page-multiselect .multiselect > .btn-group {
    min-width: 180px;
}

.starscape-page multiselect .btn,
.starscape-page-multiselect multiselect .btn {
    width: 100%;
    background-color: #FFF;
}

/*.starscape-page multiselect .btn.has-error {
        border: 1px solid #a94442 !important;
        color: #db524b;
    }*/

.starscape-page multiselect .dropdown-menu,
.starscape-page-multiselect multiselect .dropdown-menu {
    max-height: 300px;
    min-width: 200px;
    overflow-y: auto;
}

    .starscape-page multiselect .dropdown-menu .filter > input,
    .starscape-page-multiselect multiselect .dropdown-menu .filter > input {
        width: 99%;
    }

    .starscape-page multiselect .dropdown-menu .filter .glyphicon,
    .starscape-page-multiselect multiselect .dropdown-menu .filter .glyphicon {
        cursor: pointer;
        pointer-events: all;
    }

.starscape-page multiselect .dropdown-menu,
.starscape-page-multiselect multiselect .dropdown-menu {
    width: 100%;
    box-sizing: border-box;
    padding: 2px;
    border: none;
    box-shadow: none;
}

.starscape-page multiselect > .btn-group > button,
.starscape-page-multiselect multiselect > .btn-group > button {
    padding-right: 20px;
}

    .starscape-page multiselect > .btn-group > button > .caret,
    .starscape-page-multiselect multiselect > .btn-group > button > .caret {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid black;
        right: 5px;
        top: 45%;
        position: absolute;
    }


.starscape-page multiselect .dropdown-menu > li > a i,
.starscape-page-multiselect multiselect .dropdown-menu > li > a i {
    margin-right: 4px;
}

.glyphicon-none:before {
    content: "\e013";
    color: transparent !important;
}




.starscape-page .multiselect button:hover,
.starscape-page .multiselect button:active,
.starscape-page .multiselect button:focus,
.starscape-page .multiselect button:visited,
.starscape-page-multiselect .multiselect button:hover,
.starscape-page-multiselect .multiselect button:active,
.starscape-page-multiselect .multiselect button:focus,
.starscape-page-multiselect .multiselect button:visited {
    background: none;
}

.open > .dropdown-toggle.btn-default {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.dropdown-toggle.btn-default .pull-left {
    margin-right: 5px
}

.dropdown-toggle.btn-default {
    color: #667db6 !important;
    background: none !important;
    border: 0px !important;
    box-shadow: none;
    padding-right: 5px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}


.starscape-page multiselect .dropdown-menu {
    max-width: 140px !important;
    padding: 0px !important;
}


.starscape-page .container-list .filter-container .pi-check:before, .starscape-page .container-list.dropdown-menu .pi-check:before, .starscape-page-multiselect .container-list.dropdown-menu .pi-check:before,
.starscape-page-multiselect .filter-container .pi-check:before {
    font-size: 18px
}

.starscape-page .dropdown-menu.multi-select-popup .pi-check:before, .starscape-page .container-list.dropdown-menu .pi-check:before, .starscape-page-multiselect .container-list.dropdown-menu .pi-check:before,
.starscape-page-multiselect .dropdown-menu.multi-select-popup .pi-check:before,
.starscape-page .container-list .filter-container .pi-check:before,
.starscape-page-multiselect .filter-container .pi-check:before {
    /* font-size: 17px; */
    background: #667db6;
    color: #fff;
    margin-bottom: 5px;
}



.starscape-page multiselect .container-list .filter > input,
.starscape-page-multiselect multiselect .container-list .filter > input {
    width: 110px;
    padding-right: 0px;
    margin-left: 27px;
    border: 1px solid #667db6 !important;
    border-radius: 3px;
}



.starscape-page .multiselect .caret.pull-right,
.starscape-page-multiselect .multiselect .caret.pull-right {
    display: none !important;
}

/* .navbar-nav .dropdown-menu {
    position: absolute;
    padding:10px 0;
    min-height: 45px;
    float: none;
} */
.dropdown-toggle::after {
    display: none !important;
}

.nav.navbar-nav {
    width: 100%;
}

    .nav.navbar-nav .multiselect .pi-chevron-down {
        vertical-align: middle;
    }

    .nav.navbar-nav .multiselect .pi-times {
        position: absolute;
        color: #667db6;
        right: 11px;
        top: 5px;
        font-size: 16px;
    }

.filter-bar .navbar-nav .ui-float-label {
    width: 180px;
}



.starscape-page .container-list .filter-container,
.starscape-page-multiselect .filter-container {
    padding: 10px;
    border-bottom: 1px solid #667db6;
}



.starscape-page .ui-select-container .selectize-input {
    border-color: none !important;
    box-shadow: none !important;
    border: 0px !important;
    background-image: none !important;
    background: transparent !important;
}

/*.starscape-page multiselect .pi-chevron-down {
    top: 5px !important;
}*/




.starscape-page select.form-control:not([size]):not([multiple]) {
    height: 36px;
}
/* make all inputs of same height*/
.form-control {
    height: 36px;
}

.starscape-page multiselect .container-list .filter > input, .starscape-page .container-list .filter > input,
.starscape-page-multiselect multiselect .container-list .filter > input {
    width: calc(100% - 27px);
    padding-right: 0px;
    margin-left: 27px;
    border: 1px solid #667db6 !important;
    border-radius: 3px;
}


.starscape-page .selectize-control.single .pi-chevron-down,
.starscape-page multiselect .pi-chevron-down,
.starscape-page-multiselect multiselect .pi-chevron-down {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #667db6;
}

.starscape-page .ui-select-choices-row:hover, .modal-dialog .ui-select-choices-row:hover {
    background: #eaeaea;
    color: #333;
}



.starscape-page .ui-select-offscreen {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.starscape-page .selectize-control.single .selectize-input:after {
    display: none
    /* content: "\e902"; */
}

.dropdown-toggle.btn-default .pull-left {
    display: none;
}

/*.starscape-page .multiselect .dropdown-toggle.btn-default .pull-left {
    display: block;
}*/

.starscape-page multiselect {
    width: 100%;
    height: 36px;
    border: 1px solid #ccc;
    display: block;
    margin-right: 10px;
}

.starscape-page .multiselect .btn-group,
.starscape-page-multiselect .multiselect .btn-group {
    min-width: 100%;
    max-width: 100%;
    /* max-width: 180px;
    min-width: auto;*/
}

.starscape-page select.form-control {
    height: 36px !important;
}

.starscape-page .bottom-section li.active {
    border-bottom: 5px solid #667db6;
}


/*  .uploaded-files .ui-button .ui-button-text{

} */
.uploaded-files .ui-button.uploaded .ui-button-text {
    display: inline-block;
    padding: 0 10px 2px;
}

.uploaded-files .ui-button {
    margin-right: 10px;
    padding: 0 10px 0 0;
}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.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(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-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);
          transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-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,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-acquisitions-incorporated:before {
  content: "\f6af"; }

.fa-ad:before {
  content: "\f641"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-adn:before {
  content: "\f170"; }

.fa-adobe:before {
  content: "\f778"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-air-freshener:before {
  content: "\f5d0"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-allergies:before {
  content: "\f461"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-android:before {
  content: "\f17b"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angry:before {
  content: "\f556"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-ankh:before {
  content: "\f644"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

.fa-apple:before {
  content: "\f179"; }

.fa-apple-alt:before {
  content: "\f5d1"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-archive:before {
  content: "\f187"; }

.fa-archway:before {
  content: "\f557"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-atlas:before {
  content: "\f558"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-atom:before {
  content: "\f5d2"; }

.fa-audible:before {
  content: "\f373"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-award:before {
  content: "\f559"; }

.fa-aws:before {
  content: "\f375"; }

.fa-baby:before {
  content: "\f77c"; }

.fa-baby-carriage:before {
  content: "\f77d"; }

.fa-backspace:before {
  content: "\f55a"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-bacon:before {
  content: "\f7e5"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-balance-scale-left:before {
  content: "\f515"; }

.fa-balance-scale-right:before {
  content: "\f516"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-band-aid:before {
  content: "\f462"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-bath:before {
  content: "\f2cd"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battle-net:before {
  content: "\f835"; }

.fa-bed:before {
  content: "\f236"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bezier-curve:before {
  content: "\f55b"; }

.fa-bible:before {
  content: "\f647"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-biking:before {
  content: "\f84a"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-biohazard:before {
  content: "\f780"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blender:before {
  content: "\f517"; }

.fa-blender-phone:before {
  content: "\f6b6"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-blog:before {
  content: "\f781"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-bold:before {
  content: "\f032"; }

.fa-bolt:before {
  content: "\f0e7"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-bone:before {
  content: "\f5d7"; }

.fa-bong:before {
  content: "\f55c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-book-dead:before {
  content: "\f6b7"; }

.fa-book-medical:before {
  content: "\f7e6"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-book-reader:before {
  content: "\f5da"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-bootstrap:before {
  content: "\f836"; }

.fa-border-all:before {
  content: "\f84c"; }

.fa-border-none:before {
  content: "\f850"; }

.fa-border-style:before {
  content: "\f853"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-brain:before {
  content: "\f5dc"; }

.fa-bread-slice:before {
  content: "\f7ec"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-broadcast-tower:before {
  content: "\f519"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-brush:before {
  content: "\f55d"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-buffer:before {
  content: "\f837"; }

.fa-bug:before {
  content: "\f188"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-burn:before {
  content: "\f46a"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-bus:before {
  content: "\f207"; }

.fa-bus-alt:before {
  content: "\f55e"; }

.fa-business-time:before {
  content: "\f64a"; }

.fa-buy-n-large:before {
  content: "\f8a6"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-calendar:before {
  content: "\f133"; }

.fa-calendar-alt:before {
  content: "\f073"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-day:before {
  content: "\f783"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-calendar-week:before {
  content: "\f784"; }

.fa-camera:before {
  content: "\f030"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-campground:before {
  content: "\f6bb"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-candy-cane:before {
  content: "\f786"; }

.fa-cannabis:before {
  content: "\f55f"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-car:before {
  content: "\f1b9"; }

.fa-car-alt:before {
  content: "\f5de"; }

.fa-car-battery:before {
  content: "\f5df"; }

.fa-car-crash:before {
  content: "\f5e1"; }

.fa-car-side:before {
  content: "\f5e4"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-carrot:before {
  content: "\f787"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cash-register:before {
  content: "\f788"; }

.fa-cat:before {
  content: "\f6be"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-centos:before {
  content: "\f789"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-chair:before {
  content: "\f6c0"; }

.fa-chalkboard:before {
  content: "\f51b"; }

.fa-chalkboard-teacher:before {
  content: "\f51c"; }

.fa-charging-station:before {
  content: "\f5e7"; }

.fa-chart-area:before {
  content: "\f1fe"; }

.fa-chart-bar:before {
  content: "\f080"; }

.fa-chart-line:before {
  content: "\f201"; }

.fa-chart-pie:before {
  content: "\f200"; }

.fa-check:before {
  content: "\f00c"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-check-double:before {
  content: "\f560"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-cheese:before {
  content: "\f7ef"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-chromecast:before {
  content: "\f838"; }

.fa-church:before {
  content: "\f51d"; }

.fa-circle:before {
  content: "\f111"; }

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-city:before {
  content: "\f64f"; }

.fa-clinic-medical:before {
  content: "\f7f2"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-clock:before {
  content: "\f017"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-meatball:before {
  content: "\f73b"; }

.fa-cloud-moon:before {
  content: "\f6c3"; }

.fa-cloud-moon-rain:before {
  content: "\f73c"; }

.fa-cloud-rain:before {
  content: "\f73d"; }

.fa-cloud-showers-heavy:before {
  content: "\f740"; }

.fa-cloud-sun:before {
  content: "\f6c4"; }

.fa-cloud-sun-rain:before {
  content: "\f743"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-cocktail:before {
  content: "\f561"; }

.fa-code:before {
  content: "\f121"; }

.fa-code-branch:before {
  content: "\f126"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-coins:before {
  content: "\f51e"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-comment:before {
  content: "\f075"; }

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-dollar:before {
  content: "\f651"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-medical:before {
  content: "\f7f5"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-comments:before {
  content: "\f086"; }

.fa-comments-dollar:before {
  content: "\f653"; }

.fa-compact-disc:before {
  content: "\f51f"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-compress:before {
  content: "\f066"; }

.fa-compress-arrows-alt:before {
  content: "\f78c"; }

.fa-concierge-bell:before {
  content: "\f562"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-cookie:before {
  content: "\f563"; }

.fa-cookie-bite:before {
  content: "\f564"; }

.fa-copy:before {
  content: "\f0c5"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-cotton-bureau:before {
  content: "\f89e"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-crop:before {
  content: "\f125"; }

.fa-crop-alt:before {
  content: "\f565"; }

.fa-cross:before {
  content: "\f654"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-crow:before {
  content: "\f520"; }

.fa-crown:before {
  content: "\f521"; }

.fa-crutch:before {
  content: "\f7f7"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-cut:before {
  content: "\f0c4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-deaf:before {
  content: "\f2a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-democrat:before {
  content: "\f747"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-dev:before {
  content: "\f6cc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-dharmachakra:before {
  content: "\f655"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-diagnoses:before {
  content: "\f470"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-dice:before {
  content: "\f522"; }

.fa-dice-d20:before {
  content: "\f6cf"; }

.fa-dice-d6:before {
  content: "\f6d1"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-dice-two:before {
  content: "\f528"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-digital-tachograph:before {
  content: "\f566"; }

.fa-directions:before {
  content: "\f5eb"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-divide:before {
  content: "\f529"; }

.fa-dizzy:before {
  content: "\f567"; }

.fa-dna:before {
  content: "\f471"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-dog:before {
  content: "\f6d3"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-door-open:before {
  content: "\f52b"; }

.fa-dot-circle:before {
  content: "\f192"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-download:before {
  content: "\f019"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-drafting-compass:before {
  content: "\f568"; }

.fa-dragon:before {
  content: "\f6d5"; }

.fa-draw-polygon:before {
  content: "\f5ee"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-drum:before {
  content: "\f569"; }

.fa-drum-steelpan:before {
  content: "\f56a"; }

.fa-drumstick-bite:before {
  content: "\f6d7"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-dumpster:before {
  content: "\f793"; }

.fa-dumpster-fire:before {
  content: "\f794"; }

.fa-dungeon:before {
  content: "\f6d9"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-edge:before {
  content: "\f282"; }

.fa-edit:before {
  content: "\f044"; }

.fa-egg:before {
  content: "\f7fb"; }

.fa-eject:before {
  content: "\f052"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-ember:before {
  content: "\f423"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-text:before {
  content: "\f658"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-envira:before {
  content: "\f299"; }

.fa-equals:before {
  content: "\f52c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-ethernet:before {
  content: "\f796"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-exchange-alt:before {
  content: "\f362"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-expand:before {
  content: "\f065"; }

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-dropper:before {
  content: "\f1fb"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-fan:before {
  content: "\f863"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-feather:before {
  content: "\f52d"; }

.fa-feather-alt:before {
  content: "\f56b"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-fedora:before {
  content: "\f798"; }

.fa-female:before {
  content: "\f182"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-figma:before {
  content: "\f799"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-file-contract:before {
  content: "\f56c"; }

.fa-file-csv:before {
  content: "\f6dd"; }

.fa-file-download:before {
  content: "\f56d"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-export:before {
  content: "\f56e"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-import:before {
  content: "\f56f"; }

.fa-file-invoice:before {
  content: "\f570"; }

.fa-file-invoice-dollar:before {
  content: "\f571"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-file-prescription:before {
  content: "\f572"; }

.fa-file-signature:before {
  content: "\f573"; }

.fa-file-upload:before {
  content: "\f574"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-fill:before {
  content: "\f575"; }

.fa-fill-drip:before {
  content: "\f576"; }

.fa-film:before {
  content: "\f008"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-fingerprint:before {
  content: "\f577"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-fire-alt:before {
  content: "\f7e4"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-fish:before {
  content: "\f578"; }

.fa-fist-raised:before {
  content: "\f6de"; }

.fa-flag:before {
  content: "\f024"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-flag-usa:before {
  content: "\f74d"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-flushed:before {
  content: "\f579"; }

.fa-fly:before {
  content: "\f417"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-minus:before {
  content: "\f65d"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-folder-plus:before {
  content: "\f65e"; }

.fa-font:before {
  content: "\f031"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-font-awesome-flag:before {
  content: "\f425"; }

.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-frog:before {
  content: "\f52e"; }

.fa-frown:before {
  content: "\f119"; }

.fa-frown-open:before {
  content: "\f57a"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-funnel-dollar:before {
  content: "\f662"; }

.fa-futbol:before {
  content: "\f1e3"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-ghost:before {
  content: "\f6e2"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-gifts:before {
  content: "\f79c"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-git-alt:before {
  content: "\f841"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-github:before {
  content: "\f09b"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-glass-cheers:before {
  content: "\f79f"; }

.fa-glass-martini:before {
  content: "\f000"; }

.fa-glass-martini-alt:before {
  content: "\f57b"; }

.fa-glass-whiskey:before {
  content: "\f7a0"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-globe-africa:before {
  content: "\f57c"; }

.fa-globe-americas:before {
  content: "\f57d"; }

.fa-globe-asia:before {
  content: "\f57e"; }

.fa-globe-europe:before {
  content: "\f7a2"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-gopuram:before {
  content: "\f664"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-greater-than:before {
  content: "\f531"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-grimace:before {
  content: "\f57f"; }

.fa-grin:before {
  content: "\f580"; }

.fa-grin-alt:before {
  content: "\f581"; }

.fa-grin-beam:before {
  content: "\f582"; }

.fa-grin-beam-sweat:before {
  content: "\f583"; }

.fa-grin-hearts:before {
  content: "\f584"; }

.fa-grin-squint:before {
  content: "\f585"; }

.fa-grin-squint-tears:before {
  content: "\f586"; }

.fa-grin-stars:before {
  content: "\f587"; }

.fa-grin-tears:before {
  content: "\f588"; }

.fa-grin-tongue:before {
  content: "\f589"; }

.fa-grin-tongue-squint:before {
  content: "\f58a"; }

.fa-grin-tongue-wink:before {
  content: "\f58b"; }

.fa-grin-wink:before {
  content: "\f58c"; }

.fa-grip-horizontal:before {
  content: "\f58d"; }

.fa-grip-lines:before {
  content: "\f7a4"; }

.fa-grip-lines-vertical:before {
  content: "\f7a5"; }

.fa-grip-vertical:before {
  content: "\f58e"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-guitar:before {
  content: "\f7a6"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-hamburger:before {
  content: "\f805"; }

.fa-hammer:before {
  content: "\f6e3"; }

.fa-hamsa:before {
  content: "\f665"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-middle-finger:before {
  content: "\f806"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-hanukiah:before {
  content: "\f6e6"; }

.fa-hard-hat:before {
  content: "\f807"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-hat-cowboy:before {
  content: "\f8c0"; }

.fa-hat-cowboy-side:before {
  content: "\f8c1"; }

.fa-hat-wizard:before {
  content: "\f6e8"; }

.fa-haykal:before {
  content: "\f666"; }

.fa-hdd:before {
  content: "\f0a0"; }

.fa-heading:before {
  content: "\f1dc"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-headphones-alt:before {
  content: "\f58f"; }

.fa-headset:before {
  content: "\f590"; }

.fa-heart:before {
  content: "\f004"; }

.fa-heart-broken:before {
  content: "\f7a9"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-helicopter:before {
  content: "\f533"; }

.fa-highlighter:before {
  content: "\f591"; }

.fa-hiking:before {
  content: "\f6ec"; }

.fa-hippo:before {
  content: "\f6ed"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-history:before {
  content: "\f1da"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-holly-berry:before {
  content: "\f7aa"; }

.fa-home:before {
  content: "\f015"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-horse:before {
  content: "\f6f0"; }

.fa-horse-head:before {
  content: "\f7ab"; }

.fa-hospital:before {
  content: "\f0f8"; }

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hot-tub:before {
  content: "\f593"; }

.fa-hotdog:before {
  content: "\f80f"; }

.fa-hotel:before {
  content: "\f594"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-house-damage:before {
  content: "\f6f1"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-hryvnia:before {
  content: "\f6f2"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-ice-cream:before {
  content: "\f810"; }

.fa-icicles:before {
  content: "\f7ad"; }

.fa-icons:before {
  content: "\f86d"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-igloo:before {
  content: "\f7ae"; }

.fa-image:before {
  content: "\f03e"; }

.fa-images:before {
  content: "\f302"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-industry:before {
  content: "\f275"; }

.fa-infinity:before {
  content: "\f534"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-invision:before {
  content: "\f7b0"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-italic:before {
  content: "\f033"; }

.fa-itch-io:before {
  content: "\f83a"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jedi:before {
  content: "\f669"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joint:before {
  content: "\f595"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-journal-whills:before {
  content: "\f66a"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-kaaba:before {
  content: "\f66b"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-key:before {
  content: "\f084"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-keyboard:before {
  content: "\f11c"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-khanda:before {
  content: "\f66d"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-kiss:before {
  content: "\f596"; }

.fa-kiss-beam:before {
  content: "\f597"; }

.fa-kiss-wink-heart:before {
  content: "\f598"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-landmark:before {
  content: "\f66f"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-laptop-code:before {
  content: "\f5fc"; }

.fa-laptop-medical:before {
  content: "\f812"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-laugh:before {
  content: "\f599"; }

.fa-laugh-beam:before {
  content: "\f59a"; }

.fa-laugh-squint:before {
  content: "\f59b"; }

.fa-laugh-wink:before {
  content: "\f59c"; }

.fa-layer-group:before {
  content: "\f5fd"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-lemon:before {
  content: "\f094"; }

.fa-less:before {
  content: "\f41d"; }

.fa-less-than:before {
  content: "\f536"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-link:before {
  content: "\f0c1"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-list:before {
  content: "\f03a"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-lock:before {
  content: "\f023"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-luggage-cart:before {
  content: "\f59d"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-mail-bulk:before {
  content: "\f674"; }

.fa-mailchimp:before {
  content: "\f59e"; }

.fa-male:before {
  content: "\f183"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-map:before {
  content: "\f279"; }

.fa-map-marked:before {
  content: "\f59f"; }

.fa-map-marked-alt:before {
  content: "\f5a0"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-marker:before {
  content: "\f5a1"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mask:before {
  content: "\f6fa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-mdb:before {
  content: "\f8ca"; }

.fa-medal:before {
  content: "\f5a2"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f3c7"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-megaport:before {
  content: "\f5a3"; }

.fa-meh:before {
  content: "\f11a"; }

.fa-meh-blank:before {
  content: "\f5a4"; }

.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }

.fa-memory:before {
  content: "\f538"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-menorah:before {
  content: "\f676"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-meteor:before {
  content: "\f753"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-alt:before {
  content: "\f3c9"; }

.fa-microphone-alt-slash:before {
  content: "\f539"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-microscope:before {
  content: "\f610"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-minus:before {
  content: "\f068"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-mitten:before {
  content: "\f7b5"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-mobile:before {
  content: "\f10b"; }

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-modx:before {
  content: "\f285"; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-money-bill:before {
  content: "\f0d6"; }

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-money-check-alt:before {
  content: "\f53d"; }

.fa-monument:before {
  content: "\f5a6"; }

.fa-moon:before {
  content: "\f186"; }

.fa-mortar-pestle:before {
  content: "\f5a7"; }

.fa-mosque:before {
  content: "\f678"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-mountain:before {
  content: "\f6fc"; }

.fa-mouse:before {
  content: "\f8cc"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-mug-hot:before {
  content: "\f7b6"; }

.fa-music:before {
  content: "\f001"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-neos:before {
  content: "\f612"; }

.fa-network-wired:before {
  content: "\f6ff"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-newspaper:before {
  content: "\f1ea"; }

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-oil-can:before {
  content: "\f613"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-om:before {
  content: "\f679"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-orcid:before {
  content: "\f8d2"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-otter:before {
  content: "\f700"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-pager:before {
  content: "\f815"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-paint-roller:before {
  content: "\f5aa"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-parking:before {
  content: "\f540"; }

.fa-passport:before {
  content: "\f5ab"; }

.fa-pastafarianism:before {
  content: "\f67b"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-peace:before {
  content: "\f67c"; }

.fa-pen:before {
  content: "\f304"; }

.fa-pen-alt:before {
  content: "\f305"; }

.fa-pen-fancy:before {
  content: "\f5ac"; }

.fa-pen-nib:before {
  content: "\f5ad"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-pencil-ruler:before {
  content: "\f5ae"; }

.fa-penny-arcade:before {
  content: "\f704"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-pepper-hot:before {
  content: "\f816"; }

.fa-percent:before {
  content: "\f295"; }

.fa-percentage:before {
  content: "\f541"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-person-booth:before {
  content: "\f756"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone-alt:before {
  content: "\f879"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-phone-square-alt:before {
  content: "\f87b"; }

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-photo-video:before {
  content: "\f87c"; }

.fa-php:before {
  content: "\f457"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-pizza-slice:before {
  content: "\f818"; }

.fa-place-of-worship:before {
  content: "\f67f"; }

.fa-plane:before {
  content: "\f072"; }

.fa-plane-arrival:before {
  content: "\f5af"; }

.fa-plane-departure:before {
  content: "\f5b0"; }

.fa-play:before {
  content: "\f04b"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-plus:before {
  content: "\f067"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-poll:before {
  content: "\f681"; }

.fa-poll-h:before {
  content: "\f682"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-poo-storm:before {
  content: "\f75a"; }

.fa-poop:before {
  content: "\f619"; }

.fa-portrait:before {
  content: "\f3e0"; }

.fa-pound-sign:before {
  content: "\f154"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-pray:before {
  content: "\f683"; }

.fa-praying-hands:before {
  content: "\f684"; }

.fa-prescription:before {
  content: "\f5b1"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

.fa-print:before {
  content: "\f02f"; }

.fa-procedures:before {
  content: "\f487"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-project-diagram:before {
  content: "\f542"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-question:before {
  content: "\f128"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-quidditch:before {
  content: "\f458"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-quran:before {
  content: "\f687"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-radiation:before {
  content: "\f7b9"; }

.fa-radiation-alt:before {
  content: "\f7ba"; }

.fa-rainbow:before {
  content: "\f75b"; }

.fa-random:before {
  content: "\f074"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-react:before {
  content: "\f41b"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-receipt:before {
  content: "\f543"; }

.fa-record-vinyl:before {
  content: "\f8d9"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-remove-format:before {
  content: "\f87d"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-republican:before {
  content: "\f75e"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-restroom:before {
  content: "\f7bd"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-ring:before {
  content: "\f70b"; }

.fa-road:before {
  content: "\f018"; }

.fa-robot:before {
  content: "\f544"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-route:before {
  content: "\f4d7"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-running:before {
  content: "\f70c"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-sad-cry:before {
  content: "\f5b3"; }

.fa-sad-tear:before {
  content: "\f5b4"; }

.fa-safari:before {
  content: "\f267"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-satellite:before {
  content: "\f7bf"; }

.fa-satellite-dish:before {
  content: "\f7c0"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-school:before {
  content: "\f549"; }

.fa-screwdriver:before {
  content: "\f54a"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-scroll:before {
  content: "\f70e"; }

.fa-sd-card:before {
  content: "\f7c2"; }

.fa-search:before {
  content: "\f002"; }

.fa-search-dollar:before {
  content: "\f688"; }

.fa-search-location:before {
  content: "\f689"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-seedling:before {
  content: "\f4d8"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-server:before {
  content: "\f233"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-shapes:before {
  content: "\f61f"; }

.fa-share:before {
  content: "\f064"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-shekel-sign:before {
  content: "\f20b"; }

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-shuttle-van:before {
  content: "\f5b6"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-signal:before {
  content: "\f012"; }

.fa-signature:before {
  content: "\f5b7"; }

.fa-sim-card:before {
  content: "\f7c4"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-sith:before {
  content: "\f512"; }

.fa-skating:before {
  content: "\f7c5"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-skiing:before {
  content: "\f7c9"; }

.fa-skiing-nordic:before {
  content: "\f7ca"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-skull-crossbones:before {
  content: "\f714"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f3ef"; }

.fa-slash:before {
  content: "\f715"; }

.fa-sleigh:before {
  content: "\f7cc"; }

.fa-sliders-h:before {
  content: "\f1de"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-smile:before {
  content: "\f118"; }

.fa-smile-beam:before {
  content: "\f5b8"; }

.fa-smile-wink:before {
  content: "\f4da"; }

.fa-smog:before {
  content: "\f75f"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-smoking-ban:before {
  content: "\f54d"; }

.fa-sms:before {
  content: "\f7cd"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-snowboarding:before {
  content: "\f7ce"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-snowman:before {
  content: "\f7d0"; }

.fa-snowplow:before {
  content: "\f7d2"; }

.fa-socks:before {
  content: "\f696"; }

.fa-solar-panel:before {
  content: "\f5ba"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-down-alt:before {
  content: "\f881"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-alpha-up-alt:before {
  content: "\f882"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-down-alt:before {
  content: "\f884"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-amount-up-alt:before {
  content: "\f885"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-down-alt:before {
  content: "\f886"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-numeric-up-alt:before {
  content: "\f887"; }

.fa-sort-up:before {
  content: "\f0de"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-spa:before {
  content: "\f5bb"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-spell-check:before {
  content: "\f891"; }

.fa-spider:before {
  content: "\f717"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-splotch:before {
  content: "\f5bc"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-spray-can:before {
  content: "\f5bd"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-square-root-alt:before {
  content: "\f698"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-stackpath:before {
  content: "\f842"; }

.fa-stamp:before {
  content: "\f5bf"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-and-crescent:before {
  content: "\f699"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-star-half-alt:before {
  content: "\f5c0"; }

.fa-star-of-david:before {
  content: "\f69a"; }

.fa-star-of-life:before {
  content: "\f621"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-store:before {
  content: "\f54e"; }

.fa-store-alt:before {
  content: "\f54f"; }

.fa-strava:before {
  content: "\f428"; }

.fa-stream:before {
  content: "\f550"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-subway:before {
  content: "\f239"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-suitcase-rolling:before {
  content: "\f5c1"; }

.fa-sun:before {
  content: "\f185"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-surprise:before {
  content: "\f5c2"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-swatchbook:before {
  content: "\f5c3"; }

.fa-swift:before {
  content: "\f8e1"; }

.fa-swimmer:before {
  content: "\f5c4"; }

.fa-swimming-pool:before {
  content: "\f5c5"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-synagogue:before {
  content: "\f69b"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-table-tennis:before {
  content: "\f45d"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-taxi:before {
  content: "\f1ba"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-teeth:before {
  content: "\f62e"; }

.fa-teeth-open:before {
  content: "\f62f"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f3fe"; }

.fa-temperature-high:before {
  content: "\f769"; }

.fa-temperature-low:before {
  content: "\f76b"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-tenge:before {
  content: "\f7d7"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-theater-masks:before {
  content: "\f630"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-times:before {
  content: "\f00d"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-tint:before {
  content: "\f043"; }

.fa-tint-slash:before {
  content: "\f5c7"; }

.fa-tired:before {
  content: "\f5c8"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-toilet:before {
  content: "\f7d8"; }

.fa-toilet-paper:before {
  content: "\f71e"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-tools:before {
  content: "\f7d9"; }

.fa-tooth:before {
  content: "\f5c9"; }

.fa-torah:before {
  content: "\f6a0"; }

.fa-torii-gate:before {
  content: "\f6a1"; }

.fa-tractor:before {
  content: "\f722"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-traffic-light:before {
  content: "\f637"; }

.fa-train:before {
  content: "\f238"; }

.fa-tram:before {
  content: "\f7da"; }

.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-trash-restore:before {
  content: "\f829"; }

.fa-trash-restore-alt:before {
  content: "\f82a"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-trello:before {
  content: "\f181"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-monster:before {
  content: "\f63b"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-truck-pickup:before {
  content: "\f63c"; }

.fa-tshirt:before {
  content: "\f553"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-tv:before {
  content: "\f26c"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-umbraco:before {
  content: "\f8e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-umbrella-beach:before {
  content: "\f5ca"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-university:before {
  content: "\f19c"; }

.fa-unlink:before {
  content: "\f127"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-upload:before {
  content: "\f093"; }

.fa-ups:before {
  content: "\f7e0"; }

.fa-usb:before {
  content: "\f287"; }

.fa-user:before {
  content: "\f007"; }

.fa-user-alt:before {
  content: "\f406"; }

.fa-user-alt-slash:before {
  content: "\f4fa"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-user-cog:before {
  content: "\f4fe"; }

.fa-user-edit:before {
  content: "\f4ff"; }

.fa-user-friends:before {
  content: "\f500"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-user-injured:before {
  content: "\f728"; }

.fa-user-lock:before {
  content: "\f502"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-user-minus:before {
  content: "\f503"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-user-nurse:before {
  content: "\f82f"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-cog:before {
  content: "\f509"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-utensils:before {
  content: "\f2e7"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-vector-square:before {
  content: "\f5cb"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-viber:before {
  content: "\f409"; }

.fa-video:before {
  content: "\f03d"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vihara:before {
  content: "\f6a7"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-vk:before {
  content: "\f189"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-voicemail:before {
  content: "\f897"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-mute:before {
  content: "\f6a9"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-vote-yea:before {
  content: "\f772"; }

.fa-vr-cardboard:before {
  content: "\f729"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-walking:before {
  content: "\f554"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-water:before {
  content: "\f773"; }

.fa-wave-square:before {
  content: "\f83e"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-weebly:before {
  content: "\f5cc"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-weight:before {
  content: "\f496"; }

.fa-weight-hanging:before {
  content: "\f5cd"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-wind:before {
  content: "\f72e"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wine-bottle:before {
  content: "\f72f"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-wine-glass-alt:before {
  content: "\f5ce"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-won-sign:before {
  content: "\f159"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-wpressr:before {
  content: "\f3e4"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-yammer:before {
  content: "\f840"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yarn:before {
  content: "\f7e3"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yin-yang:before {
  content: "\f6ad"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-youtube-square:before {
  content: "\f431"; }

.fa-zhihu:before {
  content: "\f63f"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("/Styles/webfonts/fa-brands-400.eot");
  src: url("/Styles/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/Styles/webfonts/fa-brands-400.woff2") format("woff2"), url("/Styles/webfonts/fa-brands-400.woff") format("woff"), url("/Styles/webfonts/fa-brands-400.ttf") format("truetype"), url("/Styles/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/Styles/webfonts/fa-regular-400.eot");
  src: url("/Styles/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/Styles/webfonts/fa-regular-400.woff2") format("woff2"), url("/Styles/webfonts/fa-regular-400.woff") format("woff"), url("/Styles/webfonts/fa-regular-400.ttf") format("truetype"), url("/Styles/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("/Styles/webfonts/fa-solid-900.eot");
  src: url("/Styles/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/Styles/webfonts/fa-solid-900.woff2") format("woff2"), url("/Styles/webfonts/fa-solid-900.woff") format("woff"), url("/Styles/webfonts/fa-solid-900.ttf") format("truetype"), url("/Styles/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
      background-image: url('select2x2.png') !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }
  .select2-search input {
      background-position: 100% -21px !important;
  }
}

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.8 - 2017-04-18T05:43:43.881Z
 * License: MIT
 */


/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}


.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}

/* Select2 theme */

/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
    border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close{
  display:none;
}

.select-locked > .ui-select-match-close{
    display:none;
}

body > .select2-container.open {
  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    border-top-width: 1px;  /* FIXME hardcoded value :-/ */
    border-top-style: solid;

    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);

    margin-top: -4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
    margin-top: 4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #5897fb;
}

.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

/* Selectize theme */

/* Helper class to show styles when focus */
.selectize-input.selectize-focus{
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
  width: 100%;
}

/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
  margin: 0 !important;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
    border-color: #D44950;
}

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
    margin-top: -2px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme="selectize"] input.ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
    width: 0;
}

/* Bootstrap theme */

/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap .ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

.ui-select-bootstrap > .ui-select-match > .btn{
  /* Instead of center because of .btn */
  text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

body > .ui-select-bootstrap.open {
  z-index: 1000; /* Standard Bootstrap dropdown z-index */
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
}

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row>span:hover, .ui-select-bootstrap .ui-select-choices-row>span:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled>span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
    display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
    border-color: #D44950;
}

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}

.ui-select-bootstrap .ui-select-match-text {
    width: 100%;
    padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
  position: absolute;
  height: 10px;
  right: 10px;
  margin-top: -2px;
}

/* Spinner */
.ui-select-refreshing.glyphicon {
    position: absolute;
    right: 0;
    padding: 8px 27px;
 }

@-webkit-keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.ui-select-spin {
  -webkit-animation: ui-select-spin 2s infinite linear;
  animation: ui-select-spin 2s infinite linear;
}

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s;
}

/**
 * Treeview styles
 *
 * @private
 * @package ivh.treeview
 * @copyright 2014 iVantage Health Analytics, Inc.
 */
ul.ivh-treeview li.ivh-treeview-node-collapsed ul.ivh-treeview {
  display: none;
}
ul.ivh-treeview .ivh-treeview-twistie-leaf,
ul.ivh-treeview .ivh-treeview-twistie-collapsed {
  display: none;
}
ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-collapsed {
  display: inline;
}
ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-expanded {
  display: none;
}
ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-leaf {
  display: inline;
}
ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-expanded,
ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-collapsed {
  display: none;
}

ul.ivh-treeview {
  list-style-type: none;
  padding-left: 0;
}
ul.ivh-treeview ul.ivh-treeview {
  padding-left: 15px;
}
ul.ivh-treeview .ivh-treeview-toggle {
  cursor: pointer;
}
ul.ivh-treeview .ivh-treeview-node-leaf .ivh-treeview-toggle {
  cursor: auto;
}

.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    border-radius: 4px;
    width: 278px
}

    .daterangepicker.opensleft:before {
        position: absolute;
        top: -7px;
        right: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0,0,0,0.2);
        content: ''
    }

    .daterangepicker.opensleft:after {
        position: absolute;
        top: -6px;
        right: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: ''
    }

    .daterangepicker.openscenter:before {
        position: absolute;
        top: -7px;
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0,0,0,0.2);
        content: ''
    }

    .daterangepicker.openscenter:after {
        position: absolute;
        top: -6px;
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: ''
    }

    .daterangepicker.opensright:before {
        position: absolute;
        top: -7px;
        left: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0,0,0,0.2);
        content: ''
    }

    .daterangepicker.opensright:after {
        position: absolute;
        top: -6px;
        left: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: ''
    }

    .daterangepicker.dropup {
        margin-top: -5px
    }

        .daterangepicker.dropup:before {
            top: initial;
            bottom: -7px;
            border-bottom: initial;
            border-top: 7px solid #ccc
        }

        .daterangepicker.dropup:after {
            top: initial;
            bottom: -6px;
            border-bottom: initial;
            border-top: 6px solid #fff
        }

    .daterangepicker.dropdown-menu {
        max-width: none;
        z-index: 3000
    }

    .daterangepicker.single .ranges, .daterangepicker.single .calendar {
        float: none
    }

    .daterangepicker .calendar {
        display: none;
        max-width: 270px;
        margin: 4px
    }

    .daterangepicker.show-calendar .calendar {
        display: block
    }

    .daterangepicker .calendar.single .calendar-table {
        border: 0
    }

    .daterangepicker .calendar th, .daterangepicker .calendar td {
        white-space: nowrap;
        text-align: center;
        min-width: 32px
    }

    .daterangepicker .calendar-table {
        border: 1px solid #ddd;
        padding: 4px;
        border-radius: 4px;
        background: #fff
    }

    .daterangepicker table {
        width: 100%;
        margin: 0
    }

    .daterangepicker td, .daterangepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        border-radius: 4px;
        white-space: nowrap;
        cursor: pointer
    }

        .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
            color: #999;
            background: #fff
        }

        .daterangepicker td.disabled, .daterangepicker option.disabled {
            color: #999;
            cursor: not-allowed;
            text-decoration: line-through
        }

        .daterangepicker td.available:hover, .daterangepicker th.available:hover {
            background: #eee
        }

        .daterangepicker td.in-range {
            background: #667db6;
            border-radius: 0;
            color: #fff;
        }

        .daterangepicker td.start-date {
            border-radius: 4px 0 0 4px
        }

        .daterangepicker td.end-date {
            border-radius: 0 4px 4px 0
        }

        .daterangepicker td.start-date.end-date {
            border-radius: 4px
        }

        .daterangepicker td.active, .daterangepicker td.active:hover {
            background-color: #667db6;
            border-color: #667db6;
            color: #fff
        }

        .daterangepicker td.week, .daterangepicker th.week {
            font-size: 80%;
            color: #ccc
        }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%
    }

    .daterangepicker select.yearselect {
        width: 40%
    }

    .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
        width: 50px;
        margin-bottom: 0
    }

    .daterangepicker th.month {
        width: auto
    }

    .daterangepicker .input-mini {
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555;
        display: block;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        margin: 0 0 5px 0;
        padding: 0 6px 0 28px;
        width: 100%
    }

        .daterangepicker .input-mini.active {
            border: 1px solid #667db6
        }

    .daterangepicker .daterangepicker_input i {
        position: absolute;
        left: 8px;
        top: 8px
    }

    .daterangepicker .btn-success {
        background-color: #667db6;
        border-color: #667db6;
        color: #fff;
    }

    .daterangepicker .daterangepicker_input {
        position: relative
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 5px auto;
        line-height: 30px;
        position: relative;
        padding-left: 28px
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed
        }

    .daterangepicker .ranges {
        font-size: 11px;
        float: none;
        margin: 4px;
        text-align: left
    }

        .daterangepicker .ranges ul {
            list-style: none;
            margin: 0 auto;
            padding: 0;
            width: 100%
        }

        .daterangepicker .ranges li {
            font-size: 13px;
            background: #f5f5f5;
            border: 1px solid #f5f5f5;
            color: #08c;
            padding: 3px 12px;
            margin-bottom: 8px;
            border-radius: 5px;
            cursor: pointer
        }

            .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
                background: #08c;
                border: 1px solid #08c;
                color: #fff
            }

@media(min-width:564px) {
    .daterangepicker {
        width: auto
    }

        .daterangepicker .ranges ul {
            width: 160px
        }

        .daterangepicker.single .ranges ul {
            width: 100%
        }

        .daterangepicker .calendar.left .calendar-table {
            border-right: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .daterangepicker .calendar.right .calendar-table {
            border-left: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .daterangepicker .calendar.left {
            clear: left;
            margin-right: 0
        }

        .daterangepicker.single .calendar.left {
            clear: none
        }

        .daterangepicker.single .ranges, .daterangepicker.single .calendar {
            float: left
        }

        .daterangepicker .calendar.right {
            margin-left: 0
        }

        .daterangepicker .left .daterangepicker_input {
            padding-right: 12px
        }

        .daterangepicker .calendar.left .calendar-table {
            padding-right: 12px
        }

        .daterangepicker .ranges, .daterangepicker .calendar {
            float: left
        }
}

@media(min-width:730px) {
    .daterangepicker .ranges {
        width: auto;
        float: left
    }

    .daterangepicker .calendar.left {
        clear: none
    }
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.dashboardContainer .glyphicon {
    width: 100%;
    height: 100%;
}

.dashboardContainer .dashboardOptions {
    padding: 10px 5px;
    background-color: #ccc;
}

.dashboardContainer {
    margin-top: 10px;
}

    .dashboardContainer .dropdownMenu {
        position: absolute;
        background-color: #f9f9f9;
        -moz-box-shadow: 3px 3px 5px 6px #000000;
        -moz-box-shadow: 3px 3px 5px 6px rgba(0,0,0,0.2);
        -webkit-box-shadow: 3px 3px 5px 6px #000000;
        -webkit-box-shadow: 3px 3px 5px 6px rgba(0,0,0,0.2);
        -ms-box-shadow: 3px 3px 5px 6px #000000;
        -ms-box-shadow: 3px 3px 5px 6px rgba(0,0,0,0.2);
        box-shadow: 3px 3px 5px 6px #000000;
        box-shadow: 3px 3px 5px 6px rgba(0,0,0,0.2);
        text-align: left;
        min-width: 200px;
        padding: 10px;
        z-index: 9;
    }

        .dashboardContainer .dropdownMenu label {
            vertical-align: middle;
        }

    .dashboardContainer .moveIcon {
        padding: 10px;
        background-color: #78b4f6b0;
        display: inline-block;
        color: #fff;
        margin-right: 5px;
        cursor: move;
    }

    .dashboardContainer .headerTitle {
        font-size: 14px;
        font-weight: bold;
        width: calc(100% - 110px);
        display: inline-block;
    }

    .dashboardContainer .headerIcons {
        float: right;
        padding-right: 5px;
    }

    .dashboardContainer .widgetHeader {
        background-color: #667db6;
        color: #fff;
    }

    .dashboardContainer .widgetContainerMain {
        background-color: #eeeeee;
        padding: 5px;
    }

    .dashboardContainer .headerIcons span {
        padding: 10px 7px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        min-width: 28px;
        height: 40px;
    }


    .dashboardContainer .widgetContainerBody {
        background-color: #fff;
        padding: 10px;
    }

    .dashboardContainer .columnChangeOptions {
        display: inline-block;
    }

    .dashboardContainer .oneColumnChange {
        background-color: #78b4f6b0;
        padding: 7px 0px;
        display: inline-block;
        width: 40px;
        cursor: pointer;
        text-align: center;
    }

    .dashboardContainer .oneColumnLine {
        background-color: #fff;
        width: 5px;
        display: inline-block;
        margin: 0 2px;
    }

    .dashboardContainer .dashboardOptions .dropdown {
        display: inline-block;
        vertical-align: top;
    }

    .dashboardContainer .simpleDemo .itemContainer {
        background-color: #fff;
        border: 1px solid #ddd;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        display: block;
        padding: 10px 15px;
        margin-bottom: 25px;
    }

    .dashboardContainer li.dndPlaceholder {
        padding-left: 0;
        list-style: none;
        height: 100px;
        background-color: #eee;
    }

    .dashboardContainer .placeTodrop {
        padding-top: 20px;
    }

    .dashboardContainer .columnContainer {
        margin-bottom: 10px;
    }

    .dashboardContainer .activeColumnChange {
        background-color: #667db6;
    }

    .dashboardContainer .dropBoxItem {
        min-height: 50px;
    }

    .dashboardContainer .widgetContainerBody {
        cursor: text;
    }

    .dashboardContainer .AppLoadingContainer {
        text-align: center;
    }

.conversation {
    height: 180px;
    overflow: auto;
    margin: 0 0 23px;
    padding: 10px;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 10%);
}

    .conversation ul li.ng-scope {
        border-bottom: 1px solid rgba(164, 130, 61, 0.2);
        margin-bottom: 10px;
        /* padding: 10px; */
        box-sizing: border-box;
        box-shadow: 0px 5px 5px rgb(251 251 251 / 80%);
    }

    .conversation span.msg {
        padding: 3px 8px;
        background: rgb(251 251 251);
        box-shadow: 0px 3px 4px rgb(251 251 251 / 15%), 0px 2px 3px rgb(0 0 0 / 5%);
        margin-left: 5px;
    }

    .conversation .authormsg:after {
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #667db6;
        position: absolute;
        right: -5px;
        content: '';
        top: 50%;
        transform: translateY(-50%);
    }

    .conversation .authormsg {
        display: inline-block;
        padding: 5px;
        background: #667db6;
        position: relative;
        color: white;
    }

.blinker {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.navbar {
    border-radius: 0px;
    border: 0px;
}

/*--pagination--*/

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #667db6;
    border-color: #667db6;
}

.pagination > li > a, .pagination > li > span {
    color: #000;
}

.ui-float-label .clearDate {
    position: absolute;
    left: calc(100% - 60px);
    top: 26%;
    color: #797b7b;
    font-weight: normal;
    font-size: 11px;
    cursor: pointer;
}

.ui-float-label input .clearDate:hover {
    color: #667db6;
}

.header-navbar .navbar-wrapper .navbar-logo {
    height: auto;
    margin-top: 4px;
    margin-right: 5px;
    margin-left: 10px;
}

.header-navbar .navbar-wrapper .navbar-container .nav-right li {
    line-height: 1;
    margin-top: 15px;
}

.header-navbar .navbar-wrapper .navbar-container .nav-right a {
    padding: 5px;
    line-height: 22px;
    display: inline-block;
    color: white;
}

body.horizontal-fixed .page-header,
body.horizontal-static .page-header,
body.horizontal-icon .page-header,
body.horizontal-icon-fixed .page-header {
    margin-top: 8px !important;
    border: none;
    border-radius: 0px;
}

.weeksDays {
    font-weight: bold;
    padding: 0 0px 0 0;
}

input::-ms-clear {
    display: none;
}

.associatedTable td {
    max-width: 400px;
    text-overflow: ellipsis;
    white-space: normal;
}

.starscape-page .page-header {
    padding-bottom: 0px
}

.createCamp {
    font-weight: bold;
    color: #667db6;
}

.disabledBtn {
    opacity: 0.5;
    cursor: pointer !important;
}

.ss-container {
    position: fixed;
    z-index: 999;
    background: rgba(255,255,255,0.9);
    width: 99.99%;
    height: 100%;
    top: 0;
    left: 0;
}

.ss-loader {
    color: #667db6;
    font-size: 50px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 300px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#grid1 input,
#grid1 button,
#grid1 select,
#grid1 textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: none;
}

#grid1 form input,
#grid1 form button,
#grid1 form select,
#grid1 form textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: 30px;
    height: 30px;
    outline: none;
}

#grid1 #editBtn,
#grid1 #deleteBtn {
    padding: 6px 8px;
    line-height: 16px;
    font-size: 11px;
}

.card .card-header {
    margin-bottom: 0px;
}

.md-tabs {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.md-tabs-popup {
    padding: 0 15px;
}

.nav-tabs > li.active > a {
    border-color: transparent;
}

multiselect .btn.has-error {
    /* border: 1px solid #a94442 !important; */
    /* color: #db524b; */
    height: 36px;
}

.starscape-page .gp-dropdown .container-list.dropdown-menu {
    position: absolute !important;
    top: 35px !important;
    display: block;
    left: -2px;
    z-index: 98;
    border: 1px solid #667db6;
    background-color: #fff;
    width: 100%;
}

.starscape-page .container-list,
.starscape-page-multiselect .container-list {
    position: absolute;
    top: 35px;
    display: block;
    left: -2px;
    z-index: 98;
    border: 1px solid #667db6;
    background-color: #fff;
    width: 100%;
}

.starscape-page .multiselect .pull-left, .starscape-page-multiselect .multiselect .pull-left {
    display: none;
}

.starscape-page-multiselect multiselect .dropdown-menu {
    max-width: 100% !important;
    padding: 0px !important;
}

.starscape-page-multiselect multiselect {
    width: 100%;
    height: 36px;
    border: 1px solid #ccc;
    display: block;
    margin-right: 10px;
}

.starscape-page-multiselect .multiselect .btn-group {
    min-width: 100%;
    max-width: 100%;
    /* max-width: 180px;
    min-width: auto;*/
}

.starscape-page-multiselect .multiselect .btn-group {
    min-width: 100%;
    max-width: 100%;
    /* max-width: 180px;
    min-width: auto;*/
}

.starscape-page .multiselect.ui-state-filled .pull-left, .starscape-page-multiselect .multiselect.ui-state-filled .pull-left {
    display: block;
}

.starscape-page .card .card-block .dropdown-menu {
    top: -2px;
    position: relative;
    border-top: 1px solid #667db6;
    max-width: 100% !important;
    left: 0px !important;
    width: 100%;
}

.starscape-page-multiselect .dropdown-menu {
    top: 0px;
    position: relative;
    border-top: 1px solid #667db6;
    max-width: 100% !important;
    left: 0px !important;
    width: 100%;
}

    .starscape-page-multiselect .dropdown-menu > li:first-child > a:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

.starscape-page .multiselect .container-list div:nth-child(2), .starscape-page-multiselect .multiselect .container-list div:nth-child(2) {
    /* font-size:14px;
    padding:0px 7px !important;  */
    position: absolute;
    top: 11px;
    left: 10px;
}

.starscape-page multiselect .container-list .filter .pi-times, .starscape-page-multiselect multiselect .container-list .filter .pi-times {
    position: absolute;
    right: 8px;
    top: 10px;
    color: #667db6;
    font-size: 17px;
}

a.check {
    top: 5px;
}

.select2-drop {
    z-index: 98 !important;
}

.starscape-page multiselect .dropdown-menu > li > a:hover, .starscape-page-multiselect multiselect .dropdown-menu > li > a:hover {
    color: #333333;
    background-color: #eaeaea;
}

.starscape-page .ui-select-choices-row.select2-highlighted,
.starscape-page .ui-select-choices-row.select2-highlighted:hover {
    background: #eaeaea;
    color: #333333;
}

.modal-dialog .select2-results, .starscape-page .select2-results {
    max-height: 200px;
    padding: 9px 0 0 4px;
    margin: 19px 4px 4px 0;
    border-top: 1px solid #ccc;
}

.starscape-page .multiselect .dropdown-menu > li > a,
.starscape-page .multiselect .dropdown-menu > li > a:hover,
.starscape-page-multiselect .multiselect .dropdown-menu > li > a,
.starscape-page-multiselect .multiselect .dropdown-menu > li > a:hover {
    font-size: 14px;
    /*color: #667db6;
    background: none*/
}

    .starscape-page .multiselect .dropdown-menu > li > a i.pi-check, .starscape-page-multiselect .multiselect .dropdown-menu > li > a i.pi-check {
        font-size: 18px
    }

.starscape-page .brief .multiselect .dropdown-menu > li > a,
.starscape-page .brief .multiselect .dropdown-menu > li > a:hover {
    font-size: 14px;
    color: #000;
}

.starscape-page multiselect .dropdown-menu > li > a, .starscape-page-multiselect multiselect .dropdown-menu > li > a {
    padding: 6px 10px;
    cursor: pointer;
}

.starscape-page .brief multiselect .dropdown-menu > li > a, .starscape-page .dropdown-multiselect .dropdown-menu > li > a {
    padding: 6px 10px;
    cursor: pointer;
}

.starscape-page .multiselect .dropdown-menu a span, .starscape-page-multiselect .multiselect .dropdown-menu a span {
    vertical-align: middle
}



.starscape-page .multiselect .dropdown-menu > li > a i,
.starscape-page-multiselect .multiselect .dropdown-menu > li > a i,
.starscape-page .multiselect .container-list div a i,
.starscape-page-multiselect .multiselect .container-list div a i, .starscape-page .container-list.dropdown-menu i.pi, .starscape-page-multiselect .container-list.dropdown-menu i.pi {
    margin-right: 7px;
    vertical-align: middle;
    border: 1px solid #667db6 !important;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    background: #fff;
}

.starscape-page multiselect > .btn-group > button {
}

.starscape-page .brief .multiselect button {
    padding: 0.429em;
}

.field-height {
    height: 55px;
}

.dropdown-master .multi-select-filter .field-height {
    height: 36px;
    margin-bottom: 0px
}

.starscape-page .multiselect button, .starscape-page-multiselect .multiselect button {
    padding: 9px;
    padding-right: 2em;
    font-weight: bold;
    color: #667db6 !important;
    background: transparent;
    border: 0px;
    font-family: open sans, sans-serif;
}

.starscape-page .slickgrid-container .grid-canvas .slick-row:hover {
    background-color: #eff5fc;
}



.starscape-page .ui-grid-canvas .ui-grid-cell,
.starscape-page .ui-grid-canvas .ui-grid-row {
    height: 30px;
}

    .starscape-page .ui-grid-canvas .ui-grid-cell .ui-grid-cell-contents {
        padding: 7px 6px;
    }

.starscape-page .ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item {
    cursor: pointer;
    border: none;
    padding: 2px 4px;
    list-style: none outside none;
    margin: 0;
    font-size: 14px !important;
    display: inline-block;
    vertical-align: middle;
    font-family: open sans, sans-serif;
}

.starscape-page .ui-grid-men input.ui-grid-filter-input.ng-not-empty {
    font-family: open sans, sans-serif;
}

.starscape-page .ui-grid-men input.ui-grid-filter-input {
    font-family: "Segoe UI Symbol";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.starscape-page .ui-select-container[disabled="disabled"] {
    background: #eee;
}

.starscape-page multiselect[disabled="disabled"] {
    background: #eee;
}

.modal-dialog multiselect[disabled="disabled"],
.modal-dialog .ui-select-container[disabled="disabled"],
.modal-dialog .hasDatepicker[disabled="disabled"],
.modal-dialog .flatpickr-input[disabled="disabled"] {
    background: #eee;
}

.modal-dialog .flatpickr-input.disabled {
    background: #eee !important;
}



.starscape-page .brief .multiselect .pull-left {
    display: block;
}

.starscape-page .brief multiselect {
    width: 100%;
    height: 36px;
    border: 0px solid #ccc;
    display: block;
    margin-right: 10px;
    padding-top: 5px;
}

    .starscape-page .brief multiselect .pi-chevron-down {
        position: absolute;
        top: 8px;
        right: 8px;
        color: #667db6;
    }
/*
.starscape-page .brief .multiselect .btn-group {
    max-width: 180px;
    min-width: auto;
}*/

.starscape-page .brief .container-list {
    width: 200px;
}

.starscape-page .brief multiselect .container-list .filter > input, .starscape-page .container-list .filter > input {
    width: calc(100% - 27px) !important;
}

.starscape-page .brief multiselect .dropdown-menu {
    max-height: 300px;
    min-width: 198px;
    max-width: initial !important;
    overflow-y: auto;
}

.starscape-page .brief .form-group-custom-height {
    margin-bottom: 1em;
    padding-top: 10px;
}

.starscape-page .brief .dropdown-toggle.btn-default .pull-left {
    margin-right: 12px;
}

.custombtn {
    background-color: #667db6 !important;
    border: 0px solid #667db6 !important;
    color: #fff !important;
    cursor: pointer;
    transition: all ease-in .3s;
    border-radius: 2px !important;
    text-transform: capitalize;
    font-size: 13px;
    padding: 10px 19px !important;
    font-family: open sans;
}

body a:hover {
    color: #667db6;
}

#ui-datepicker-div {
    display: none;
}

.modal-dialog .subBrand .ui-grid-filter-container:after, .starscape-page .ui-grid-filter-container:after {
    content: "\f002";
    position: absolute;
    left: 6px;
    top: 1px;
    width: 26px;
    height: 26px;
    display: inline-block;
    z-index: 1;
    font-family: "Font Awesome 5 Free";
    background: #667db6;
    color: #fff;
    padding-left: 8px;
    font-size: 10px;
    padding-top: 6px;
    border-radius: 5px 0px 0px 5px;
}

.modal-dialog .subBrand .ui-grid-filter-container input, .starscape-page .ui-grid-filter-container input {
    padding: 3px 5px 3px 30px;
    border-radius: 5px 0px 0px 5px;
    font-size: 13px;
    outline: none;
}

.starscape-page .form-text-area, .starscape-page textarea {
    resize: none !important;
}

.ui-grid {
    border: 0px solid #d4d4d4;
}

.ui-grid-top-panel {
    background-color: #ffffff;
}

.ui-grid-header-cell {
    border-right: 0px solid;
}

.ui-grid-menu-button {
    background: #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.StringFilterTemplate .ui-grid-filter-container {
    border: 1px solid #ddd;
    width: 90%;
    border-radius: 5px 0px 0px 5px;
    padding: 0px;
    height: 28px;
    margin-bottom: 5px;
}

.ui-grid-filter-container {
    padding: 0px 5px 5px;
}

.ui-grid-viewport {
    overflow-x: auto !important;
}

.bootbox-body ul {
    list-style-type: disc;
    padding-left: 20px;
}

.GetAttachmentRows {
    padding: 5px 5px;
    width: 100%;
}

/*  .GetAttachmentRows:nth-child(even) {
        background: #ececec;
    }*/

.gridActionBtn {
    padding: 2px 5px;
    margin-right: 2px;
    margin-left: 2px;
    /*  border: 1px solid #667db6;
    border-radius: 2px;
    margin: 10px 2px;
    font-size: 12px !important;
    background: #667db6;
    line-height: 29px;*/
}

    .gridActionBtn i {
        color: #fff;
        margin: 0px;
        min-width: 13px;
    }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #667db6;
    border-color: #667db6;
    box-shadow: none;
}

.watermark {
    position: absolute;
    top: 50%;
    font-size: 1em;
    width: 100%;
    text-align: center;
    z-index: 1;
}

.ui-grid-filter-container.search-btn .ui-grid-icon-cancel {
    top: 42%;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    color: #667db6;
    border: 1px solid transparent
}

select.ui-state-filled ~ label {
    top: -.75em;
    font-size: 12px;
}

.fl-switch {
    float: left;
    margin-right: 10px
}

.modal-dialog select.form-control:not([size]):not([multiple]) {
    height: 36px;
}

.btn-primary:focus {
    background-color: #667db6;
    border-color: #667db6;
}

.error-message {
    /*position: absolute;*/
    color: #db524b;
    font-weight: 500;
    font-size: 12px;
    margin: 0px;
}

.modal-dialog .form-group.row {
    margin-bottom: 10px;
}


.ui-grid-filter-container.gridCalfilter .ui-grid-filter-input {
    display: inline;
    width: 100%;
    height: 26px !important;
}

.ui-grid-filter-container.gridCalfilter .ui-datepicker-trigger {
    height: 26px !important;
    margin: 0px;
    position: absolute;
    left: 6px;
    top: 0px;
    width: 26px;
    background: #667db6;
    border: 0px;
    border-radius: 5px 0px 0px 5px;
}

    .ui-grid-filter-container.gridCalfilter .ui-datepicker-trigger:after {
        content: "\e927";
        display: inline-block;
        z-index: 1;
        font-family: 'primeicons';
        color: #fff;
        font-size: 15px;
    }

    .ui-grid-filter-container.gridCalfilter .ui-datepicker-trigger i {
        display: none;
    }

.hasDatepicker:not(.isDisabled), .form-control[readonly] {
    background: #fff !important;
}

.starscape-page .ui-grid-filter-container.gridCalfilter:after {
    display: none;
}

.filter-bar .nav {
    width: 100%;
}

.card .card-header .card-header-right {
    cursor: pointer;
    padding: 0px;
}

    .card .card-header .card-header-right i {
        margin: 0 0px;
        padding: 10px 20px;
    }

.gridPadding {
    padding: 6px 10px;
    line-height: 30px;
}

.gridlist {
    padding: 5px 12px;
    line-height: 30px;
}

.gridalign {
    padding: 5px 12px;
    line-height: 14px;
}

.brief .ng-isolate-scope > div, .brief .ng-isolate-scope > div > div.ui-grid-cell, .grid-ellipsis .ng-isolate-scope > div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.modal-dialog .tab-form-demo .ui-inputtext {
    padding: 10px 13px;
}
/*.master-page .card-header {
    border-bottom: 0px;
}
.master-page .card {
    box-shadow: none;
}*/
.dropdown-master {
    padding: 15px 0 !important;
}

    .dropdown-master label {
        white-space: nowrap;
        vertical-align: middle;
        line-height: 34px;
    }

.height-switch {
}

.hasDatepicker {
    width: calc(100% - 34px);
    float: left;
    height: 36px;
    border: 1px solid #667db6;
}

.optionalPicker {
    border: 1px solid #667db6;
}

.dateRemoveIcon {
    position: absolute;
    right: 11px;
    top: 8px;
    font-size: 11px;
    color: #797b7b;
}

    .dateRemoveIcon:hover {
        color: #333;
    }

.attachmentDashboardIcon {
    text-align: right;
    float: right;
    color: #667db6;
    cursor: pointer;
    margin: 0px;
}

    .attachmentDashboardIcon:hover {
        color: #78b4f6b0;
    }

.filter-bar > .navbar {
    flex-direction: row;
    align-items: flex-start;
    padding: 1rem 1rem;
}

.filter-bar .briefNavList .firstNav.release-order {
    width: calc(100% - 133px);
}

.filter-bar .briefNavList .firstNav.brief {
    width: calc(100% - 140px);
}

.filter-bar .briefNavList .firstNav {
    width: calc(100% - 202px);
}

    .filter-bar .briefNavList .firstNav.clientPO {
        width: calc(100% - 150px);
    }

    .filter-bar .briefNavList .firstNav.deviation {
        width: calc(100% - 150px);
    }

        .filter-bar .briefNavList .firstNav.deviation + .secondNav {
            width: 150px;
        }

.filter-bar .briefNavList .deal-filters {
    width: calc(100% - 120px);
}


.filter-bar .EstimateNavList .firstNav {
    width: calc(100% - 40px);
}

.filter-bar .briefNavList .firstNav.plan {
    width: calc(100% - 120px);
}

.filter-bar .EstimateNavList .firstNav.clientPO {
    width: calc(100% - 165px);
}

.filter-bar .EstimateNavList .firstNav.estimate {
    width: calc(100% - 20px);
}

.filter-bar .briefNavList .secondNav.clientPOBtn {
    width: 140px;
}

.filter-bar .briefNavList .secondNav {
    width: 114px;
}

.filter-bar .campaignNavList .firstNav {
    width: calc(100% - 145px);
}

.filter-bar .campaignNavList .secondNav {
    width: 144px;
}

.editGridBtn {
    width: 25px;
    height: 22px;
    float: left;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 3px;
}

.ui-fluid .filter-bar .ui-inputtext {
    border-color: #667db6;
}

.modal-datepicker ul.uib-datepicker-popup {
    display: inline-block;
    right: inherit;
}

.modal-datepicker input.hasDatepicker {
    width: calc(100% - 34px);
}


/*date range styling*/
.daterangepicker .input-mini {
    font-size: 13px;
    outline: none;
}
/*date range styling end*/


.modal-dialog .field-height .hasDatepicker.ui-state-filled ~ label {
    line-height: 1
}

.modal-dialog .col-md-6 multiselect .container-list .filter > input {
    width: calc(100% - 27px);
}


.filter-bar .navbar-nav .ui-float-label.dateRange {
    width: 230px;
    font-size: 12px;
}

.range-picker-with-cal {
    float: left;
    width: calc(100% - 35px)
}

.filter-formly .ng-isolate-scope > div {
    white-space: unset;
    text-overflow: unset;
    overflow: unset;
}

.filter-formly {
    /*width: calc(100% - 14%);
    display: inline-block;*/
}

    .filter-formly .navbar-nav {
        /*width: calc(100% - 7%);*/
        display: inline-block;
    }

    .filter-formly .multi-select-filter {
        min-width: 6%;
        /*max-width: 30%;*/
        float: left;
        display: inline-block;
    }

.filter-btn-right {
    max-width: 10%;
    min-width: 4%;
    margin-left: 10px;
    display: inline-block;
}

.filter-formly .container-list {
    display: none
}

.filter-formly .open .container-list {
    display: block;
}


.breadcrumb-item + .breadcrumb-item {
    color: #667db6;
}



.pickerCustom i {
    width: 34px;
    background-color: #667db6;
    border: 1px solid #667db6;
    height: 36px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

.multiselect .filter .pi {
    cursor: pointer;
}

.daterangepicker.dropdown-menu {
    z-index: 9;
}

.modal-open .daterangepicker.dropdown-menu {
    z-index: 9999;
}

.modal-dialog button.close {
    color: #667db6;
}

.daterangepicker_input .fa-calendar {
    color: #667db6;
    font-size: 1.3em;
}

.daterangepicker .glyphicon {
    color: #667db6;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    font-size: 13px;
    font-family: open sans, sans-serif;
}

.daterangepicker .calendar th {
    color: #667db6;
    font-weight: normal;
}

.template-container {
    min-height: calc(100vh - 40px);
}

footer {
    height: 40px;
}

.attachmentTable td, .table.attachmentTable > tbody > tr > td {
    border: 0px;
    white-space: normal;
}

.nav-scroll {
    max-height: 500px;
    overflow-y: auto;
}

.modal-dialog .formly .checkBox, .buying-combination .checkBox {
    margin-right: 7px;
    vertical-align: middle;
    border: 1px solid #667db6 !important;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    color: #fff;
    font-size: 18px;
}

    .modal-dialog .formly .checkBox.pi-check, .buying-combination .checkBox.pi-check {
        background: #667db6;
    }

.buying-combination li.col-md-4 {
    height: 40px;
}

.modal-dialog .hidden-check-box {
    display: none;
}

.actionWrap {
    padding: 4px 6px;
}

.header-notification .media-body {
    width: calc(100% - 40px) !important;
    display: block !important;
}

.grid-last-child .gridActionWidth {
    min-width: 99px;
    max-width: 100px;
}

.grid-last-child {
    min-width: 99px !important;
}

.combination-grid .grid-last-child {
    min-width: 160px !important;
}
/*.estimate-grid .grid-last-child {
    min-width: 130px !important;
}*/

.usertab .tab-content {
    /*padding:20px;*/
}

.usertab .nav-tabs > li > a.active {
    background: #667db6;
    color: #fff;
}

.subRoleslist {
    margin-bottom: 1.25em;
    display: inline-block;
    width: 100%;
}

.rolesList .roleListHeader {
    padding-left: 10px;
    line-height: 32px;
}

.rolesList .subRoleslist li {
    padding-left: 20px;
    width: 20%;
    float: left;
}

.userInfo {
    margin-bottom: 20px;
}

    .userInfo li {
        width: 33%;
        display: inline-block;
        margin-bottom: 1.25em;
    }

        .userInfo li label {
            width: 30%;
        }


.checkbox-btn {
    position: relative;
    padding-left: 20px;
    margin-bottom: 1rem;
}

    .checkbox-btn input[type=checkbox],
    .checkbox-btn input[type=radio] {
        position: absolute;
        opacity: 0;
        z-index: 1
    }

    .checkbox-btn label {
        display: inline-block;
        line-height: 24px;
        vertical-align: middle;
        position: relative;
        padding-left: 10px;
        cursor: pointer;
        user-select: none;
        color: #424242;
        margin-bottom: 0px;
        line-height: normal;
        font-weight: normal;
    }

        .checkbox-btn label::after {
            position: absolute;
            content: "";
            width: 18px;
            height: 18px;
            left: 0;
            top: 0;
            margin-left: -18px;
            background-color: #fff;
            border: 2px solid #667db6;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            background-clip: padding-box;
            cursor: pointer
        }

        .checkbox-btn label::before {
            position: absolute;
            content: "";
            width: 10px;
            height: 5px;
            top: 6px;
            left: 4px;
            margin-left: -18px;
            border: 2px solid #667db6;
            border-top: none;
            border-right: none;
            background: 0 0;
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            opacity: 0;
            -webkit-transition: all .15s ease-in-out;
            -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
            z-index: 1
        }

        .checkbox-btn label:active::before {
            opacity: .3
        }

    .checkbox-btn input[type=checkbox]:checked + label,
    .checkbox-btn input[type=radio]:checked + label {
        color: #000
    }

        .checkbox-btn input[type=checkbox]:checked + label::after,
        .checkbox-btn input[type=radio]:checked + label::after {
            border: 2px solid #667db6
        }

        .checkbox-btn input[type=checkbox]:checked + label::before,
        .checkbox-btn input[type=radio]:checked + label::before {
            opacity: 1
        }

    .checkbox-btn input[type=checkbox]:disabled + label,
    .checkbox-btn input[type=radio]:disabled + label {
        color: #787878;
        cursor: default
    }

        .checkbox-btn input[type=checkbox]:disabled + label::after,
        .checkbox-btn input[type=radio]:disabled + label::after {
            border: 3px solid #787878;
            background-color: #fff
        }

        .checkbox-btn input[type=checkbox]:disabled + label::before,
        .checkbox-btn input[type=radio]:disabled + label::before {
            display: none
        }


.profitList li {
    width: 33%;
    float: left;
}

    .profitList li .checkbox-btn {
        line-height: 35px;
    }

ul.profitList {
    display: inline-block;
    width: 100%;
}

/* Make circles that indicate the steps of the form: */
.step {
    background-color: #ccc;
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #555;
    cursor: pointer;
}

.profit-centerList
.ivh-treeview-twistie, .roleList .ivh-treeview-twistie {
    width: 16px;
    display: inline-block;
}

.step.active {
    background: #667db6;
    color: #fff;
}

/* Mark the steps that are finished and valid: */
.step.finish {
    background-color: #667db6;
    cursor: pointer;
    opacity: 1;
}

.selectWrap {
    width: 26px;
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 1;
    position: absolute;
    height: 26px;
    border-radius: 4px 0px 0px 4px;
    left: 0px;
    overflow: hidden;
}

.customfilterGrid {
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 28px;
    background: #667db6;
    color: rgb(255, 255, 255);
    padding: 2px 5px;
    width: calc(100% + 27px);
    font-size: 13px;
}

.gridInputFilter {
    border: 0px solid #ddd;
    width: 100%;
    font-family: "Segoe UI Symbol" !important;
    height: 26px;
    padding: 4px 0 .6rem 3.25rem !important;
}



.starscape-page .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
    overflow: auto;
    border-bottom: 1px solid #d4d4d4;
}

.StringFilterTemplate .ui-grid-filter-container.gridCalfilter .ui-datepicker-trigger {
    display: none;
}

.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification {
    width: 300px;
    box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, .1)
}

#notificationApp [class^=ti-] {
    font-size: 20px;
}

#notificationApp .badge {
    border-radius: 5px;
    left: auto;
    top: 0px;
    right: 5px;
}

#notificationApp .show-notification li:hover {
    background: #f8f8f8;
}

#notificationApp .show-notification li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin: 0px;
}

    #notificationApp .show-notification li:first-child h6 {
        padding-top: 6px;
    }

    #notificationApp .show-notification li:first-child a {
        float: right;
    }

        #notificationApp .show-notification li:first-child a label {
            cursor: pointer;
        }

    #notificationApp .show-notification li .notification-msg a {
        padding: 0px;
        line-height: normal;
    }

    #notificationApp .show-notification li .notification-time {
        font-size: 75%;
        color: #b3b0b0;
    }

* {
    -webkit-font-smoothing: antialiased;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.past-users-filter {
    cursor: pointer;
    margin-left: 20px;
}

.no-results {
    padding-left: 20px;
    padding-bottom: 10px;
}

/*matched result from search*/
.matched {
    font-weight: 700 !important;
}

/*wraps entire selector*/
.hierarchy-wrap {
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 5px;
}
/* past users + search */
.hierarchy-header {
    padding: 10px;
}

    .hierarchy-header .search-wrap {
        margin-bottom: 5px;
    }

.angular-ui-tree-handle {
    color: black;
    padding: 5px;
    font-weight: normal;
    cursor: pointer;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 0;
}

    .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
        padding-left: 10px;
    }

    .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
        padding-left: 20px;
    }

    .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
        padding-left: 30px;
    }


.angular-ui-tree-handle:hover {
    color: black;
    background: #f5f5f5;
}

.node-header {
    padding-right: 5px;
}

.nodeActive {
    background: #deeaf9;
}

    .nodeActive:hover {
        background: #428bca;
        color: #FEFEFA;
    }

.angular-ui-tree-handle i {
    color: black;
}


.ui-grid-header-cell:last-child .ui-grid-header-cell-label {
    cursor: initial;
}

.ui-grid-pager-row-count-picker select {
    padding: 2px 5px;
}

.hidden-check-box {
    display: none;
}

.ivh-treeview .checkBox.pi-check, .ivh-treeview .checkBox.pi-minus, .mediaList .checkBox.pi-check {
    background: #667db6;
}

.roleList .checkBox, .mediaList .checkBox, .ivh-treeview .checkBox {
    margin-right: 7px;
    vertical-align: middle;
    border: 1px solid #667db6 !important;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    color: #fff;
    font-size: 18px;
}

.ivh-treeview-checkbox-wrapper {
    margin-bottom: 5px;
    display: inline-block;
}

.ivh-treeview-twistie .glyphicon {
    color: #667db6;
}

.profit-centerList .ivh-treeview-node-label, .roleList .ivh-treeview-node-label, .mediaList .label-text {
    font-size: 13px;
    color: #292b2c;
}

.profit-centerList ul.ivh-treeview ul.ivh-treeview, .profit-centerList ul.ivh-treeview ul.ivh-treeview,
.roleList ul.ivh-treeview ul.ivh-treeview, .roleList ul.ivh-treeview ul.ivh-treeview {
    padding-left: 16px
}

.profit-centerList ul.ivh-treeview li.ivh-treeview-node, .roleList ul.ivh-treeview li.ivh-treeview-node {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.profit-centerList .children-nodes ul.ivh-treeview li.ivh-treeview-node, .roleList .children-nodes ul.ivh-treeview li.ivh-treeview-node {
    width: 100%;
    display: block;
    margin-bottom: 0px;
}


.bootbox-form textarea {
    resize: none;
}

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border-right: 0px solid #d4d4d4;
}

a.uncheck {
    width: 20px;
    height: 20px;
    opacity: 0;
    top: 4px;
}

a.check {
    z-index: 9;
}

a.uncheck, a.check {
    position: absolute;
}

a.above-check {
    z-index: 10;
}

.btnActionWrap {
    width: 25px;
    height: 22px;
    float: left;
    margin-right: 2px;
    margin-left: 2px;
}

.btn-primary[disabled], .btn-primary[disabled]:focus {
    background-color: #667db6;
    border-color: #667db6;
}

.modal-body {
    overflow: auto;
    max-height: calc(100vh - 150px);
}

.form-radio label {
    padding-left: 20px;
}

.radio .helper::after, .radio .helper::before {
    width: 15px;
    height: 15px;
}

.combination {
    display: inline-block;
}

    .combination .radio.radio-inline {
        margin-top: 0px;
        line-height: 26px;
    }

.brief .ss-container, .reports .ss-container {
    height: 100vh;
}

ul.combination-container {
    max-height: 200px;
    overflow-x: auto;
    margin-bottom: 20px;
}

ul.deal-line li {
    margin-bottom: 10px;
}

ul.deal-line {
    margin-bottom: 35px;
    margin-top: 30px;
}

    ul.deal-line li span {
        width: 7%;
        display: inline-block;
    }

    ul.deal-line li:first-child {
        font-weight: 600;
    }

.myuploadloader .ss-container {
    height: 100vh;
}
/*
.ui-grid-pager-panel{
   position:relative!important;
}*/
.ui-grid-contents-wrapper {
    /*height:auto!important;*/
}

.ui-grid-render-container-body .ui-grid-viewport {
    /*height: 100% !important;*/
}

.ui-grid-render-container-body .ui-grid-viewport {
    height: 301px !important;
}

.modal-dialog .with-check-boxes.with-pagination .ui-grid-render-container-body .ui-grid-viewport, .modal-dialog .with-check-boxes.with-pagination .ui-grid-render-container-left .ui-grid-viewport {
    height: 260px !important;
}


.default-grid-height .ui-grid-render-container-body .ui-grid-viewport {
    height: auto !important;
    overflow: hidden !important;
}

.remove-h-scroll .ui-grid-render-container-body .ui-grid-viewport,
.remove-h-scroll.default-grid-height .ui-grid-render-container-body .ui-grid-viewport { /* For removing horizontal scroll in ui grid*/
    height: auto !important;
    overflow: auto !important;
}

.filter-bar .briefNavList .firstNav.create-release-filter {
    width: calc(100% - 150px)
}

.with-check-boxes .ui-grid-render-container-body .ui-grid-viewport {
    height: 326px !important;
}

.with-check-boxes.with-pagination .ui-grid-render-container-left .ui-grid-viewport, .with-check-boxes.with-pagination .ui-grid-render-container-body .ui-grid-viewport {
    height: 301px !important;
}

.ui-grid-selection-row-header-buttons:focus {
    outline: none;
}

.ui-grid-pager-control input {
    padding: 3px 10px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.circle-count {
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    padding: 1px 7px
}

.blue {
    background: #007bff
}

.yellow {
    background: #ffc107
}

.green {
    background: #20c997
}

.red {
    background: #dc3545
}

.highball {
    background: #667db6
}

.nav-item .active {
    background: linear-gradient(to bottom, #667db6, #04689d, #04689d, #667db6) !important;
}

.main-menu .main-menu-content .nav-item a.active:hover {
    color: #fff;
}

.attachments li {
    margin-bottom: 15px;
}

.ui-grid {
    -ms-transform: translate(0) scale(1.0, 1.0)
}

.removeCursor .ui-grid-cell-contents {
    cursor: initial;
}

.action-btn,
.action-menu-btn {
    background: none;
    border: 0 none;
    line-height: normal;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    text-align: left;
    outline: none;
    cursor: pointer;
}

.action-dot {
    background-color: #667db6;
    margin: 0 auto;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 0px;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.action-menu {
    right: 0px;
    position: absolute;
    top: 10px;
    z-index: 9;
    float: left;
    padding: 10px 0;
    margin-top: 9px;
    background-color: #fff;
    border: 1px solid #ccd8e0;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
    opacity: 0;
    transform: translate(0, 15px) scale(.95);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
}

.action-menu-caret {
    position: absolute;
    top: -10px;
    left: 12px;
    width: 18px;
    height: 10px;
    float: left;
    overflow: hidden;
}

.action-menu-caret-outer,
.action-menu-caret-inner {
    position: absolute;
    display: inline-block;
    margin-left: -1px;
    font-size: 0;
    line-height: 1;
}

.action-menu-caret-outer {
    border-bottom: 10px solid #c1d0da;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: auto;
    left: 0;
    top: 0;
    width: auto;
}

.action-menu-caret-inner {
    top: 1px;
    left: 1px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
}

.action-menu-items {
    margin: 0;
    list-style: none;
    padding: 0;
}

.action-menu-item {
    display: block;
}

.action-menu-btn {
    min-width: 100%;
    color: #667db6;
    cursor: pointer;
    display: block;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 20px;
    position: relative;
    white-space: nowrap;
}

.action-menu-item:hover {
    background-color: #667db6;
}

.site-color {
    color: #667db6;
}

.action-menu-item:hover .action-menu-btn {
    color: #fff;
}

.action-btn:hover .action-dot,
.show-action-menu .action-dot {
    background-color: #667db6;
}

.show-action-menu .action-menu {
    opacity: 1;
    transform: translate(0, 0) scale(1);
    pointer-events: auto;
}

.action-btn-group {
    color: #667db6;
    width: 200px;
}

    .action-btn-group .action, .action-btn-group .print-action, .action-btn-group .print-icon, .action-btn-group .download-icon {
        display: inline-block;
        cursor: pointer;
        position: relative
    }

.download-file-btn:hover, .delete-file-btn:hover {
    background: #78b4f6b0 !important;
}

.print-action, .download-icon {
    font-size: 16px;
}

.createEstimate .ui-grid-viewport {
    overflow: auto !important;
}

.form-control.hasDatepicker.disabled {
    background: #eee !important;
}

.multiselect .btn-group .dropdown-toggle .pull-left {
    max-width: 90%;
}
/*.multiple-estimate .multiselect .btn-group .dropdown-toggle .pull-left {
    max-width: 200px;
}*/

.file-name-ellipsis {
    max-width: 350px;
}

.file-name-ellipsis, .multiselect .btn-group .dropdown-toggle .pull-left {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.grid-tabs-container .grid-tabs {
    display: inline-block;
    width: 20%;
    border: 0px
}

    .grid-tabs-container .grid-tabs.active {
        border-bottom: 5px solid #667db6 !important;
    }

.grid-tabs-container.md-tabs .nav-item:first-child {
    border-bottom: 0px;
}

.Viewlabel {
    font-weight: bold;
}

.tv-press .m-b-30 {
    margin-bottom: 30px;
}

.tv-press .col-md-3 .form-group, .tv-press .col-md-9 .form-group {
    margin-bottom: 30px;
}

.combination-label span {
    width: 100%;
    display: inline-block
}

.combination-label {
    max-width: 88%;
    display: inline-block;
    vertical-align: top;
}

/* to show datepicker inside popup after bootbox alert*/
.modal.in ~ .daterangepicker.dropdown-menu {
    z-index: 9999;
}

.Switch-disabled {
    pointer-events: none;
    opacity: 0.6
}

.action-btns .btn-primary i {
    font-size: 20px;
}

.action-btns .btn-primary {
    padding: 7px 10px;
    margin-left: 10px;
}

.ui-datepicker-calendar tbody tr td a, .ui-datepicker-calendar tbody tr td span {
    font-size: 11px;
    font-weight: 600;
    padding: 0.3em
}

.deal-template .action-btn-group {
    margin-right: 0px;
    width: auto;
}

.deal-template .action-btn {
    width: auto;
    padding: 0px
}

    .deal-template .action-btn .btn-primary {
        margin-left: 0px;
    }

.deal-template .action-menu {
    top: 27px;
}


.filter-bar .briefNavList .firstNav.MonitoringBtn {
    width: calc(100% - 200px);
}

.filter-bar .briefNavList .secondNav.MonitoringBtn {
    width: 172px;
}

.edit-date .close-Date {
    width: 29px;
    padding: 8px 6px;
    line-height: 18px;
    vertical-align: top;
}

    .edit-date .close-Date .fa-times {
        margin-right: 2px;
        font-size: 16px
    }

.edit-date .pickerCustom .pi-calendar {
    width: 29px
}

.edit-date .hasDatepicker {
    width: 72%;
}

.bottom-section .pagination li.active {
    border-bottom: 0px;
}

.pi-btn-custom {
    padding: 9px 12px !important;
    margin-left: 5px !important;
}

.pressPicker .hasDatepicker {
    background-color: #eee !important;
    opacity: 1;
    width: 100%;
}

.pressPicker .ui-datepicker-trigger {
    display: none !important;
}

.pressPicker .ui-float-label .clearDate {
    display: none;
}

.daterangepicker.openscenter:before {
    display: none;
}

.daterangepicker.openscenter:after {
    display: none;
}

.daterangepicker.opensright:before {
    display: none;
}

.daterangepicker.opensright:after {
    display: none;
}

.emails h5 {
    font-weight: bold;
    margin-bottom: 5px
}

.filter-bar .briefNavList .invoice-filter {
    width: calc(100% - 185px);
}

    .filter-bar .briefNavList .invoice-filter + .secondNav {
        width: 165px;
    }

.file-name {
    max-width: 130px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0px;
}

.attachments .upload-file-btn {
    padding: 1px !important
}

.attachments .download-file-btn, .attachments .delete-file-btn, .attachments .upload-file-btn {
    vertical-align: top;
    width: 20px;
    padding: 2px;
    font-size: 12px;
    height: 21px;
}

.ContainerMain {
    padding: 15px;
    background: #eee;
}

    .ContainerMain .heading {
        background-color: #667db6;
        color: #fff;
        padding: 8px 10px
    }

        .ContainerMain .heading label {
            margin-bottom: 0px
        }

    .ContainerMain .content {
        padding: 10px;
        background: #fff;
        margin-bottom: 40px;
    }

.report-datepicker input.hasDatepicker {
    border: 1px solid #ccc;
}

.report-datepicker button:focus {
    outline: none;
}

.view-vendor-invoice .grid-last-child {
    min-width: 160px !important
}

.small-file-name-ellipsis {
    max-width: 150px
}

.starscape-page .bottom-section a.hover-inherit:hover {
    color: inherit;
    text-decoration: none;
    background-color: #78b4f6b0;
    border-color: #78b4f6b0;
}

.left-short-name {
    background: #78b4f6b0;
}

.right-short-name {
    background: #667db6;
}

.left-short-name, .right-short-name {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 21px;
    line-height: 75px;
}

    .left-short-name .pic-name:after {
        content: "";
        position: absolute;
        top: 0px;
        right: 0;
        width: 0;
        height: 0;
        border: 4px solid #FFF;
        border-left-color: rgba(0, 0, 0, 0);
        border-bottom-color: rgba(0, 0, 0, 0);
    }

    .right-short-name .pic-name:after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 0;
        height: 0;
        border: 4px solid white;
        border-right-color: transparent;
        border-top-color: transparent;
        box-shadow: 1px 1px 2px rgba(black, 0.2);
    }

.person-name {
    font-weight: 600;
}

.comment-date, .person-name, .comment-time {
    color: #667db6
}

.Uploaded-Attachment li {
    margin-bottom: 10px
}

.circlewrap {
    width: 84px;
    margin: auto;
    height: 84px;
    border: 1px solid #069c50;
    border-radius: 100%;
    line-height: 105px;
    margin-bottom: 30px;
    color: #069c50;
    margin-top: 20px;
}

.headingGenerate {
    color: #667db6;
}

.subheadingGenerate {
    color: #949393;
}

.redButton {
    color: #fff;
    background: #f00;
    border: 1px solid #f00;
}

.redButton {
    color: #fff;
    background: #f00;
    border: 1px solid #f00;
}

.modal-dialog .select2 > .select2-choice.ui-select-match, .starscape-page .select2 > .select2-choice.ui-select-match {
    height: 29px;
    background: none;
    height: 38px;
    border: none;
    border-radius: 0 !important;
}

.modal-dialog .select2-container .select2-choice > .select2-chosen, .starscape-page .select2-container .select2-choice > .select2-chosen {
    height: 100%;
    line-height: 34px;
}

.modal-dialog .select2-container .select2-choice .select2-arrow, .starscape-page .select2-container .select2-choice .select2-arrow {
    background: none !important;
    border: none !important;
}

.modal-dialog .select2-search, .starscape-page .select2-search {
    padding: 0 18px !important;
    box-sizing: border-box;
}

    .modal-dialog .select2-search input, .starscape-page .select2-search input {
        width: 95% !important;
        margin: 11px auto;
        margin: 7px auto;
        position: absolute;
        left: 0px;
        right: 0px;
        border: 1px solid #667db6;
        background: none !important;
        height: 38px !important;
        color: #484a4c;
    }

.modal-dialog .ui-select-no-choice .pi.pi-chevron-down, .starscape-page .ui-select-no-choice .pi.pi-chevron-down {
    display: none !important;
}

.modal-dialog .select2-container .pi.pi-chevron-down, .starscape-page .select2-container .pi.pi-chevron-down {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #667db6
}

.modal-dialog .select2-container .pi.pi-search, .starscape-page .select2-container .pi.pi-search {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #667db6;
}

.starscape-page .select2-container .pi.pi-search {
    color: #667db6;
}

.modal-dialog .bottom-section a:hover, .starscape-page .bottom-section a:hover {
    background: none;
}

.starscape-page .bottom-section .pagination-page a:hover {
    background: #667db6;
}

.modal-dialog .select2-choice, .starscape-page .select2-choice {
    box-shadow: none !important;
}



.modal-dialog .select2-container .select2-choice .select2-arrow b, .starscape-page .select2-container .select2-choice .select2-arrow b {
    display: none;
}

.starscape-page .generateClientInvoice .ui-grid-canvas .ui-grid-cell, .starscape-page .ui-grid-canvas .ui-grid-row {
    height: 29.6px;
}

.generateClientInvoice .ui-grid-render-container-body .ui-grid-viewport {
    height: 297px !important;
}

.ui-grid-pager-control input {
    width: 100px;
    min-width: 100px;
    max-width: 130px;
}

.spotsClass {
    text-align: left;
    display: inline-block;
    float: left;
}

.select2-container.select2-container-active {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25)
}

.profit-centerList .btn-link {
    font-weight: 400;
    color: #0275d8 !important;
    border-radius: 0;
    cursor: pointer;
}

.profit-centerList .grid-last-child {
    width: auto !important;
    min-width: initial !important
}

.profit-centerList .ui-grid-render-container .ui-grid-viewport {
    height: 301px !important
}
/*.select2-container.select2-container-active.select2-dropdown-open.open {
    box-shadow: none
}*/


.circle-loader {
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
}

.checkmark {
    display: none;
}

    .checkmark.draw:after {
        animation-duration: 800ms;
        animation-timing-function: ease;
        animation-name: checkmark;
        transform: scaleX(-1) rotate(135deg);
    }

    .checkmark:after {
        opacity: 1;
        height: 60px;
        width: 60px;
        transform-origin: left top;
        border-right: 3px solid #5cb85c;
        border-top: 3px solid #5cb85c;
        content: '';
        left: 10px;
        top: 10px;
        position: absolute;
    }



@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 60px;
        opacity: 1;
    }

    40% {
        height: 60px;
        width: 60px;
        opacity: 1;
    }

    100% {
        height: 60px;
        width: 60px;
        opacity: 1;
    }
}

body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 {
    max-height: 400px;
    width: 19em;
    overflow-y: auto;
}
/*
body.horizontal-fixed .main-navigation .nav-sub-item .tree-2::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

body.horizontal-fixed .main-navigation .nav-sub-item .tree-2::-webkit-scrollbar-thumb {
    background-color: #ddd;
}*/
.daterangepicker .btn-success:not(:disabled):not(.disabled).active,
.daterangepicker .btn-success:not(:disabled):not(.disabled):active,
.daterangepicker .show > .btn-success.dropdown-toggle {
    background-color: #667db6;
    border-color: #667db6;
    box-shadow: none;
    color: #fff;
}

.daterangepicker .btn-success:active {
    background-color: #667db6 !important;
    border-color: #667db6;
    box-shadow: none;
    color: #fff;
}

.daterangepicker .btn-success:hover {
    background-color: #667db6;
    border-color: #667db6;
    box-shadow: none;
    color: #fff;
}

.option-multiselect-disabled {
    pointer-events: none;
    background: #eee;
}

.daterangepicker .input-mini.active {
    border: 1px solid #ddd;
}


.btn-primary.disabled, .btn-primary:disabled, .btn-primary[disabled], .btn-primary[disabled]:hover {
    background-color: #78b4f6b0;
    pointer-events: none;
    cursor: default;
    border-color: #78b4f6b0;
}

.errorList {
    padding: 0px 0px 0px 20px;
}

.programSelectBox {
    position: absolute;
    top: 0px;
    opacity: 0;
}

.programSelectIcon {
    position: absolute;
    top: 12px;
    right: 6px;
    color: #696c6e;
}

#Actualprogram:disabled {
    background-color: #eee !important;
    opacity: 1;
}

.ui-grid-viewport .ui-grid-cell-contents { /* For resolving spacing issue in UI grid*/ /*Issue Ex :- data:hello   world -> Grid was displaying: hello world*/
    white-space: pre !important;
}

.green .ui-grid-cell {
    background-color: #dfd1ad !important;
}

.starscape-page-multiselect multiselect > .btn-group > button {
    text-align: left;
}


#grid1 .ui-grid-render-container-left .ui-grid-viewport {
    height: 326px;
}
/*#grid2 .ui-grid-render-container-left .ui-grid-viewport {
    width: 30px;
    height: 297px;
}*/

.multiple-estimate .multiselect .btn.has-error {
    height: 28px;
}

/*#grid1 .ui-grid-render-container-left .ui-grid-viewport {
    height: 297px;
}*/

.hide-selection .ui-grid-render-container-left {
    opacity: 0.7;
}

.hide-selection .ui-grid-selection-row-header-buttons {
    pointer-events: none;
}

.invoiceHeading {
    text-align: left;
    display: inline-block;
    float: left;
}

.invoiceDetails {
    text-align: left;
    display: inline-block;
    float: left;
    line-height: normal;
}

.dropdown-multiselect {
    width: 100%
}

.gp-text {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
}

.gp-dropdown .multiselect-parent {
    overflow: inherit !important;
}

.position-in-modal .ss-container .ss-loader {
    position: relative;
    margin: 0px;
    left: 43%;
    top: 43%;
}

.with-cross .select2-chosen {
    width: 80%;
}

.ui-select-cross {
    position: absolute;
    z-index: 90;
    right: 30px;
    top: 11px;
    color: #667db6;
    cursor: pointer;
}

}

.no-wrap {
    white-space: nowrap;
}

/*.main-cpo-num a:first-child {
    padding: 0 15px 0 0;
}

.main-cpo-num a:first-child {
    display: inline-block;
}*/
.fl-switch.switch input[type=checkbox]:disabled + .slider.round, .fl-switch.switch input[type=radio]:disabled + .slider.round {
    cursor: not-allowed
}

.preview-label {
    position: absolute;
    color: #666;
    top: -21px;
    right: 0px;
    font-size: 11px;
    cursor: pointer;
}

.close-Template {
    margin-top: 38px !important;
    margin-right: 16px;
    font-size: 26px;
}

.site-color {
    color: #667db6;
}

.ui-datepicker-trigger:after {
    content: "\e927";
    display: inline-block;
    z-index: 1;
    font-family: 'primeicons';
    color: #fff;
    font-size: 17px;
}