:root {
    --oqlis-surface: #fafafa;
    --oqlis-surface-alt: #f2f2f2;
    --oqlis-input: #f8f8f8;
    --oqlis-surface-muted: #e9e9e9;
    --oqlis-border: #d0d0d0;
    --oqlis-text: #000;
    --oqlis-text-reverse: #ffffff;
    --oqlis-text-muted: #6b6b6b;
    --oqlis-link: #000;
    --oqlis-drop-shadow: #dedede;
    --oqlis-link-hover: #41a08c;
    --oqlis-sidebar-bg: #2d363e;
    --oqlis-sidebar-border: #425154;
    --oqlis-sidebar-hover-bg: #425154;
    --oqlis-sidebar-text: #ffffff;
    --oqlis-sidebar-muted: #dcdcdc;
    --oqlis-filter: none;
    --oqlis-btn-default: hsla(220, 14%, 96%, 1);
    --oqlis-btn-default-border: hsl(223, 6%, 77%);
    --oqlis-btn-default-hover: hsla(220, 14%, 92%, 1);
    --oqlis-btn-primary: hsla(221, 83%, 56%, 0.18);
    --oqlis-btn-primary-border: hsl(221, 83%, 56%);
    --oqlis-btn-primary-hover: hsla(221, 83%, 56%, 0.32);
    --oqlis-btn-info: hsla(200, 90%, 56%, 0.18);
    --oqlis-btn-info-border: hsl(200, 90%, 56%);
    --oqlis-btn-info-hover: hsla(200, 90%, 56%, 0.32);
    --oqlis-btn-success: hsla(158, 64%, 45%, 0.18);
    --oqlis-btn-success-border: hsl(158, 64%, 45%);
    --oqlis-btn-success-hover: hsla(158, 64%, 45%, 0.32);
    --oqlis-btn-warning: hsla(38, 92%, 50%, 0.20);
    --oqlis-btn-warning-border: hsl(38, 92%, 50%);
    --oqlis-btn-warning-hover: hsla(38, 92%, 50%, 0.35);
    --oqlis-btn-danger: hsla(355, 78%, 54%, 0.18);
    --oqlis-btn-danger-border: hsl(355, 78%, 54%);
    --oqlis-btn-danger-hover: hsla(355, 78%, 54%, 0.32);
    --oqlis-btn-dark: hsl(222, 20%, 20%);
    --oqlis-btn-dark-border: hsl(222, 20%, 14%);
    --oqlis-btn-dark-hover: hsl(222, 20%, 14%);
    --oqlis-btn-parameter: hsla(270, 70%, 60%, 0.18);
    --oqlis-btn-parameter-border: hsl(270, 70%, 60%);
    --oqlis-btn-parameter-hover: hsla(270, 70%, 60%, 0.32);
    --oqlis-gritter-default: hsla(220, 14%, 96%, 1);
    --oqlis-gritter-primary: hsla(221, 83%, 56%, 0.541);
    --oqlis-gritter-info: hsla(200, 90%, 56%, 0.817);
    --oqlis-gritter-success: hsla(158, 64%, 45%, 0.872);
    --oqlis-gritter-warning: hsla(38, 92%, 50%, 0.841);
    --oqlis-gritter-danger: hsla(355, 78%, 54%, 0.875);
    --oqlis-code-text: #8f1010;
    --oqlis-code-bg: #f7f7f9;
    --oqlis-pre-text: #475569;
    --oqlis-pre-bg: #f5f5f5;
    --oqlis-cm-keyword: #0000e6;
    --oqlis-cm-operator: #000000;
    --oqlis-cm-variable-2: #1a6f8a;
    --oqlis-cm-variable-3: #6b4f18;
    --oqlis-cm-builtin: #0000e6;
    --oqlis-cm-atom: #0000e6;
    --oqlis-cm-number: #006d40;
    --oqlis-cm-def: #00086b;
    --oqlis-cm-string: #8f1010;
    --oqlis-cm-string-2: #8f1010;
    --oqlis-cm-comment: #4f5863;
    --oqlis-cm-variable: #00086b;
    --oqlis-cm-tag: #6e0000;
    --oqlis-cm-meta: #0000e6;
    --oqlis-cm-attribute: #d40000;
    --oqlis-cm-property: #00086b;
    --oqlis-cm-qualifier: #6b4f18;
    --oqlis-cm-cursor: #000000;
    --oqlis-cm-selection: rgba(120, 180, 255, 0.65);
    --oqlis-cm-activeline: rgba(0, 0, 0, 0.07);
    --oqlis-lumin-icon: url('/assets/images/lumin_dark.svg') no-repeat center;
}

[data-theme="dark"] {
    color-scheme: dark;
    --oqlis-surface: #202225;
    --oqlis-surface-alt: #16181b;
    --oqlis-input: #1a1a1a;
    --oqlis-surface-muted: #2b2f34;
    --oqlis-border: #35393f;
    --oqlis-text: #f1f5f9;
    --oqlis-text-reverse: #121212;
    --oqlis-text-muted: #b6bcc6;
    --oqlis-link: #8dcadf;
    --oqlis-link-hover: #38bdf8;
    --oqlis-sidebar-bg: #1b1d20;
    --oqlis-sidebar-border: #323232;
    --oqlis-sidebar-hover-bg: #323232;
    --oqlis-sidebar-text: #dcdcdc;
    --oqlis-sidebar-muted: #a0a0a0;
    --oqlis-drop-shadow: #1a1a1a;
    --oqlis-filter: invert(0.9);
    --oqlis-btn-default: hsla(0, 0%, 100%, 0.06);
    --oqlis-btn-default-border: hsl(0, 0%, 35%);
    --oqlis-btn-default-hover: hsla(0, 0%, 100%, 0.12);
    --oqlis-btn-primary: hsla(221, 83%, 60%, 0.12);
    --oqlis-btn-primary-hover: hsla(221, 83%, 60%, 0.22);
    --oqlis-btn-primary-border: hsl(221, 83%, 60%);
    --oqlis-btn-info: hsla(200, 90%, 60%, 0.12);
    --oqlis-btn-info-border: hsl(200, 90%, 60%);
    --oqlis-btn-info-hover: hsla(200, 90%, 60%, 0.22);
    --oqlis-btn-success: hsla(158, 64%, 45%, 0.12);
    --oqlis-btn-success-border: hsl(158, 64%, 45%);
    --oqlis-btn-success-hover: hsla(158, 64%, 45%, 0.22);
    --oqlis-btn-warning: hsla(38, 92%, 50%, 0.14);
    --oqlis-btn-warning-border: hsl(38, 92%, 50%);
    --oqlis-btn-warning-hover: hsla(38, 92%, 50%, 0.26);
    --oqlis-btn-danger: hsla(355, 78%, 54%, 0.12);
    --oqlis-btn-danger-border: hsl(355, 78%, 54%);
    --oqlis-btn-danger-hover: hsla(355, 78%, 54%, 0.22);
    --oqlis-btn-dark: hsl(222, 12%, 18%);
    --oqlis-btn-dark-border: hsl(222, 12%, 12%);
    --oqlis-btn-dark-hover: hsl(222, 12%, 12%);
    --oqlis-btn-parameter: hsla(270, 70%, 60%, 0.14);
    --oqlis-btn-parameter-border: hsl(270, 70%, 60%);
    --oqlis-btn-parameter-hover: hsla(270, 70%, 60%, 0.26);
    --oqlis-gritter-default: hsla(220, 14%, 96%, 1);
    --oqlis-gritter-primary: hsla(221, 83%, 56%, 0.541);
    --oqlis-gritter-info: hsla(200, 90%, 56%, 0.817);
    --oqlis-gritter-success: hsla(158, 64%, 45%, 0.872);
    --oqlis-gritter-warning: hsla(38, 92%, 50%, 0.841);
    --oqlis-gritter-danger: hsla(355, 78%, 54%, 0.875);
    --oqlis-code-text: #f2a1b0;
    --oqlis-code-bg: #2a2a2a;
    --oqlis-pre-text: #d1d5db;
    --oqlis-pre-bg: #1f1f1f;
    --oqlis-cm-keyword: #d19ad6;
    --oqlis-cm-operator: #e6e6e6;
    --oqlis-cm-variable-2: #b3e7ff;
    --oqlis-cm-variable-3: #57d6c2;
    --oqlis-cm-builtin: #d19ad6;
    --oqlis-cm-atom: #6cb0e6;
    --oqlis-cm-number: #c6e1b6;
    --oqlis-cm-def: #f1f1b5;
    --oqlis-cm-string: #e7a98a;
    --oqlis-cm-string-2: #e7a98a;
    --oqlis-cm-comment: #7fba63;
    --oqlis-cm-variable: #b3e7ff;
    --oqlis-cm-tag: #6cb0e6;
    --oqlis-cm-meta: #b3e7ff;
    --oqlis-cm-attribute: #b3e7ff;
    --oqlis-cm-property: #f1f1b5;
    --oqlis-cm-qualifier: #e6c88f;
    --oqlis-cm-cursor: #d4d4d4;
    --oqlis-cm-selection: rgba(55, 110, 170, 0.6);
    --oqlis-cm-activeline: rgba(255, 255, 255, 0.08);
    --oqlis-lumin-icon: url('/assets/images/lumin.svg') no-repeat center;
}


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: 1px dotted
    }
    
    b,
    strong {
        font-weight: 700
    }
    
    dfn {
        font-style: italic
    }
    
    h1 {
        font-size: 2em;
        margin: .67em 0
    }
    
    mark {
        background: #ff0;
        color: var(--oqlis-text)
    }
    
    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 {
        -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] {
        -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;
        -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 {
            background: 0 0;
            color: var(--oqlis-text);
            box-shadow: none;
            text-shadow: none!important
        }
        a,
        a:visited {
            text-decoration: underline
        }
        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: var(--oqlis-text)!important
        }
        .label {
            border: 1px solid var(--oqlis-text)
        }
        .table {
            border-collapse: collapse!important
        }
        .table td,
        .table th {
            background-color: var(--oqlis-surface)!important
        }
        .table-bordered td,
        .table-bordered th {
            border: 1px solid var(--oqlis-border)!important
        }
    }
    
    @font-face {
        font-family: 'Glyphicons Halflings';
        src: url(../../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot);
        src: url(../../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff) format('woff'), url(../../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../../lib/bootstrap/dist/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: "\2a"
    }
    
    .glyphicon-plus:before {
        content: "\2b"
    }
    
    .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"
    }
    
    * {
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
     :after,
     :before {
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    html {
        font-size: 10px;
        -webkit-tap-highlight-color: transparent
    }
    
    body {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 11px;
        line-height: 1.42857143;
        color: var(--oqlis-text);
        background-color: #f0f0f0;
        -webkit-font-smoothing: antialiased
    }
    
    button,
    input,
    select,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }
    
    a {
        color: var(--oqlis-text);
        text-decoration: none
    }
    
    a:focus,
    a:hover {
        color: #41a08c;
        text-decoration: underline
    }
    
    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }
    
    figure {
        margin: 0
    }
    
    img {
        vertical-align: middle
    }
    
    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img,
    .img-responsive,
    .thumbnail a>img,
    .thumbnail>img {
        display: block;
        max-width: 100%;
        height: auto
    }
    
    .img-rounded {
        border-radius: 0
    }
    
    .img-thumbnail {
        padding: 4px;
        line-height: 1.42857143;
        background-color: #f0f0f0;
        border: 1px solid var(--oqlis-border);
        border-radius: 0;
        -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: 18px;
        margin-bottom: 18px;
        border: 0;
        border-top: 1px solid var(--oqlis-surface)
    }
    
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        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: 300;
        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: var(--oqlis-text)
    }
    
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin-top: 18px;
        margin-bottom: 9px
    }
    
    .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: 9px;
        margin-bottom: 9px
    }
    
    .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: 33px
    }
    
    .h2,
    h2 {
        font-size: 27px
    }
    
    .h3,
    h3 {
        font-size: 23px
    }
    
    .h4,
    h4 {
        font-size: 17px
    }
    
    .h5,
    h5 {
        font-size: 13px
    }
    
    .h6,
    h6 {
        font-size: 11px
    }
    
    p {
        margin: 0 0 9px
    }
    
    .lead {
        margin-bottom: 18px;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.4
    }
    
    @media (min-width:768px) {
        .lead {
            font-size: 19.5px
        }
    }
    
    .small,
    small {
        font-size: 92%
    }
    
    .mark,
    mark {
        background-color: #ffc870;
        padding: .2em
    }
    
    .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: var(--oqlis-text)
    }
    
    .text-primary {
        color: var(--main_color)
    }
    
    a.text-primary:focus,
    a.text-primary:hover {
        color: var(--focus_color)
    }
    
    .text-success {
        color: var(--oqlis-surface)
    }
    
    a.text-success:focus,
    a.text-success:hover {
        color: #e6e6e6
    }
    
    .text-info {
        color: var(--oqlis-surface)
    }
    
    a.text-info:focus,
    a.text-info:hover {
        color: #e6e6e6
    }
    
    .text-warning {
        color: var(--oqlis-surface)
    }
    
    a.text-warning:focus,
    a.text-warning:hover {
        color: #e6e6e6
    }
    
    .text-danger {
        color: var(--oqlis-surface)
    }
    
    a.text-danger:focus,
    a.text-danger:hover {
        color: #e6e6e6
    }
    
    .bg-primary {
        color: var(--oqlis-text);
        background-color: var(--main_color)
    }
    
    a.bg-primary:focus,
    a.bg-primary:hover {
        background-color: var(--focus_color)
    }
    
    .bg-success {
        background-color: var(--main_color)
    }
    
    a.bg-success:focus,
    a.bg-success:hover {
        background-color: var(--focus_color)
    }
    
    .bg-info {
        background-color: #8dcadf
    }
    
    a.bg-info:focus,
    a.bg-info:hover {
        background-color: #65b7d4
    }
    
    .bg-warning {
        background-color: #ffc870
    }
    
    a.bg-warning:focus,
    a.bg-warning:hover {
        background-color: #ffb43d
    }
    
    .bg-danger {
        background-color: #ef6262
    }
    
    a.bg-danger:focus,
    a.bg-danger:hover {
        background-color: #ea3434
    }
    
    .page-header {
        padding-bottom: 8px;
        margin: 36px 0 18px;
        border-bottom: 1px solid var(--oqlis-surface)
    }
    
    ol,
    ul {
        margin-top: 0;
        margin-bottom: 9px
    }
    
    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-left: 5px;
        padding-right: 5px
    }
    
    dl {
        margin-top: 0;
        margin-bottom: 18px
    }
    
    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;
        border-bottom: 1px dotted var(--oqlis-text)
    }
    
    .initialism {
        font-size: 90%;
        text-transform: uppercase
    }
    
    blockquote {
        padding: 9px 18px;
        margin: 0 0 18px;
        font-size: 16.25px;
        border-left: 5px solid var(--oqlis-surface)
    }
    
    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: var(--oqlis-text)
    }
    
    blockquote .small:before,
    blockquote footer:before,
    blockquote small:before {
        content: '\2014 \00A0'
    }
    
    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid var(--oqlis-surface);
        border-left: 0;
        text-align: right
    }
    
    .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: 18px;
        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: var(--oqlis-code-text);
        background-color: var(--oqlis-code-bg);
        border-radius: 0
    }
    
    kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: var(--oqlis-text);
        background-color: var(--oqlis-surface);
        border-radius: 0;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
    }
    
    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        box-shadow: none
    }
    
    pre {
        display: block;
        padding: 8.5px;
        margin: 0 0 9px;
        font-size: 11px;
        line-height: 1.42857143;
        word-break: break-all;
        word-wrap: break-word;
        color: var(--oqlis-pre-text);
        background-color: var(--oqlis-pre-bg);
        border: 1px solid var(--oqlis-border);
        border-radius: 0
    }
    
    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 {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px
    }
    
    @media (min-width:768px) {
        .container {
            width: 750px
        }
    }
    
    @media (min-width:992px) {
        .container {
            width: 970px
        }
    }
    
    @media (min-width:1200px) {
        .container {
            width: 1170px
        }
    }
    
    .container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 0
    }
    
    .row {
        margin-left: -15px;
        margin-right: -15px
    }
    
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
    
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        float: left
    }
    
    .col-xs-12 {
        width: 100%
    }
    
    .col-xs-11 {
        width: 91.66666667%
    }
    
    .col-xs-10 {
        width: 83.33333333%
    }
    
    .col-xs-9 {
        width: 75%
    }
    
    .col-xs-8 {
        width: 66.66666667%
    }
    
    .col-xs-7 {
        width: 58.33333333%
    }
    
    .col-xs-6 {
        width: 50%
    }
    
    .col-xs-5 {
        width: 41.66666667%
    }
    
    .col-xs-4 {
        width: 33.33333333%
    }
    
    .col-xs-3 {
        width: 25%
    }
    
    .col-xs-2 {
        width: 16.66666667%
    }
    
    .col-xs-1 {
        width: 8.33333333%
    }
    
    .col-xs-pull-12 {
        right: 100%
    }
    
    .col-xs-pull-11 {
        right: 91.66666667%
    }
    
    .col-xs-pull-10 {
        right: 83.33333333%
    }
    
    .col-xs-pull-9 {
        right: 75%
    }
    
    .col-xs-pull-8 {
        right: 66.66666667%
    }
    
    .col-xs-pull-7 {
        right: 58.33333333%
    }
    
    .col-xs-pull-6 {
        right: 50%
    }
    
    .col-xs-pull-5 {
        right: 41.66666667%
    }
    
    .col-xs-pull-4 {
        right: 33.33333333%
    }
    
    .col-xs-pull-3 {
        right: 25%
    }
    
    .col-xs-pull-2 {
        right: 16.66666667%
    }
    
    .col-xs-pull-1 {
        right: 8.33333333%
    }
    
    .col-xs-pull-0 {
        right: auto
    }
    
    .col-xs-push-12 {
        left: 100%
    }
    
    .col-xs-push-11 {
        left: 91.66666667%
    }
    
    .col-xs-push-10 {
        left: 83.33333333%
    }
    
    .col-xs-push-9 {
        left: 75%
    }
    
    .col-xs-push-8 {
        left: 66.66666667%
    }
    
    .col-xs-push-7 {
        left: 58.33333333%
    }
    
    .col-xs-push-6 {
        left: 50%
    }
    
    .col-xs-push-5 {
        left: 41.66666667%
    }
    
    .col-xs-push-4 {
        left: 33.33333333%
    }
    
    .col-xs-push-3 {
        left: 25%
    }
    
    .col-xs-push-2 {
        left: 16.66666667%
    }
    
    .col-xs-push-1 {
        left: 8.33333333%
    }
    
    .col-xs-push-0 {
        left: auto
    }
    
    .col-xs-offset-12 {
        margin-left: 100%
    }
    
    .col-xs-offset-11 {
        margin-left: 91.66666667%
    }
    
    .col-xs-offset-10 {
        margin-left: 83.33333333%
    }
    
    .col-xs-offset-9 {
        margin-left: 75%
    }
    
    .col-xs-offset-8 {
        margin-left: 66.66666667%
    }
    
    .col-xs-offset-7 {
        margin-left: 58.33333333%
    }
    
    .col-xs-offset-6 {
        margin-left: 50%
    }
    
    .col-xs-offset-5 {
        margin-left: 41.66666667%
    }
    
    .col-xs-offset-4 {
        margin-left: 33.33333333%
    }
    
    .col-xs-offset-3 {
        margin-left: 25%
    }
    
    .col-xs-offset-2 {
        margin-left: 16.66666667%
    }
    
    .col-xs-offset-1 {
        margin-left: 8.33333333%
    }
    
    .col-xs-offset-0 {
        margin-left: 0
    }
    
    @media (min-width:768px) {
        .col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9 {
            float: left
        }
        .col-sm-12 {
            width: 100%
        }
        .col-sm-11 {
            width: 91.66666667%
        }
        .col-sm-10 {
            width: 83.33333333%
        }
        .col-sm-9 {
            width: 75%
        }
        .col-sm-8 {
            width: 66.66666667%
        }
        .col-sm-7 {
            width: 58.33333333%
        }
        .col-sm-6 {
            width: 50%
        }
        .col-sm-5 {
            width: 41.66666667%
        }
        .col-sm-4 {
            width: 33.33333333%
        }
        .col-sm-3 {
            width: 25%
        }
        .col-sm-2 {
            width: 16.66666667%
        }
        .col-sm-1 {
            width: 8.33333333%
        }
        .col-sm-pull-12 {
            right: 100%
        }
        .col-sm-pull-11 {
            right: 91.66666667%
        }
        .col-sm-pull-10 {
            right: 83.33333333%
        }
        .col-sm-pull-9 {
            right: 75%
        }
        .col-sm-pull-8 {
            right: 66.66666667%
        }
        .col-sm-pull-7 {
            right: 58.33333333%
        }
        .col-sm-pull-6 {
            right: 50%
        }
        .col-sm-pull-5 {
            right: 41.66666667%
        }
        .col-sm-pull-4 {
            right: 33.33333333%
        }
        .col-sm-pull-3 {
            right: 25%
        }
        .col-sm-pull-2 {
            right: 16.66666667%
        }
        .col-sm-pull-1 {
            right: 8.33333333%
        }
        .col-sm-pull-0 {
            right: auto
        }
        .col-sm-push-12 {
            left: 100%
        }
        .col-sm-push-11 {
            left: 91.66666667%
        }
        .col-sm-push-10 {
            left: 83.33333333%
        }
        .col-sm-push-9 {
            left: 75%
        }
        .col-sm-push-8 {
            left: 66.66666667%
        }
        .col-sm-push-7 {
            left: 58.33333333%
        }
        .col-sm-push-6 {
            left: 50%
        }
        .col-sm-push-5 {
            left: 41.66666667%
        }
        .col-sm-push-4 {
            left: 33.33333333%
        }
        .col-sm-push-3 {
            left: 25%
        }
        .col-sm-push-2 {
            left: 16.66666667%
        }
        .col-sm-push-1 {
            left: 8.33333333%
        }
        .col-sm-push-0 {
            left: auto
        }
        .col-sm-offset-12 {
            margin-left: 100%
        }
        .col-sm-offset-11 {
            margin-left: 91.66666667%
        }
        .col-sm-offset-10 {
            margin-left: 83.33333333%
        }
        .col-sm-offset-9 {
            margin-left: 75%
        }
        .col-sm-offset-8 {
            margin-left: 66.66666667%
        }
        .col-sm-offset-7 {
            margin-left: 58.33333333%
        }
        .col-sm-offset-6 {
            margin-left: 50%
        }
        .col-sm-offset-5 {
            margin-left: 41.66666667%
        }
        .col-sm-offset-4 {
            margin-left: 33.33333333%
        }
        .col-sm-offset-3 {
            margin-left: 25%
        }
        .col-sm-offset-2 {
            margin-left: 16.66666667%
        }
        .col-sm-offset-1 {
            margin-left: 8.33333333%
        }
        .col-sm-offset-0 {
            margin-left: 0
        }
    }
    
    @media (min-width:992px) {
        .col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9 {
            float: left
        }
        .col-md-12 {
            width: 100%
        }
        .col-md-11 {
            width: 91.66666667%
        }
        .col-md-10 {
            width: 83.33333333%
        }
        .col-md-9 {
            width: 75%
        }
        .col-md-8 {
            width: 66.66666667%
        }
        .col-md-7 {
            width: 58.33333333%
        }
        .col-md-6 {
            width: 50%
        }
        .col-md-5 {
            width: 41.66666667%
        }
        .col-md-4 {
            width: 33.33333333%
        }
        .col-md-3 {
            width: 25%
        }
        .col-md-2 {
            width: 16.66666667%
        }
        .col-md-1 {
            width: 8.33333333%
        }
        .col-md-pull-12 {
            right: 100%
        }
        .col-md-pull-11 {
            right: 91.66666667%
        }
        .col-md-pull-10 {
            right: 83.33333333%
        }
        .col-md-pull-9 {
            right: 75%
        }
        .col-md-pull-8 {
            right: 66.66666667%
        }
        .col-md-pull-7 {
            right: 58.33333333%
        }
        .col-md-pull-6 {
            right: 50%
        }
        .col-md-pull-5 {
            right: 41.66666667%
        }
        .col-md-pull-4 {
            right: 33.33333333%
        }
        .col-md-pull-3 {
            right: 25%
        }
        .col-md-pull-2 {
            right: 16.66666667%
        }
        .col-md-pull-1 {
            right: 8.33333333%
        }
        .col-md-pull-0 {
            right: auto
        }
        .col-md-push-12 {
            left: 100%
        }
        .col-md-push-11 {
            left: 91.66666667%
        }
        .col-md-push-10 {
            left: 83.33333333%
        }
        .col-md-push-9 {
            left: 75%
        }
        .col-md-push-8 {
            left: 66.66666667%
        }
        .col-md-push-7 {
            left: 58.33333333%
        }
        .col-md-push-6 {
            left: 50%
        }
        .col-md-push-5 {
            left: 41.66666667%
        }
        .col-md-push-4 {
            left: 33.33333333%
        }
        .col-md-push-3 {
            left: 25%
        }
        .col-md-push-2 {
            left: 16.66666667%
        }
        .col-md-push-1 {
            left: 8.33333333%
        }
        .col-md-push-0 {
            left: auto
        }
        .col-md-offset-12 {
            margin-left: 100%
        }
        .col-md-offset-11 {
            margin-left: 91.66666667%
        }
        .col-md-offset-10 {
            margin-left: 83.33333333%
        }
        .col-md-offset-9 {
            margin-left: 75%
        }
        .col-md-offset-8 {
            margin-left: 66.66666667%
        }
        .col-md-offset-7 {
            margin-left: 58.33333333%
        }
        .col-md-offset-6 {
            margin-left: 50%
        }
        .col-md-offset-5 {
            margin-left: 41.66666667%
        }
        .col-md-offset-4 {
            margin-left: 33.33333333%
        }
        .col-md-offset-3 {
            margin-left: 25%
        }
        .col-md-offset-2 {
            margin-left: 16.66666667%
        }
        .col-md-offset-1 {
            margin-left: 8.33333333%
        }
        .col-md-offset-0 {
            margin-left: 0
        }
    }
    
    @media (min-width:1200px) {
        .col-lg-1,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9 {
            float: left
        }
        .col-lg-12 {
            width: 100%
        }
        .col-lg-11 {
            width: 91.66666667%
        }
        .col-lg-10 {
            width: 83.33333333%
        }
        .col-lg-9 {
            width: 75%
        }
        .col-lg-8 {
            width: 66.66666667%
        }
        .col-lg-7 {
            width: 58.33333333%
        }
        .col-lg-6 {
            width: 50%
        }
        .col-lg-5 {
            width: 41.66666667%
        }
        .col-lg-4 {
            width: 33.33333333%
        }
        .col-lg-3 {
            width: 25%
        }
        .col-lg-2 {
            width: 16.66666667%
        }
        .col-lg-1 {
            width: 8.33333333%
        }
        .col-lg-pull-12 {
            right: 100%
        }
        .col-lg-pull-11 {
            right: 91.66666667%
        }
        .col-lg-pull-10 {
            right: 83.33333333%
        }
        .col-lg-pull-9 {
            right: 75%
        }
        .col-lg-pull-8 {
            right: 66.66666667%
        }
        .col-lg-pull-7 {
            right: 58.33333333%
        }
        .col-lg-pull-6 {
            right: 50%
        }
        .col-lg-pull-5 {
            right: 41.66666667%
        }
        .col-lg-pull-4 {
            right: 33.33333333%
        }
        .col-lg-pull-3 {
            right: 25%
        }
        .col-lg-pull-2 {
            right: 16.66666667%
        }
        .col-lg-pull-1 {
            right: 8.33333333%
        }
        .col-lg-pull-0 {
            right: auto
        }
        .col-lg-push-12 {
            left: 100%
        }
        .col-lg-push-11 {
            left: 91.66666667%
        }
        .col-lg-push-10 {
            left: 83.33333333%
        }
        .col-lg-push-9 {
            left: 75%
        }
        .col-lg-push-8 {
            left: 66.66666667%
        }
        .col-lg-push-7 {
            left: 58.33333333%
        }
        .col-lg-push-6 {
            left: 50%
        }
        .col-lg-push-5 {
            left: 41.66666667%
        }
        .col-lg-push-4 {
            left: 33.33333333%
        }
        .col-lg-push-3 {
            left: 25%
        }
        .col-lg-push-2 {
            left: 16.66666667%
        }
        .col-lg-push-1 {
            left: 8.33333333%
        }
        .col-lg-push-0 {
            left: auto
        }
        .col-lg-offset-12 {
            margin-left: 100%
        }
        .col-lg-offset-11 {
            margin-left: 91.66666667%
        }
        .col-lg-offset-10 {
            margin-left: 83.33333333%
        }
        .col-lg-offset-9 {
            margin-left: 75%
        }
        .col-lg-offset-8 {
            margin-left: 66.66666667%
        }
        .col-lg-offset-7 {
            margin-left: 58.33333333%
        }
        .col-lg-offset-6 {
            margin-left: 50%
        }
        .col-lg-offset-5 {
            margin-left: 41.66666667%
        }
        .col-lg-offset-4 {
            margin-left: 33.33333333%
        }
        .col-lg-offset-3 {
            margin-left: 25%
        }
        .col-lg-offset-2 {
            margin-left: 16.66666667%
        }
        .col-lg-offset-1 {
            margin-left: 8.33333333%
        }
        .col-lg-offset-0 {
            margin-left: 0
        }
    }
    
    table {
        background-color: transparent
    }
    
    caption {
        padding-top: 12px 10px;
        padding-bottom: 12px 10px;
        color: var(--oqlis-text);
        text-align: left
    }
    
    th {
        text-align: left
    }
    
    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 18px
    }
    
    .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 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid var(--oqlis-border)
    }
    
    .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 2px solid var(--oqlis-border)
    }
    
    .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 var(--oqlis-border)
    }
    
    .table .table {
        background-color: #f0f0f0
    }
    
    .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 var(--oqlis-border)
    }
    
    .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 var(--oqlis-border)
    }
    
    .table-bordered>thead>tr>td,
    .table-bordered>thead>tr>th {
        border-bottom-width: 2px
    }
    
    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: var(--oqlis-surface-alt);
    }
    
    .table-hover>tbody>tr:hover {
        background-color: var(--oqlis-surface-muted);
    }
    
    table col[class*=col-] {
        position: static;
        float: none;
        display: table-column
    }
    
    table td[class*=col-],
    table th[class*=col-] {
        position: static;
        float: none;
        display: table-cell
    }
    
    .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.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 {
        color: var(--oqlis-surface)
    }
    
    .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 {
        color: var(--oqlis-surface)
    }
    
    .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: var(--main_color)
    }
    
    .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: var(--main_color)
    }
    
    .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 {
        color: var(--oqlis-surface)
    }
    
    .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 {
        color: var(--oqlis-surface)
    }
    
    .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: #8dcadf
    }
    
    .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: #79c1d9
    }
    
    .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 {
        color: var(--oqlis-surface)
    }
    
    .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 {
        color: var(--oqlis-surface)
    }
    
    .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: #ffc870
    }
    
    .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: #ffbe57
    }
    
    .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 {
        color: var(--oqlis-surface)
    }
    
    .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 {
        color: var(--oqlis-surface)
    }
    
    .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: #ef6262
    }
    
    .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: #ed4b4b
    }
    
    .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 {
        color: var(--oqlis-surface)
    }
    
    .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 {
        color: var(--oqlis-surface)
    }
    
    .table-responsive {
        overflow-x: auto;
        min-height: .01%
    }
    
    @media screen and (max-width:767px) {
        .table-responsive {
            width: 100%;
            margin-bottom: 13.5px;
            overflow-y: hidden;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid var(--oqlis-border)
        }
        .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 {
        padding: 0;
        margin: 0;
        border: 0;
        min-width: 0
    }
    
    legend {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 18px;
        font-size: 19.5px;
        line-height: inherit;
        color: var(--oqlis-text);
        border: 0;
        border-bottom: 1px solid var(--oqlis-border)
    }
    
    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700
    }
    
    input[type=search] {
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    input[type=checkbox],
    input[type=radio] {
        margin: 4px 0 0;
        line-height: normal
    }
    
    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: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }
    
    output {
        display: block;
        padding-top: 9px;
        font-size: 13px;
        line-height: 1.42857143;
        color: var(--oqlis-text)
    }
    
    .form-control {
        display: block;
        width: 100%;
        height: 38px;
        padding: 8px 12px;
        font-size: 13px;
        line-height: 1.42857143;
        color: var(--oqlis-text);
        background-color: var(--oqlis-input);
        background-image: none;
        border: 1px solid var(--oqlis-border);
        border-radius: 4px;
        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;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }
    
    .form-control:focus {
        border-color: var(--main_color);
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(107, 195, 176, .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[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: var(--oqlis-surface);
        opacity: 1
    }
    
    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed
    }
    
    textarea.form-control {
        height: auto
    }
    
    input[type=search] {
        -webkit-appearance: none
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        input[type=date].form-control,
        input[type=datetime-local].form-control,
        input[type=month].form-control,
        input[type=time].form-control {
            line-height: 44px
        }
        .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: 51px
        }
    }
    
    .form-group {
        margin-bottom: 20px
    }
    
    .checkbox,
    .radio {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px
    }
    
    .checkbox label,
    .radio label {
        min-height: 18px;
        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-left: -20px
    }
    
    .checkbox+.checkbox,
    .radio+.radio {
        margin-top: -5px
    }
    
    .checkbox-inline,
    .radio-inline {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        vertical-align: middle;
        font-weight: 400;
        cursor: pointer
    }
    
    .checkbox-inline+.checkbox-inline,
    .radio-inline+.radio-inline {
        margin-top: 0;
        margin-left: 10px
    }
    
    fieldset[disabled] input[type=checkbox],
    fieldset[disabled] input[type=radio],
    input[type=checkbox].disabled,
    input[type=checkbox][disabled],
    input[type=radio].disabled,
    input[type=radio][disabled] {
        cursor: not-allowed
    }
    
    .checkbox-inline.disabled,
    .radio-inline.disabled,
    fieldset[disabled] .checkbox-inline,
    fieldset[disabled] .radio-inline {
        cursor: not-allowed
    }
    
    .checkbox.disabled label,
    .radio.disabled label,
    fieldset[disabled] .checkbox label,
    fieldset[disabled] .radio label {
        cursor: not-allowed
    }
    
    .form-control-static {
        padding-top: 9px;
        padding-bottom: 9px;
        margin-bottom: 0;
        min-height: 31px
    }
    
    .form-control-static.input-lg,
    .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0
    }
    
    .input-sm {
        height: 30px;
        padding: 5px 9px;
        font-size: 11px;
        line-height: 1.5;
        border-radius: 0
    }
    
    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 9px;
        font-size: 11px;
        line-height: 1.5;
        border-radius: 0
    }
    
    .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: 30px;
        padding: 6px 9px;
        font-size: 11px;
        line-height: 1.5
    }
    
    .input-lg {
        height: 51px;
        padding: 12px 16px;
        font-size: 15px;
        line-height: 1.6333333;
        border-radius: 0
    }
    
    select.input-lg {
        height: 51px;
        line-height: 51px
    }
    
    select[multiple].input-lg,
    textarea.input-lg {
        height: auto
    }
    
    .form-group-lg .form-control {
        height: 51px;
        padding: 12px 16px;
        font-size: 15px;
        line-height: 1.6333333;
        border-radius: 0
    }
    
    .form-group-lg select.form-control {
        height: 51px;
        line-height: 51px
    }
    
    .form-group-lg select[multiple].form-control,
    .form-group-lg textarea.form-control {
        height: auto
    }
    
    .form-group-lg .form-control-static {
        height: 51px;
        min-height: 33px;
        padding: 13px 16px;
        font-size: 15px;
        line-height: 1.6333333
    }
    
    .has-feedback {
        position: relative
    }
    
    .has-feedback .form-control {
        padding-right: 55px
    }
    
    .form-control-feedback {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        display: block;
        width: 44px;
        height: 44px;
        line-height: 44px;
        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: 51px;
        height: 51px;
        line-height: 51px
    }
    
    .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: var(--oqlis-surface)
    }
    
    .has-success .form-control {
        border-color: var(--oqlis-text);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
    }
    
    .has-success .form-control:focus {
        border-color: #e6e6e6;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px var(--oqlis-surface)
    }
    
    .has-success .input-group-addon {
        color: var(--oqlis-text);
        border-color: var(--oqlis-text);
        background-color: var(--main_color)
    }
    
    .has-success .form-control-feedback {
        color: var(--oqlis-surface)
    }
    
    .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: var(--oqlis-surface)
    }
    
    .has-warning .form-control {
        border-color: var(--oqlis-text);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
    }
    
    .has-warning .form-control:focus {
        border-color: #e6e6e6;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px var(--oqlis-surface)
    }
    
    .has-warning .input-group-addon {
        color: var(--oqlis-text);
        border-color: var(--oqlis-text);
        background-color: #ffc870
    }
    
    .has-warning .form-control-feedback {
        color: var(--oqlis-surface)
    }
    
    .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: var(--oqlis-surface)
    }
    
    .has-error .form-control {
        border-color: var(--oqlis-text);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
    }
    
    .has-error .form-control:focus {
        border-color: #e6e6e6;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px var(--oqlis-surface)
    }
    
    .has-error .input-group-addon {
        color: var(--oqlis-text);
        border-color: var(--oqlis-text);
        background-color: #ef6262
    }
    
    .has-error .form-control-feedback {
        color: var(--oqlis-surface)
    }
    
    .has-feedback label~.form-control-feedback {
        top: 23px
    }
    
    .has-feedback label.sr-only~.form-control-feedback {
        top: 0
    }
    
    .help-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #959595
    }

    .limit-label {
        color:#7bc9b9
    }
    
    @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 {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 9px
    }
    
    .form-horizontal .checkbox,
    .form-horizontal .radio {
        min-height: 27px
    }
    
    .form-horizontal .form-group {
        margin-left: -15px;
        margin-right: -15px
    }
    
    @media (min-width:768px) {
        .form-horizontal .control-label {
            text-align: right;
            margin-bottom: 0;
            padding-top: 9px
        }
    }
    
    .form-horizontal .has-feedback .form-control-feedback {
        right: 15px
    }
    
    @media (min-width:768px) {
        .form-horizontal .form-group-lg .control-label {
            padding-top: 20.5999996px;
            font-size: 15px
        }
    }
    
    @media (min-width:768px) {
        .form-horizontal .form-group-sm .control-label {
            padding-top: 6px;
            font-size: 11px
        }
    }
    
    .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 13px;
        line-height: 1.42857143;
        border-radius: 0;
        -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: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }
    
    .btn.focus,
    .btn:focus,
    .btn:hover {
        color: var(--oqlis-text);
        text-decoration: none
    }
    
    .btn.active,
    .btn:active {
        outline: 0;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
    }
    
    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: .65;
        box-shadow: none
    }
    
    a.btn.disabled,
    fieldset[disabled] a.btn {
        pointer-events: none
    }
    
    .btn-default {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default.focus,
    .btn-default:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default.active,
    .btn-default:active,
    .open>.dropdown-toggle.btn-default {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default.active,
    .btn-default:active,
    .open>.dropdown-toggle.btn-default {
        background-image: none
    }
    
    .btn-default.disabled,
    .btn-default.disabled.active,
    .btn-default.disabled.focus,
    .btn-default.disabled:active,
    .btn-default.disabled:focus,
    .btn-default.disabled:hover,
    .btn-default[disabled],
    .btn-default[disabled].active,
    .btn-default[disabled].focus,
    .btn-default[disabled]:active,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default,
    fieldset[disabled] .btn-default.active,
    fieldset[disabled] .btn-default.focus,
    fieldset[disabled] .btn-default:active,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:hover {
        background-color: var(--oqlis-btn-default);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default .badge {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default);
    }
    
    .btn-default.focus,
    .btn-default:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default.active,
    .btn-default:active,
    .open>.dropdown-toggle.btn-default {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default.active,
    .btn-default:active,
    .open>.dropdown-toggle.btn-default {
        background-image: none
    }
    
    .btn-default.disabled,
    .btn-default.disabled.active,
    .btn-default.disabled.focus,
    .btn-default.disabled:active,
    .btn-default.disabled:focus,
    .btn-default.disabled:hover,
    .btn-default[disabled],
    .btn-default[disabled].active,
    .btn-default[disabled].focus,
    .btn-default[disabled]:active,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default,
    fieldset[disabled] .btn-default.active,
    fieldset[disabled] .btn-default.focus,
    fieldset[disabled] .btn-default:active,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:hover {
        background-color: var(--oqlis-btn-default);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default .badge {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default);
    }
    
    .btn-primary {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-primary);
        border-color: var(--oqlis-btn-primary-border);
    }
    
    .btn-primary.focus,
    .btn-primary:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-primary-hover);
        border-color: var(--oqlis-btn-primary-border);
    }
    
    .btn-primary:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-primary-hover);
        border-color: var(--oqlis-btn-primary-border);
    }
    
    .btn-primary.active,
    .btn-primary:active,
    .open>.dropdown-toggle.btn-primary {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-primary-hover);
        border-color: var(--oqlis-btn-primary-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-primary-hover);
        border-color: var(--oqlis-btn-primary-border);
    }
    
    .btn-primary.active,
    .btn-primary:active,
    .open>.dropdown-toggle.btn-primary {
        background-image: none
    }
    
    .btn-primary.disabled,
    .btn-primary.disabled.active,
    .btn-primary.disabled.focus,
    .btn-primary.disabled:active,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled],
    .btn-primary[disabled].active,
    .btn-primary[disabled].focus,
    .btn-primary[disabled]:active,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary,
    fieldset[disabled] .btn-primary.active,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:active,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:hover {
        background-color: var(--oqlis-btn-primary-hover);
        border-color: var(--main_color)
    }
    
    .btn-primary .badge {
        color: var(--main_color);
        background-color: var(--oqlis-surface)
    }
    
    .btn-primary.focus,
    .btn-primary:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-primary-hover);
        border-color: var(--oqlis-btn-primary-border);
    }
    
    .btn-primary:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-primary-hover);
        border-color: var(--oqlis-btn-primary-border);
    }
    
    .btn-primary.active,
    .btn-primary:active,
    .open>.dropdown-toggle.btn-primary {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-primary-hover);
        border-color: var(--oqlis-btn-primary-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-primary-hover);
        border-color: var(--oqlis-btn-primary-border);
    }
    
    .btn-primary.active,
    .btn-primary:active,
    .open>.dropdown-toggle.btn-primary {
        background-image: none
    }
    
    .btn-primary.disabled,
    .btn-primary.disabled.active,
    .btn-primary.disabled.focus,
    .btn-primary.disabled:active,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled],
    .btn-primary[disabled].active,
    .btn-primary[disabled].focus,
    .btn-primary[disabled]:active,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary,
    fieldset[disabled] .btn-primary.active,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:active,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:hover {
        background-color: var(--oqlis-btn-primary);
        border-color: var(--oqlis-btn-primary-border);
    }
    
    .btn-primary .badge {
        color: var(--main_color);
        background-color: var(--oqlis-surface)
    }
    
    .btn-success {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-success);
        border-color: var(--oqlis-btn-success-border);
    }
    
    .btn-success.focus,
    .btn-success:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-success-hover);
        border-color: var(--oqlis-btn-success-border);
    }
    
    .btn-success:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-success-hover);
        border-color: var(--oqlis-btn-success-border);
    }
    
    .btn-success.active,
    .btn-success:active,
    .open>.dropdown-toggle.btn-success {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-success-hover);
        border-color: var(--oqlis-btn-success-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-success-hover);
        border-color: var(--oqlis-btn-success-border);
    }
    
    .btn-success.active,
    .btn-success:active,
    .open>.dropdown-toggle.btn-success {
        background-image: none
    }
    
    .btn-success.disabled,
    .btn-success.disabled.active,
    .btn-success.disabled.focus,
    .btn-success.disabled:active,
    .btn-success.disabled:focus,
    .btn-success.disabled:hover,
    .btn-success[disabled],
    .btn-success[disabled].active,
    .btn-success[disabled].focus,
    .btn-success[disabled]:active,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success,
    fieldset[disabled] .btn-success.active,
    fieldset[disabled] .btn-success.focus,
    fieldset[disabled] .btn-success:active,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success:hover {
        background-color: var(--oqlis-btn-success);
        border-color: var(--oqlis-btn-success-border);
    }
    
    .btn-success .badge {
        color: var(--main_color);
        background-color: var(--oqlis-surface)
    }
    
    .btn-success.focus,
    .btn-success:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-success-hover);
        border-color: var(--oqlis-btn-success-border);
    }
    
    .btn-success:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-success-hover);
        border-color: var(--oqlis-btn-success-border);
    }
    
    .btn-success.active,
    .btn-success:active,
    .open>.dropdown-toggle.btn-success {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-success-hover);
        border-color: var(--oqlis-btn-success-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-success-hover);
        border-color: var(--oqlis-btn-success-border);
    }
    
    .btn-success.active,
    .btn-success:active,
    .open>.dropdown-toggle.btn-success {
        background-image: none
    }
    
    .btn-success.disabled,
    .btn-success.disabled.active,
    .btn-success.disabled.focus,
    .btn-success.disabled:active,
    .btn-success.disabled:focus,
    .btn-success.disabled:hover,
    .btn-success[disabled],
    .btn-success[disabled].active,
    .btn-success[disabled].focus,
    .btn-success[disabled]:active,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success,
    fieldset[disabled] .btn-success.active,
    fieldset[disabled] .btn-success.focus,
    fieldset[disabled] .btn-success:active,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success:hover {
        background-color: var(--oqlis-btn-success);
        border-color: var(--oqlis-btn-success-border);
    }
    
    .btn-success .badge {
        color: var(--main_color);
        background-color: var(--oqlis-surface)
    }
    
    .btn-info {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-info);
        border-color: var(--oqlis-btn-info-border);
    }
    
    .btn-info.focus,
    .btn-info:focus {
        color: var(--oqlis-text);
        background-color:var(--oqlis-btn-info-hover);
        border-color: var(--oqlis-btn-info-border);
    }
    
    .btn-info:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-info-hover);
        border-color: var(--oqlis-btn-info-border);
    }
    
    .btn-info.active,
    .btn-info:active,
    .open>.dropdown-toggle.btn-info {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-info-hover);
        border-color: var(--oqlis-btn-info-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-info-hover);
        border-color: var(--oqlis-btn-info-border);
    }
    
    .btn-info.active,
    .btn-info:active,
    .open>.dropdown-toggle.btn-info {
        background-image: none
    }
    
    .btn-info.disabled,
    .btn-info.disabled.active,
    .btn-info.disabled.focus,
    .btn-info.disabled:active,
    .btn-info.disabled:focus,
    .btn-info.disabled:hover,
    .btn-info[disabled],
    .btn-info[disabled].active,
    .btn-info[disabled].focus,
    .btn-info[disabled]:active,
    .btn-info[disabled]:focus,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info,
    fieldset[disabled] .btn-info.active,
    fieldset[disabled] .btn-info.focus,
    fieldset[disabled] .btn-info:active,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-info);
        border-color: var(--oqlis-btn-info-border);
    }
    
    .btn-info .badge {
        color: #8dcadf;
        background-color: var(--oqlis-surface)
    }
    
    .btn-info.focus,
    .btn-info:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-info-hover);
        border-color: var(--oqlis-btn-info-border);
    }
    
    .btn-info:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-info-hover);
        border-color: var(--oqlis-btn-info-border);
    }
    
    .btn-info.active,
    .btn-info:active,
    .open>.dropdown-toggle.btn-info {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-info-hover);
        border-color: var(--oqlis-btn-info-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-info-hover);
        border-color: var(--oqlis-btn-info-border);
    }
    
    .btn-info.active,
    .btn-info:active,
    .open>.dropdown-toggle.btn-info {
        background-image: none
    }
    
    .btn-info.disabled,
    .btn-info.disabled.active,
    .btn-info.disabled.focus,
    .btn-info.disabled:active,
    .btn-info.disabled:focus,
    .btn-info.disabled:hover,
    .btn-info[disabled],
    .btn-info[disabled].active,
    .btn-info[disabled].focus,
    .btn-info[disabled]:active,
    .btn-info[disabled]:focus,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info,
    fieldset[disabled] .btn-info.active,
    fieldset[disabled] .btn-info.focus,
    fieldset[disabled] .btn-info:active,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-info);
        border-color: var(--oqlis-btn-info-border);
    }
    
    .btn-info .badge {
        color: #8dcadf;
        background-color: var(--oqlis-surface)
    }
    
    .btn-warning {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-warning);
        border-color: var(--oqlis-btn-warning-border);
    }
    
    .btn-secondary {
        color: var(--oqlis-text);
    }
    
    .btn-secondary:hover {
        color: var(--oqlis-text);
    }
    
    .btn-warning.focus,
    .btn-warning:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-warning-hover);
        border-color: var(--oqlis-btn-warning-border);
    }
    
    .btn-warning:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-warning-hover);
        border-color: var(--oqlis-btn-warning-border);
    }
    
    .btn-warning.active,
    .btn-warning:active,
    .open>.dropdown-toggle.btn-warning {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-warning-hover);
        border-color: var(--oqlis-btn-warning-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-warning-hover);
        border-color: var(--oqlis-btn-warning-border);
    }
    
    .btn-warning.active,
    .btn-warning:active,
    .open>.dropdown-toggle.btn-warning {
        background-image: none
    }
    
    .btn-warning.disabled,
    .btn-warning.disabled.active,
    .btn-warning.disabled.focus,
    .btn-warning.disabled:active,
    .btn-warning.disabled:focus,
    .btn-warning.disabled:hover,
    .btn-warning[disabled],
    .btn-warning[disabled].active,
    .btn-warning[disabled].focus,
    .btn-warning[disabled]:active,
    .btn-warning[disabled]:focus,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning,
    fieldset[disabled] .btn-warning.active,
    fieldset[disabled] .btn-warning.focus,
    fieldset[disabled] .btn-warning:active,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning:hover {
        background-color: var(--oqlis-btn-warning);
        border-color: var(--oqlis-btn-warning-border);
    }
    
    .btn-warning .badge {
        color: #ffc870;
        background-color: var(--oqlis-surface)
    }
    
    .btn-warning.focus,
    .btn-warning:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-warning-hover);
        border-color: var(--oqlis-btn-warning-border);
    }
    
    .btn-warning:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-warning-hover);
        border-color: var(--oqlis-btn-warning-border);
    }
    
    .btn-warning.active,
    .btn-warning:active,
    .open>.dropdown-toggle.btn-warning {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-warning-hover);
        border-color: var(--oqlis-btn-warning-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-warning-hover);
        border-color: var(--oqlis-btn-warning-border);
    }
    
    .btn-warning.active,
    .btn-warning:active,
    .open>.dropdown-toggle.btn-warning {
        background-image: none
    }
    
    .btn-warning.disabled,
    .btn-warning.disabled.active,
    .btn-warning.disabled.focus,
    .btn-warning.disabled:active,
    .btn-warning.disabled:focus,
    .btn-warning.disabled:hover,
    .btn-warning[disabled],
    .btn-warning[disabled].active,
    .btn-warning[disabled].focus,
    .btn-warning[disabled]:active,
    .btn-warning[disabled]:focus,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning,
    fieldset[disabled] .btn-warning.active,
    fieldset[disabled] .btn-warning.focus,
    fieldset[disabled] .btn-warning:active,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning:hover {
        background-color: var(--oqlis-btn-warning);
        border-color: var(--oqlis-btn-warning-border);
    }
    
    .btn-warning .badge {
        color: #ffc870;
        background-color: var(--oqlis-surface)
    }

    .btn-parameter {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-parameter);
        border-color: var(--oqlis-btn-parameter-border);
    }
    
    .btn-parameter:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-parameter-hover);
        border-color: var(--oqlis-btn-parameter-border);
    }
    
    .btn-parameter.focus,
    .btn-parameter:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-parameter-hover);
        border-color: var(--oqlis-btn-parameter-border);
    }
    
    .btn-parameter.active,
    .btn-parameter:active,
    .open>.dropdown-toggle.btn-parameter {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-parameter-hover);
        border-color: var(--oqlis-btn-parameter-border);
    }
    
    .btn-danger {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-danger);
        border-color: var(--oqlis-btn-danger-border);
    }
    
    .btn-danger.focus,
    .btn-danger:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-danger-hover);
        border-color: var(--oqlis-btn-danger-border);
    }
    
    .btn-danger:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-danger-hover);
        border-color: var(--oqlis-btn-danger-border);
    }
    
    .btn-danger.active,
    .btn-danger:active,
    .open>.dropdown-toggle.btn-danger {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-danger-hover);
        border-color: var(--oqlis-btn-danger-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-danger-hover);
        border-color: var(--oqlis-btn-danger-border);
    }
    
    .btn-danger.active,
    .btn-danger:active,
    .open>.dropdown-toggle.btn-danger {
        background-image: none
    }
    
    .btn-danger.disabled,
    .btn-danger.disabled.active,
    .btn-danger.disabled.focus,
    .btn-danger.disabled:active,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:hover,
    .btn-danger[disabled],
    .btn-danger[disabled].active,
    .btn-danger[disabled].focus,
    .btn-danger[disabled]:active,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger,
    fieldset[disabled] .btn-danger.active,
    fieldset[disabled] .btn-danger.focus,
    fieldset[disabled] .btn-danger:active,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:hover {
        background-color: var(--oqlis-btn-danger);
        border-color: var(--oqlis-btn-danger-border);
    }
    
    .btn-danger .badge {
        color: #ef6262;
        background-color: var(--oqlis-surface)
    }
    
    .btn-danger.focus,
    .btn-danger:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-danger-hover);
        border-color: var(--oqlis-btn-danger-border);
    }
    
    .btn-danger:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-danger-hover);
        border-color: var(--oqlis-btn-danger-border);
    }
    
    .btn-danger.active,
    .btn-danger:active,
    .open>.dropdown-toggle.btn-danger {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-danger-hover);
        border-color: var(--oqlis-btn-danger-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-danger-hover);
        border-color: var(--oqlis-btn-danger-border);
    }
    
    .btn-danger.active,
    .btn-danger:active,
    .open>.dropdown-toggle.btn-danger {
        background-image: none
    }
    
    .btn-danger.disabled,
    .btn-danger.disabled.active,
    .btn-danger.disabled.focus,
    .btn-danger.disabled:active,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:hover,
    .btn-danger[disabled],
    .btn-danger[disabled].active,
    .btn-danger[disabled].focus,
    .btn-danger[disabled]:active,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger,
    fieldset[disabled] .btn-danger.active,
    fieldset[disabled] .btn-danger.focus,
    fieldset[disabled] .btn-danger:active,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:hover {
        background-color: var(--oqlis-btn-danger);
        border-color: var(--oqlis-btn-danger-border);
    }
    
    .btn-danger .badge {
        color: #ef6262;
        background-color: var(--oqlis-surface)
    }
    
    .btn-link {
        color: var(--main_color);
        font-weight: 400;
        border-radius: 0
    }
    
    .btn-link,
    .btn-link.active,
    .btn-link:active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        box-shadow: none
    }
    
    .btn-link,
    .btn-link:active,
    .btn-link:focus,
    .btn-link:hover {
        border-color: transparent
    }
    
    .btn-link:focus,
    .btn-link:hover {
        color: #41a08c;
        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: var(--oqlis-text);
        text-decoration: none
    }
    
    .btn-group-lg>.btn,
    .btn-lg {
        padding: 12px 16px;
        font-size: 15px;
        line-height: 1.6333333;
        border-radius: 0
    }
    
    .btn-group-sm>.btn,
    .btn-sm {
        padding: 5px 9px;
        font-size: 11px;
        line-height: 1.5;
        border-radius: 0
    }
    
    .btn-group-xs>.btn,
    .btn-xs {
        padding: 1px 5px;
        font-size: 11px;
        line-height: 1.5;
        border-radius: 0
    }
    
    .btn-block {
        display: block;
        width: 100%
    }
    
    .btn-block+.btn-block {
        margin-top: 5px
    }
    
    .close-button {
        position: absolute;
        right: 15px;
        top: 6px
    }
    
    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-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: -130px;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 11px;
        text-align: left;
        background-color: var(--oqlis-surface);
        border: 1px solid var(--oqlis-border);
        border-radius: 0;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        background-clip: padding-box
    }
    
    .dropdown-menu:after {
        border-bottom: 8px solid var(--oqlis-surface);
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        top: -8px;
        content: "";
        display: inline-block;
        left: 142px;
        margin-left: -6px;
        position: absolute
    }
    
    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }
    
    .dropdown-menu .divider {
        height: 1px;
        margin: 8px 0;
        overflow: hidden;
        background-color: var(--oqlis-border)
    }
    
    .dropdown-department-divider {
        border-top: 1px solid var(--oqlis-border);
    }
    
    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: var(--oqlis-text);
        white-space: nowrap
    }
    
    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        text-decoration: none;
        color: var(--oqlis-text);
        background-color: var(--oqlis-surface-muted)
    }
    
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        color: var(--oqlis-text);
        text-decoration: none;
        outline: 0;
        background-color: var(--main_color)
    }
    
    .dropdown-menu>.disabled>a,
    .dropdown-menu>.disabled>a:focus,
    .dropdown-menu>.disabled>a:hover {
        color: var(--oqlis-text)
    }
    
    .dropdown-menu>.disabled>a:focus,
    .dropdown-menu>.disabled>a:hover {
        text-decoration: none;
        background-color: transparent;
        background-image: none;
        cursor: not-allowed
    }
    
    .open>.dropdown-menu {
        display: block
    }
    
    .open>a {
        outline: 0
    }
    
    .dropdown-menu-right {
        left: auto;
        right: 0
    }
    
    .dropdown-menu-left {
        left: 0;
        right: auto
    }
    
    .dropdown-header {
        display: block;
        padding: 3px 20px;
        font-size: 12px;
        line-height: 1.42857143;
        color: var(--oqlis-text);
        white-space: nowrap
    }
    
    .dropdown-backdrop {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 990
    }
    
    .pull-right>.dropdown-menu {
        right: 0;
        left: auto
    }
    
    .dropup .caret,
    .navbar-fixed-bottom .dropdown .caret {
        border-top: 0;
        border-bottom: 4px dashed;
        content: ""
    }
    
    .dropup .dropdown-menu,
    .navbar-fixed-bottom .dropdown .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-bottom: 2px
    }
    
    @media (min-width:768px) {
        .navbar-right .dropdown-menu {
            left: auto;
            right: 0
        }
        .navbar-right .dropdown-menu-left {
            left: 0;
            right: auto
        }
    }
    
    .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-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-group>.btn+.dropdown-toggle {
        padding-left: 8px;
        padding-right: 8px
    }
    
    .btn-group>.btn-lg+.dropdown-toggle {
        padding-left: 12px;
        padding-right: 12px
    }
    
    .btn-group.open .dropdown-toggle {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
    }
    
    .btn-group.open .dropdown-toggle.btn-link {
        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-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
    
    .btn-group-vertical>.btn:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        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
    }
    
    .btn-group-justified {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate
    }
    
    .btn-group-justified>.btn,
    .btn-group-justified>.btn-group {
        float: none;
        display: table-cell;
        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-left: 0;
        padding-right: 0
    }
    
    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }
    
    .input-group-lg>.form-control,
    .input-group-lg>.input-group-addon,
    .input-group-lg>.input-group-btn>.btn {
        height: 51px;
        padding: 12px 16px;
        font-size: 15px;
        line-height: 1.6333333;
        border-radius: 0
    }
    
    select.input-group-lg>.form-control,
    select.input-group-lg>.input-group-addon,
    select.input-group-lg>.input-group-btn>.btn {
        height: 51px;
        line-height: 51px
    }
    
    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 9px;
        font-size: 11px;
        line-height: 1.5;
        border-radius: 0
    }
    
    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: 10px 16px;
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
        color: var(--oqlis-text);
        text-align: center;
        background-color: var(--oqlis-surface);
        border: 1px solid var(--oqlis-surface);
        border-radius: 0
    }
    
    .input-group-addon.input-sm {
        padding: 5px 9px;
        font-size: 11px;
        border-radius: 0
    }
    
    .input-group-addon.input-lg {
        padding: 12px 16px;
        font-size: 15px;
        border-radius: 0
    }
    
    .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-bottom-right-radius: 0;
        border-top-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-bottom-left-radius: 0;
        border-top-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 {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none
    }
    
    .nav>li {
        position: relative;
        display: block
    }
    
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px
    }
    
    .nav>li>a:focus,
    .nav>li>a:hover {
        text-decoration: none;
        background-color: var(--oqlis-surface)
    }
    
    .nav>li.disabled>a {
        color: var(--oqlis-text)
    }
    
    .nav>li.disabled>a:focus,
    .nav>li.disabled>a:hover {
        color: var(--oqlis-text);
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed
    }
    
    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background-color: var(--oqlis-surface);
        border-color: var(--main_color)
    }
    
    .nav .nav-divider {
        height: 1px;
        margin: 8px 0;
        overflow: hidden;
        background-color: var(--oqlis-border)
    }
    
    .nav>li>a>img {
        max-width: none
    }
    
    .nav-tabs {
        border-bottom: 1px solid transparent
    }
    
    .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: 0
    }
    
    .nav-tabs>li>a:hover {
        border-color: var(--oqlis-surface) var(--oqlis-surface) transparent
    }
    
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        color: var(--oqlis-text);
        background-color: #f0f0f0;
        border-bottom-color: transparent;
        cursor: default
    }
    
    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }
    
    .nav-tabs.nav-justified>li {
        float: none
    }
    
    .nav-tabs.nav-justified>li>a {
        text-align: center;
        margin-bottom: 5px
    }
    
    .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: 0
    }
    
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border: 1px solid var(--oqlis-border)
    }
    
    @media (min-width:768px) {
        .nav-tabs.nav-justified>li>a {
            border-bottom: 1px solid var(--oqlis-border);
            border-radius: 0
        }
        .nav-tabs.nav-justified>.active>a,
        .nav-tabs.nav-justified>.active>a:focus,
        .nav-tabs.nav-justified>.active>a:hover {
            border-bottom-color: #f0f0f0
        }
    }
    
    .nav-pills>li {
        float: left
    }
    
    .nav-pills>li>a {
        border-radius: 0
    }
    
    .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: var(--oqlis-text);
        background-color: var(--main_color)
    }
    
    .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 {
        text-align: center;
        margin-bottom: 5px
    }
    
    .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: 0
    }
    
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover {
        border: 1px solid var(--oqlis-border)
    }
    
    @media (min-width:768px) {
        .nav-tabs-justified>li>a {
            border-bottom: 1px solid var(--oqlis-border);
            border-radius: 0
        }
        .nav-tabs-justified>.active>a,
        .nav-tabs-justified>.active>a:focus,
        .nav-tabs-justified>.active>a:hover {
            border-bottom-color: #f0f0f0
        }
    }
    
    .tab-content>.tab-pane {
        display: none
    }
    
    .tab-content>.active {
        display: block
    }
    
    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
    
    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 18px;
        border: 1px solid transparent
    }
    
    @media (min-width:768px) {
        .navbar {
            border-radius: 0
        }
    }
    
    @media (min-width:768px) {
        .navbar-header {
            float: left
        }
    }
    
    .navbar-collapse {
        overflow-x: visible;
        padding-right: 15px;
        padding-left: 15px;
        border-top: 1px solid transparent;
        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;
            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-left: 0;
            padding-right: 0
        }
    }
    
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 340px
    }
    
    @media (max-device-width:480px) and (orientation:landscape) {
        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse {
            max-height: 200px
        }
    }
    
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: -15px;
        margin-left: -15px
    }
    
    @media (min-width:768px) {
        .container-fluid>.navbar-collapse,
        .container-fluid>.navbar-header,
        .container>.navbar-collapse,
        .container>.navbar-header {
            margin-right: 0;
            margin-left: 0
        }
    }
    
    .navbar-static-top {
        z-index: 1000;
        border-width: 0 0 1px
    }
    
    @media (min-width:768px) {
        .navbar-static-top {
            border-radius: 0
        }
    }
    
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
        width: 100%
    }
    
    @media (min-width:768px) {
        .navbar-fixed-bottom,
        .navbar-fixed-top {
            border-radius: 0;
            z-index: 100
        }
    }
    
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    
    .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0
    }
    
    .navbar-brand {
        float: left;
        padding: 16px 15px;
        font-size: 15px;
        line-height: 18px;
        height: 50px
    }
    
    .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;
        margin-right: 15px;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0
    }
    
    .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: 8px -15px
    }
    
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 18px
    }
    
    @media (max-width:767px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            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: 18px
        }
        .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: 16px;
            padding-bottom: 16px
        }
    }
    
    .navbar-form {
        margin-left: -15px;
        margin-right: -15px;
        padding: 10px 15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        margin-top: 3px;
        margin-bottom: 3px
    }
    
    @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;
            border: 0;
            margin-left: 0;
            margin-right: 0;
            padding-top: 0;
            padding-bottom: 0;
            box-shadow: none
        }
    }
    
    .navbar-nav>li>.dropdown-menu {
        margin-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
    
    .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
        margin-bottom: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
    
    .navbar-btn {
        margin-top: 3px;
        margin-bottom: 3px
    }
    
    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }
    
    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }
    
    .navbar-text {
        margin-top: 16px;
        margin-bottom: 16px
    }
    
    @media (min-width:768px) {
        .navbar-text {
            float: left;
            margin-left: 15px;
            margin-right: 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: var(--main_color);
        border-color: var(--main_color)
    }
    
    .navbar-default .navbar-brand {
        color: var(--oqlis-text)
    }
    
    .navbar-default .navbar-brand:focus,
    .navbar-default .navbar-brand:hover {
        color: #5e5e5e;
        background-color: transparent
    }
    
    .navbar-default .navbar-text {
        color: var(--oqlis-text)
    }
    
    .navbar-default .navbar-nav>li>a {
        color: var(--oqlis-text)
    }
    
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        color: var(--oqlis-text);
        background-color: transparent
    }
    
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        color: var(--oqlis-text);
        background-color: var(--focus_color)
    }
    
    .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:focus,
    .navbar-default .navbar-nav>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
    
    .navbar-default .navbar-toggle {
        border-color: var(--oqlis-border)
    }
    
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: var(--oqlis-border)
    }
    
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888
    }
    
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: var(--main_color)
    }
    
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        background-color: var(--focus_color);
        color: var(--oqlis-surface)
    }
    
    @media (max-width:767px) {
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            color: var(--oqlis-text)
        }
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
            color: var(--oqlis-text);
            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: var(--oqlis-text);
            background-color: var(--focus_color)
        }
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
            color: #ccc;
            background-color: transparent
        }
    }
    
    .navbar-default .navbar-link {
        color: var(--oqlis-text)
    }
    
    .navbar-default .navbar-link:hover {
        color: var(--oqlis-text)
    }
    
    .navbar-default .btn-link {
        color: var(--oqlis-text)
    }
    
    .navbar-default .btn-link:focus,
    .navbar-default .btn-link:hover {
        color: var(--oqlis-text)
    }
    
    .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: var(--oqlis-text);
        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: var(--oqlis-text);
        background-color: transparent
    }
    
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:focus,
    .navbar-inverse .navbar-nav>.active>a:hover {
        color: var(--oqlis-text);
        background-color: #080808
    }
    
    .navbar-inverse .navbar-nav>.disabled>a,
    .navbar-inverse .navbar-nav>.disabled>a:focus,
    .navbar-inverse .navbar-nav>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
    
    .navbar-inverse .navbar-toggle {
        border-color: var(--oqlis-text)
    }
    
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: var(--oqlis-text)
    }
    
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: var(--oqlis-surface)
    }
    
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010
    }
    
    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:focus,
    .navbar-inverse .navbar-nav>.open>a:hover {
        background-color: #080808;
        color: var(--oqlis-surface)
    }
    
    @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: var(--oqlis-text);
            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: var(--oqlis-text);
            background-color: #080808
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
            color: #444;
            background-color: transparent
        }
    }
    
    .navbar-inverse .navbar-link {
        color: #9d9d9d
    }
    
    .navbar-inverse .navbar-link:hover {
        color: var(--oqlis-surface)
    }
    
    .navbar-inverse .btn-link {
        color: #9d9d9d
    }
    
    .navbar-inverse .btn-link:focus,
    .navbar-inverse .btn-link:hover {
        color: var(--oqlis-surface)
    }
    
    .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: 18px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 0
    }
    
    .breadcrumb>li {
        display: inline-block
    }
    
    .breadcrumb>li+li:before {
        content: "/\00a0";
        padding: 0 5px;
        color: #ccc
    }
    
    .breadcrumb>.active {
        color: var(--oqlis-text)
    }
    
    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 18px 0;
        border-radius: 0
    }
    
    .pagination>li {
        display: inline
    }
    
    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: 8px 12px;
        line-height: 1.42857143;
        text-decoration: none;
        color: var(--main_color);
        background-color: var(--oqlis-surface);
        border: 1px solid var(--oqlis-border);
        margin-left: -1px
    }
    
    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin-left: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
    
    .pagination>li:last-child>a,
    .pagination>li:last-child>span {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
    
    .pagination>li>a:focus,
    .pagination>li>a:hover,
    .pagination>li>span:focus,
    .pagination>li>span:hover {
        z-index: 3;
        color: #41a08c;
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-border)
    }
    
    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
        z-index: 2;
        color: var(--oqlis-text);
        background-color: var(--main_color);
        background-color: color-mix(in srgb, var(--main_color) 20%, transparent);
        border-color: var(--main_color);
        cursor: default
    }
    
    .pagination>.disabled>a,
    .pagination>.disabled>a:focus,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>span,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>span:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-border);
        cursor: not-allowed
    }
    
    .pagination-lg>li>a,
    .pagination-lg>li>span {
        padding: 12px 16px;
        font-size: 15px;
        line-height: 1.6333333
    }
    
    .pagination-lg>li:first-child>a,
    .pagination-lg>li:first-child>span {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
    
    .pagination-lg>li:last-child>a,
    .pagination-lg>li:last-child>span {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
    
    .pagination-sm>li>a,
    .pagination-sm>li>span {
        padding: 5px 9px;
        font-size: 11px;
        line-height: 1.5
    }
    
    .pagination-sm>li:first-child>a,
    .pagination-sm>li:first-child>span {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
    
    .pagination-sm>li:last-child>a,
    .pagination-sm>li:last-child>span {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
    
    .pager {
        padding-left: 0;
        margin: 18px 0;
        list-style: none;
        text-align: center
    }
    
    .pager li {
        display: inline
    }
    
    .pager li>a,
    .pager li>span {
        display: inline-block;
        padding: 5px 14px;
        background-color: var(--oqlis-surface);
        border: 1px solid var(--oqlis-border);
        border-radius: 15px
    }
    
    .pager li>a:focus,
    .pager li>a:hover {
        text-decoration: none;
        background-color: var(--oqlis-surface)
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-surface);
        cursor: not-allowed
    }
    
    .label {
        display: inline;
        padding: .2em .6em .3em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        color: var(--oqlis-text-reverse);
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em
    }
    
    a.label:focus,
    a.label:hover {
        color: var(--oqlis-text);
        text-decoration: none;
        cursor: pointer
    }
    
    .label:empty {
        display: none
    }
    
    .btn .label {
        position: relative;
        top: -1px
    }
    
    .label-default {
        background-color: var(--oqlis-text)
    }
    
    .label-default[href]:focus,
    .label-default[href]:hover {
        background-color: #5e5e5e
    }
    
    .label-primary {
        background-color: var(--main_color)
    }
    
    .label-primary[href]:focus,
    .label-primary[href]:hover {
        background-color: var(--focus_color)
    }
    
    .label-success {
        background-color: var(--main_color)
    }
    
    .label-success[href]:focus,
    .label-success[href]:hover {
        background-color: var(--focus_color)
    }
    
    .label-info {
        background-color: #8dcadf
    }
    
    .label-filter {
        position: relative;
        vertical-align: top;
        margin: 1px;
        font-size: 11px;
        font-weight:500;
        line-height: 3.6;
        padding: 4px 10px 4px 8px!important
    }
    
    .label-remove {
        position: absolute;
        top: 1px;
        right: 1px
    }
    
    .label-info[href]:focus,
    .label-info[href]:hover {
        background-color: #65b7d4
    }
    
    .label-warning {
        background-color: #ffc870
    }
    
    .label-warning[href]:focus,
    .label-warning[href]:hover {
        background-color: #ffb43d
    }
    
    .label-danger {
        background-color: #ef6262
    }
    
    .label-danger[href]:focus,
    .label-danger[href]:hover {
        background-color: #ea3434
    }
    
    .badge {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 11px;
        margin-left: 5px;
        font-weight: 700;
        color: var(--oqlis-text-reverse);
        line-height: 1;
        vertical-align: middle;
        white-space: nowrap;
        text-align: center;
        background-color: var(--oqlis-surface);
        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: var(--oqlis-text);
        text-decoration: none;
        cursor: pointer
    }
    
    .list-group-item.active>.badge,
    .nav-pills>.active>a>.badge {
        color: var(--main_color);
        background-color: var(--oqlis-surface)
    }
    
    .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: var(--oqlis-surface)
    }
    
    .jumbotron .h1,
    .jumbotron h1 {
        color: inherit
    }
    
    .jumbotron p {
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 200
    }
    
    .jumbotron>hr {
        border-top-color: #d5d5d5
    }
    
    .container .jumbotron,
    .container-fluid .jumbotron {
        border-radius: 0
    }
    
    .jumbotron .container {
        max-width: 100%
    }
    
    @media screen and (min-width:768px) {
        .jumbotron {
            padding-top: 48px;
            padding-bottom: 48px
        }
        .container .jumbotron,
        .container-fluid .jumbotron {
            padding-left: 60px;
            padding-right: 60px
        }
        .jumbotron .h1,
        .jumbotron h1 {
            font-size: 59px
        }
    }
    
    .thumbnail {
        display: block;
        padding: 4px;
        margin-bottom: 18px;
        line-height: 1.42857143;
        background-color: #f0f0f0;
        border: 1px solid var(--oqlis-border);
        border-radius: 0;
        -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-left: auto;
        margin-right: auto
    }
    
    a.thumbnail.active,
    a.thumbnail:focus,
    a.thumbnail:hover {
        border-color: var(--main_color)
    }
    
    .thumbnail .caption {
        padding: 9px;
        color: var(--oqlis-text);
    }
    
    .alert {
        padding: 18px;
        margin-bottom: 18px;
        border: 1px solid transparent;
        border-radius: 0
    }
    
    .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: 38px
    }
    
    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }
    
    .alert-success {
        background-color: var(--main_color);
        border-color: var(--main_color);
        color: var(--oqlis-surface)
    }
    
    .alert-success hr {
        border-top-color: var(--main_color)
    }
    
    .alert-success .alert-link {
        color: #e6e6e6
    }
    
    .alert-info {
        background-color: #8dcadf;
        border-color: #8dcadf;
        color: var(--oqlis-surface)
    }
    
    .alert-info hr {
        border-top-color: #79c1d9
    }
    
    .alert-info .alert-link {
        color: #e6e6e6
    }
    
    .alert-warning {
        background-color: #ffc870;
        border-color: #ffc870;
        color: var(--oqlis-surface)
    }
    
    .alert-warning hr {
        border-top-color: #ffbe57
    }
    
    .alert-warning .alert-link {
        color: #e6e6e6
    }
    
    .alert-danger {
        background-color: #ef6262;
        border-color: #ef6262;
        color: var(--oqlis-surface)
    }
    
    .alert-danger hr {
        border-top-color: #ed4b4b
    }
    
    .alert-danger .alert-link {
        color: #e6e6e6
    }
    
    @-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 {
        overflow: hidden;
        height: 18px;
        margin-bottom: 18px;
        background-color: #f5f5f5;
        border-radius: 0;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
    }
    
    .progress-bar {
        float: left;
        width: 0%;
        height: 100%;
        font-size: 11px;
        line-height: 18px;
        color: var(--oqlis-text);
        text-align: center;
        background-color: var(--main_color);
        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);
        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: var(--main_color)
    }
    
    .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: #8dcadf
    }
    
    .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: #ffc870
    }
    
    .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: #ef6262
    }
    
    .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 {
        zoom: 1;
        overflow: hidden
    }
    
    .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 {
        margin-bottom: 20px;
        padding-left: 0
    }
    
    .list-group-item {
        position: relative;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        background-color: var(--oqlis-surface);
        border: 1px solid var(--oqlis-border)
    }
    
    .list-group-item:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
    
    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
    
    a.list-group-item,
    button.list-group-item {
        color: var(--oqlis-text);
    }
    
    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: var(--oqlis-text)
    }
    
    a.list-group-item:focus,
    a.list-group-item:hover,
    button.list-group-item:focus,
    button.list-group-item:hover {
        text-decoration: none;
        color: var(--oqlis-text);
        background-color: #f5f5f5
    }
    
    button.list-group-item {
        width: 100%;
        text-align: left
    }
    
    .list-group-item.disabled,
    .list-group-item.disabled:focus,
    .list-group-item.disabled:hover {
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
        cursor: not-allowed
    }
    
    .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: var(--oqlis-text)
    }
    
    .list-group-item.active,
    .list-group-item.active:focus,
    .list-group-item.active:hover {
        z-index: 2;
        color: var(--oqlis-text);
        background-color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .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: #fcfefd
    }
    
    .list-group-item-success {
        color: var(--oqlis-text);
        background-color: var(--main_color)
    }
    
    a.list-group-item-success,
    button.list-group-item-success {
        color: var(--oqlis-surface)
    }
    
    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: var(--oqlis-text);
        background-color: var(--main_color)
    }
    
    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: var(--oqlis-text);
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-surface)
    }
    
    .list-group-item-info {
        color: var(--oqlis-text);
        background-color: #8dcadf
    }
    
    a.list-group-item-info,
    button.list-group-item-info {
        color: var(--oqlis-surface)
    }
    
    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: var(--oqlis-text);
        background-color: #79c1d9
    }
    
    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: var(--oqlis-text);
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-surface)
    }
    
    .list-group-item-warning {
        color: var(--oqlis-text);
        background-color: #ffc870
    }
    
    a.list-group-item-warning,
    button.list-group-item-warning {
        color: var(--oqlis-surface)
    }
    
    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: var(--oqlis-text);
        background-color: #ffbe57
    }
    
    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: var(--oqlis-text);
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-surface)
    }
    
    .list-group-item-danger {
        color: var(--oqlis-text);
        background-color: #ef6262
    }
    
    a.list-group-item-danger,
    button.list-group-item-danger {
        color: var(--oqlis-surface)
    }
    
    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: var(--oqlis-text);
        background-color: #ed4b4b
    }
    
    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: var(--oqlis-text);
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-surface)
    }
    
    .list-group-item-heading {
        margin-top: 0;
        margin-bottom: 5px
    }
    
    .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.3
    }
    
    .panel {
        margin-bottom: 18px;
        background-color: var(--oqlis-surface);
        border: 1px solid transparent;
        border-radius: 0
    }
    
    .panel-body {
        padding: 15px 20px 20px
    }
    
    .panel-heading {
        padding: 6px 10px 6px;
        border-bottom: 1px solid transparent;
        border-top-right-radius: -1;
        border-top-left-radius: -1
    }
    
    .panel-heading>.dropdown .dropdown-toggle {
        color: inherit
    }
    
    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 15px;
        color: inherit
    }
    
    .panel-title>.small,
    .panel-title>.small>a,
    .panel-title>a,
    .panel-title>small,
    .panel-title>small>a {
        color: inherit
    }
    
    .panel-footer {
        padding: 20px 20px 15px;
        background-color: var(--oqlis-surface);
        border-top: 1px solid var(--oqlis-border);
        border-bottom-right-radius: -1;
        border-bottom-left-radius: -1
    }
    
    .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-right-radius: -1;
        border-top-left-radius: -1
    }
    
    .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: -1;
        border-bottom-left-radius: -1
    }
    
    .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
        border-top-right-radius: 0;
        border-top-left-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-left: 15px 20px 20px;
        padding-right: 15px 20px 20px
    }
    
    .panel>.table-responsive:first-child>.table:first-child,
    .panel>.table:first-child {
        border-top-right-radius: -1;
        border-top-left-radius: -1
    }
    
    .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: -1;
        border-top-right-radius: -1
    }
    
    .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: -1
    }
    
    .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: -1
    }
    
    .panel>.table-responsive:last-child>.table:last-child,
    .panel>.table:last-child {
        border-bottom-right-radius: -1;
        border-bottom-left-radius: -1
    }
    
    .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-left-radius: -1;
        border-bottom-right-radius: -1
    }
    
    .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: -1
    }
    
    .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: -1
    }
    
    .panel>.panel-body+.table,
    .panel>.panel-body+.table-responsive,
    .panel>.table+.panel-body,
    .panel>.table-responsive+.panel-body {
        border-top: 1px solid var(--oqlis-border)
    }
    
    .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 {
        border: 0;
        margin-bottom: 0
    }
    
    .panel-group {
        margin-bottom: 18px
    }
    
    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 0
    }
    
    .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 var(--oqlis-border)
    }
    
    .panel-group .panel-footer {
        border-top: 0
    }
    
    .panel-group .panel-footer+.panel-collapse .panel-body {
        border-bottom: 1px solid var(--oqlis-border)
    }
    
    .panel-default {
        border-color: var(--oqlis-border)
    }
    
    .panel-default>.panel-heading {
        position: relative;
        color: var(--oqlis-text);
        background-color: transparent;
        border-color: var(--oqlis-border)
    }
    
    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: var(--oqlis-border)
    }
    
    .panel-default>.panel-heading .badge {
        color: transparent;
        background-color: var(--oqlis-text)
    }
    
    .panel-default>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: var(--oqlis-border)
    }
    
    .panel-primary {
        border-color: var(--main_color)
    }
    
    .panel-primary>.panel-heading {
        color: var(--oqlis-text);
        background-color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: var(--main_color)
    }
    
    .panel-primary>.panel-heading .badge {
        color: var(--main_color);
        background-color: var(--oqlis-surface)
    }
    
    .panel-primary>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: var(--main_color)
    }
    
    .panel-success {
        border-color: var(--main_color)
    }
    
    .panel-success>.panel-heading {
        color: var(--oqlis-text);
        background-color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .panel-success>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: var(--main_color)
    }
    
    .panel-success>.panel-heading .badge {
        color: var(--main_color);
        background-color: var(--oqlis-surface)
    }
    
    .panel-success>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: var(--main_color)
    }
    
    .panel-info {
        border-color: #8dcadf
    }
    
    .panel-info>.panel-heading {
        color: var(--oqlis-text);
        background-color: #8dcadf;
        border-color: #8dcadf
    }
    
    .panel-info>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #8dcadf
    }
    
    .panel-info>.panel-heading .badge {
        color: #8dcadf;
        background-color: var(--oqlis-surface)
    }
    
    .panel-info>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #8dcadf
    }
    
    .panel-warning {
        border-color: #ffc870
    }
    
    .panel-warning>.panel-heading {
        color: var(--oqlis-text);
        background-color: #ffc870;
        border-color: #ffc870
    }
    
    .panel-warning>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ffc870
    }
    
    .panel-warning>.panel-heading .badge {
        color: #ffc870;
        background-color: var(--oqlis-surface)
    }
    
    .panel-warning>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ffc870
    }
    
    .panel-danger {
        border-color: #ef6262
    }
    
    .panel-danger>.panel-heading {
        color: var(--oqlis-text);
        background-color: #ef6262;
        border-color: #ef6262
    }
    
    .panel-danger>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ef6262
    }
    
    .panel-danger>.panel-heading .badge {
        color: #ef6262;
        background-color: var(--oqlis-surface)
    }
    
    .panel-danger>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ef6262
    }
    
    .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;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 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: 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
    }
    
    .well blockquote {
        border-color: var(--oqlis-border);
        border-color: rgba(0, 0, 0, .15)
    }
    
    .well-lg {
        padding: 24px;
        border-radius: 0
    }
    
    .well-sm {
        padding: 9px;
        border-radius: 0
    }
    
    .close {
        float: right;
        font-size: 19.5px;
        font-weight: 700;
        line-height: 1;
        color: var(--oqlis-text);
        text-shadow: 0 1px 0 var(--oqlis-surface);
        opacity: .2
    }
    
    .close:focus,
    .close:hover {
        color: var(--oqlis-text);
        text-decoration: none;
        cursor: pointer;
        opacity: .5
    }
    
    button.close {
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        -webkit-appearance: none
    }
    
    .modal-open {
        overflow: hidden
    }
    
    .modal {
        display: none;
        overflow: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        -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: 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: var(--oqlis-surface);
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 0;
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        background-clip: padding-box;
        outline: 0
    }
    
    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
    }
    
    .modal-backdrop.fade {
        opacity: 0
    }
    
    .modal-backdrop.in {
        opacity: 1;
    }
    
    .modal-header {
        padding: 15px 15px 15px 25px;
        border-bottom: 1px solid var(--oqlis-border);
        min-height: 16.42857143px
    }
    
    .modal-header .close {
        margin-top: -2px
    }
    
    .modal-title {
        margin: 0;
        line-height: 1.42857143;
        font-weight: 600;
    }
    
    .modal-body {
        position: relative;
        padding: 15px
    }
    
    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid var(--oqlis-border)
    }
    
    .modal-footer .btn+.btn {
        margin-left: 5px;
        margin-bottom: 0
    }
    
    .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: 680px;
            margin: 30px auto
        }
        .modal-md {
            width: 600px;
            margin: 30px auto
        }
        .mo .modal-content {
            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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.42857143;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        white-space: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        font-size: 11px;
        opacity: 0
    }
    
    .tooltip.in {
        opacity: .9
    }
    
    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }
    
    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }
    
    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }
    
    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }
    
    .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: var(--oqlis-surface);
        text-align: center;
        background-color: var(--oqlis-text);
        border-radius: 0
    }
    
    .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: var(--oqlis-text)
    }
    
    .tooltip.top-left .tooltip-arrow {
        bottom: 0;
        right: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: var(--oqlis-text)
    }
    
    .tooltip.top-right .tooltip-arrow {
        bottom: 0;
        left: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: var(--oqlis-text)
    }
    
    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: var(--oqlis-text)
    }
    
    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: var(--oqlis-text)
    }
    
    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: var(--oqlis-text)
    }
    
    .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: var(--oqlis-text)
    }
    
    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: var(--oqlis-text)
    }
    
    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: none;
        max-width: 276px;
        padding: 1px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.42857143;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        white-space: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        font-size: 13px;
        background-color: var(--oqlis-surface);
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 0;
        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-title {
        margin: 0;
        padding: 8px 14px;
        font-size: 13px;
        background-color: var(--oqlis-surface);
        border-bottom: 1px solid #ebebeb;
        border-radius: -1 -1 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 {
        border-width: 10px;
        content: ""
    }
    
    .popover.top>.arrow {
        left: 50%;
        margin-left: -11px;
        border-bottom-width: 0;
        border-top-color: #999;
        border-top-color: rgba(0, 0, 0, .25);
        bottom: -11px
    }
    
    .popover.top>.arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: var(--oqlis-surface)
    }
    
    .popover.right>.arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-left-width: 0;
        border-right-color: #999;
        border-right-color: rgba(0, 0, 0, .25)
    }
    
    .popover.right>.arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: var(--oqlis-surface)
    }
    
    .popover.bottom>.arrow {
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, .25);
        top: -11px
    }
    
    .popover.bottom>.arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: var(--oqlis-surface)
    }
    
    .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 {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: var(--oqlis-text);
        bottom: -10px
    }
    
    .carousel {
        position: relative
    }
    
    .carousel-inner {
        position: relative;
        overflow: hidden;
        width: 100%
    }
    
    .carousel-inner>.item {
        display: none;
        position: relative;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }
    
    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        line-height: 1
    }
    
    @media all and (transform-3d),
    (-webkit-transform-3d) {
        .carousel-inner>.item {
            -webkit-transition: -webkit-transform .6s ease-in-out;
            -o-transition: -o-transform .6s ease-in-out;
            transition: transform .6s ease-in-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000px;
            perspective: 1000px
        }
        .carousel-inner>.item.active.right,
        .carousel-inner>.item.next {
            -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;
        left: 0;
        bottom: 0;
        width: 15%;
        opacity: .5;
        font-size: 20px;
        color: var(--oqlis-text);
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
    }
    
    .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: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-repeat: repeat-x
    }
    
    .carousel-control.right {
        left: auto;
        right: 0;
        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: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-repeat: repeat-x
    }
    
    .carousel-control:focus,
    .carousel-control:hover {
        outline: 0;
        color: var(--oqlis-text);
        text-decoration: none;
        opacity: .9
    }
    
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block
    }
    
    .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;
        line-height: 1;
        font-family: serif
    }
    
    .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%;
        margin-left: -30%;
        padding-left: 0;
        list-style: none;
        text-align: center
    }
    
    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid var(--oqlis-surface);
        border-radius: 10px;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0)
    }
    
    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: var(--oqlis-surface)
    }
    
    .carousel-caption {
        position: absolute;
        left: 15%;
        right: 15%;
        bottom: 20px;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: var(--oqlis-text);
        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: -15px;
            font-size: 30px
        }
        .carousel-control .glyphicon-chevron-left,
        .carousel-control .icon-prev {
            margin-left: -15px
        }
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next {
            margin-right: -15px
        }
        .carousel-caption {
            left: 20%;
            right: 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,
    .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 {
        content: " ";
        display: table
    }
    
    .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,
    .nav:after,
    .navbar-collapse:after,
    .navbar-header:after,
    .navbar:after,
    .pager:after,
    .panel-body:after,
    .row:after {
        clear: both
    }
    
    .center-block {
        display: block;
        margin-left: auto;
        margin-right: 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
    }
    
    .opacity {
        opacity: 0;
        overflow: hidden;
        max-height: 0
    }
    
    .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
    }
    
    html {
        height: 100%;
        overflow-x: hidden
    }
    
    body {
        padding: 0;
        background-color: var(--oqlis-surface-alt);
        height: 100%;
    }
    
    a:focus,
    a:hover {
        text-decoration: none;
        outline: 0
    }
    
    p {
        font-size: inherit;
        line-height: 21px
    }
    
    button:focus {
        outline: 0!important
    }
    
    @font-face {
        font-family: Raleway;
        src: url(../../lib/raleway/thin/raleway-thin.eot);
        src: url(../../lib/raleway/thin/raleway-thin.eot?#iefix) format('embedded-opentype'), url(../../lib/raleway/thin/raleway-thin.woff) format('woff'), url(../../lib/raleway/thin/raleway-thin.ttf) format('truetype'), url(../../lib/raleway/thin/raleway-thin.svg#ralewaythin) format('svg');
        font-weight: 100;
        font-style: normal
    }
    
    @font-face {
        font-family: Raleway;
        src: url(../../lib/raleway/extralight/raleway-extralight.eot);
        src: url(../../lib/raleway/extralight/raleway-extralight.eot?#iefix) format('embedded-opentype'), url(../../lib/raleway/extralight/raleway-extralight.woff) format('woff'), url(../../lib/raleway/extralight/raleway-extralight.ttf) format('truetype'), url(../../lib/raleway/extralight/raleway-extralight.svg#ralewayextralight) format('svg');
        font-weight: 200;
        font-style: normal
    }
    
    @font-face {
        font-family: Raleway;
        src: url(../../lib/raleway/light/raleway-light.eot);
        src: url(../../lib/raleway/light/raleway-light.eot?#iefix) format('embedded-opentype'), url(../../lib/raleway/light/raleway-light.woff) format('woff'), url(../../lib/raleway/light/raleway-light.ttf) format('truetype'), url(../../lib/raleway/light/raleway-light.svg#ralewaylight) format('svg');
        font-weight: 300;
        font-style: normal
    }
    
    @font-face {
        font-family: Raleway;
        src: url(../../lib/raleway/regular/raleway-regular.eot);
        src: url(../../lib/raleway/regular/raleway-regular.eot?#iefix) format('embedded-opentype'), url(../../lib/raleway/regular/raleway-regular.woff) format('woff'), url(../../lib/raleway/regular/raleway-regular.ttf) format('truetype'), url(../../lib/raleway/regular/raleway-regular.svg#ralewayregular) format('svg');
        font-weight: 400;
        font-style: normal
    }
    
    @font-face {
        font-family: Raleway;
        src: url(../../lib/raleway/medium/raleway-medium.eot);
        src: url(../../lib/raleway/medium/raleway-medium.eot?#iefix) format('embedded-opentype'), url(../../lib/raleway/medium/raleway-medium.woff) format('woff'), url(../../lib/raleway/medium/raleway-medium.ttf) format('truetype'), url(../../lib/raleway/medium/raleway-medium.svg#ralewaymedium) format('svg');
        font-weight: 500;
        font-style: normal
    }
    
    @font-face {
        font-family: Raleway;
        src: url(../../lib/raleway/semibold/raleway-semibold.eot);
        src: url(../../lib/raleway/semibold/raleway-semibold.eot?#iefix) format('embedded-opentype'), url(../../lib/raleway/semibold/raleway-semibold.woff) format('woff'), url(../../lib/raleway/semibold/raleway-semibold.ttf) format('truetype'), url(../../lib/raleway/semibold/raleway-semibold.svg#ralewaysemibold) format('svg');
        font-weight: 600;
        font-style: normal
    }
    
    @font-face {
        font-family: Raleway;
        src: url(../../lib/raleway/bold/raleway-bold.eot);
        src: url(../../lib/raleway/bold/raleway-bold.eot?#iefix) format('embedded-opentype'), url(../../lib/raleway/bold/raleway-bold.woff) format('woff'), url(../../lib/raleway/bold/raleway-bold.ttf) format('truetype'), url(../../lib/raleway/bold/raleway-bold.svg#ralewaybold) format('svg');
        font-weight: 700;
        font-style: normal
    }
    
    @font-face {
        font-family: Raleway;
        src: url(../../lib/raleway/extrabold/raleway-extrabold.eot);
        src: url(../../lib/raleway/extrabold/raleway-extrabold.eot?#iefix) format('embedded-opentype'), url(../../lib/raleway/extrabold/raleway-extrabold.woff) format('woff'), url(../../lib/raleway/extrabold/raleway-extrabold.ttf) format('truetype'), url(../../lib/raleway/extrabold/raleway-extrabold.svg#ralewayextrabold) format('svg');
        font-weight: 800;
        font-style: normal
    }
    
    @font-face {
        font-family: Raleway;
        src: url(../../lib/raleway/heavy/raleway-heavy.eot);
        src: url(../../lib/raleway/heavy/raleway-heavy.eot?#iefix) format('embedded-opentype'), url(../../lib/raleway/heavy/raleway-heavy.woff) format('woff'), url(../../lib/raleway/heavy/raleway-heavy.ttf) format('truetype'), url(../../lib/raleway/heavy/raleway-heavy.svg#ralewayheavy) format('svg');
        font-weight: 900;
        font-style: normal
    }
    
    @font-face {
        font-family: Roboto;
        src: url(../../lib/open-sans/light/opensans-light-webfont.eot);
        src: url(../../lib/open-sans/light/opensans-light-webfont.eot?#iefix) format('embedded-opentype'), url(../../lib/open-sans/light/opensans-light-webfont.woff) format('woff'), url(../../lib/open-sans/light/opensans-light-webfont.ttf) format('truetype'), url(../../lib/open-sans/light/opensans-light-webfont.svg#OpenSansLight) format('svg');
        font-weight: 300;
        font-style: normal
    }
    
    @font-face {
        font-family: Roboto;
        src: url(../../lib/open-sans/light-italic/opensans-light-italic-webfont.eot);
        src: url(../../lib/open-sans/light-italic/opensans-light-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../../lib/open-sans/light-italic/opensans-light-italic-webfont.woff) format('woff'), url(../../lib/open-sans/light-italic/opensans-light-italic-webfont.ttf) format('truetype'), url(../../lib/open-sans/light-italic/opensans-light-italic-webfont.svg#OpenSansLightItalic) format('svg');
        font-weight: 300;
        font-style: italic
    }
    
    @font-face {
        font-family: Roboto;
        src: url(../../lib/open-sans/regular/opensans-regular-webfont.eot);
        src: url(../../lib/open-sans/regular/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../../lib/open-sans/regular/opensans-regular-webfont.woff) format('woff'), url(../../lib/open-sans/regular/opensans-regular-webfont.ttf) format('truetype'), url(../../lib/open-sans/regular/opensans-regular-webfont.svg#OpenSansRegular) format('svg');
        font-weight: 400;
        font-style: normal
    }
    
    @font-face {
        font-family: Roboto;
        src: url(../../lib/open-sans/italic/opensans-italic-webfont.eot);
        src: url(../../lib/open-sans/italic/opensans-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../../lib/open-sans/italic/opensans-italic-webfont.woff) format('woff'), url(../../lib/open-sans/italic/opensans-italic-webfont.ttf) format('truetype'), url(../../lib/open-sans/italic/opensans-italic-webfont.svg#OpenSansItalic) format('svg');
        font-weight: 400;
        font-style: italic
    }
    
    @font-face {
        font-family: Roboto;
        src: url(../../lib/open-sans/semibold/opensans-semibold-webfont.eot);
        src: url(../../lib/open-sans/semibold/opensans-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(../../lib/open-sans/semibold/opensans-semibold-webfont.woff) format('woff'), url(../../lib/open-sans/semibold/opensans-semibold-webfont.ttf) format('truetype'), url(../../lib/open-sans/semibold/opensans-semibold-webfont.svg#OpenSansSemibold) format('svg');
        font-weight: 600;
        font-style: normal
    }
    
    @font-face {
        font-family: Roboto;
        src: url(../../lib/open-sans/semibold-italic/opensans-semibold-italic-webfont.eot);
        src: url(../../lib/open-sans/semibold-italic/opensans-semibold-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../../lib/open-sans/semibold-italic/opensans-semibold-italic-webfont.woff) format('woff'), url(../../lib/open-sans/semibold-italic/opensans-semibold-italic-webfont.ttf) format('truetype'), url(../../lib/open-sans/semibold-italic/opensans-semibold-italic-webfont.svg#OpenSansSemiboldItalic) format('svg');
        font-weight: 600;
        font-style: italic
    }
    
    @font-face {
        font-family: Roboto;
        src: url(../../lib/open-sans/bold/opensans-bold-webfont.eot);
        src: url(../../lib/open-sans/bold/opensans-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../../lib/open-sans/bold/opensans-bold-webfont.woff) format('woff'), url(../../lib/open-sans/bold/opensans-bold-webfont.ttf) format('truetype'), url(../../lib/open-sans/bold/opensans-bold-webfont.svg#OpenSansBold) format('svg');
        font-weight: 700;
        font-style: normal
    }
    
    @font-face {
        font-family: Roboto;
        src: url(../../lib/open-sans/bold-italic/opensans-bold-italic-webfont.eot);
        src: url(../../lib/open-sans/bold-italic/opensans-bold-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../../lib/open-sans/bold-italic/opensans-bold-italic-webfont.woff) format('woff'), url(../../lib/open-sans/bold-italic/opensans-bold-italic-webfont.ttf) format('truetype'), url(../../lib/open-sans/bold-italic/opensans-bold-italic-webfont.svg#OpenSansItalic) format('svg');
        font-weight: 700;
        font-style: italic
    }
    
    @font-face {
        font-family: Roboto;
        src: url(../../lib/open-sans/extrabold/opensans-extrabold-webfont.eot);
        src: url(../../lib/open-sans/extrabold/opensans-extrabold-webfont.eot?#iefix) format('embedded-opentype'), url(../../lib/open-sans/extrabold/opensans-extrabold-webfont.woff) format('woff'), url(../../lib/open-sans/extrabold/opensans-extrabold-webfont.ttf) format('truetype'), url(../../lib/open-sans/extrabold/opensans-extrabold-webfont.svg#OpenSansExtrabold) format('svg');
        font-weight: 800;
        font-style: normal
    }
    
    @font-face {
        font-family: Roboto;
        src: url(../../lib/open-sans/extrabold-italic/opensans-extrabold-italic-webfont.eot);
        src: url(../../lib/open-sans/extrabold-italic/opensans-extrabold-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../../lib/open-sans/extrabold-italic/opensans-extrabold-italic-webfont.woff) format('woff'), url(../../lib/open-sans/extrabold-italic/opensans-extrabold-italic-webfont.ttf) format('truetype'), url(../../lib/open-sans/extrabold-italic/opensans-extrabold-italic-webfont.svg#OpenSansExtraboldItalic) format('svg');
        font-weight: 800;
        font-style: italic
    }
    
    .am-wrapper {
        min-height: 100%;
        padding-top: 50px
    }
    
    @media (max-width:767px) {
        .am-wrapper {
            padding-top: 0
        }
    }
    
    @media (min-width:768px) {
        .am-wrapper {
            min-height: 100%;
            padding-top: 0
        }
    }
    
    @media (min-width:768px) {
        .am-top-header .navbar-header .navbar-brand {
            position: fixed
        }
    }
    
    .am-top-header {
        background-color: var(--main_color);
        border: 0;
        margin-bottom: 0
    }
    
    @media (min-width:767px) {
        .am-top-header {
            background-color: transparent;
            z-index: 1030;
            position: fixed;
            left: 0;
            right: 0
        }
    }
    
    .am-animate .am-top-header {
        -webkit-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    
    .am-top-header .navbar-header .navbar-brand {
        background-size: 90%;
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
        padding-top: 0;
        padding-bottom: 0;
        line-height: 50px;
        height: 46px;
        width: 75px;
        background-image: url(../../img/logo.png);
        background-repeat: no-repeat;
        background-position: center center;
        margin-right: 20px;
    }
    
    @media (max-width:767px) {
        .am-top-header .navbar-header .navbar-brand {
            display: none
        }
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .am-top-header .navbar-header .navbar-brand {
            margin-right: 10px
        }
    }
    
    .am-nosidebar-left .am-top-header .navbar-header .navbar-brand {
        background-color: transparent;
        border-bottom-width: 0;
        margin-left: 0;
        margin-right: 10px;
        width: 180px;
        background-image: url(../../img/logo-full.png)
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .am-nosidebar-left .am-top-header .navbar-header .navbar-brand {
            margin-right: 0;
            padding-left: 0;
            width: 160px
        }
    }
    
    .am-top-header .navbar-header .am-toggle-left-sidebar {
        border-radius: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        font-size: 0;
        text-align: center;
        display: none;
        padding: 0 18px;
        border-width: 0;
        line-height: 50px
    }
    
    .am-top-header .navbar-header .am-toggle-left-sidebar .icon-bar {
        display: inline-block;
        background-color: transparent;
        height: auto;
        width: auto;
        vertical-align: middle
    }
    
    .am-top-header .navbar-header .am-toggle-left-sidebar .icon-bar span {
        display: block;
        width: 25px;
        height: 1px;
        margin-top: 6px;
        background-color: var(--oqlis-surface)
    }
    
    .am-top-header .navbar-header .am-toggle-left-sidebar .icon-bar span:first-child {
        margin-top: 0
    }
    
    .am-top-header .navbar-header .am-toggle-left-sidebar:focus,
    .am-top-header .navbar-header .am-toggle-left-sidebar:hover {
        background-color: transparent
    }
    
    @media (max-width:767px) {
        .am-top-header .navbar-header .am-toggle-left-sidebar {
            display: block
        }
    }
    
    .am-top-header .navbar-header .page-title {
        display: none;
        color: var(--oqlis-text);
        font-size: 19px;
        line-height: 50px
    }
    
    @media (max-width:767px) {
        .am-top-header .navbar-header .page-title {
            display: inline-block
        }
    }
    
    @media (max-width:767px) {
        .am-top-header .navbar-header {
            text-align: center
        }
    }
    
    .am-top-header .navbar-collapse {
        padding-right: 0
    }
    
    .am-top-header .navbar-collapse .navbar-nav>li>a {
        line-height: 45px;
        color: var(--oqlis-text);
        font-size: 14px;
        padding: 0 18px;
        outline: 0
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .am-top-header .navbar-collapse .navbar-nav>li>a {
            padding: 0 12px
        }
    }
    
    .am-top-header .navbar-collapse .navbar-nav>li.dropdown>a .angle-down {
        font-size: 27px;
        vertical-align: middle
    }
    
    .am-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu {
        border: 0;
        border-radius: 3px;
        margin-top: 2px
    }
    
    .am-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu>li>a {
        font-size: 11px;
        font-weight: 300;
        color: var(--oqlis-text);
        padding: 8px 20px;
        min-width: 175px
    }
    
    .am-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu>li>a:hover {
        background-color: var(--main_color);
        color: var(--oqlis-surface)
    }
    
    .am-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu>li>a:active,
    .am-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu>li>a:focus {
        background-color: transparent;
        color: var(--oqlis-text)
    }
    
    .am-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu:after {
        border-bottom: 8px solid var(--oqlis-surface);
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        top: -8px;
        content: "";
        display: inline-block;
        left: 42px;
        margin-left: -6px;
        position: absolute
    }
    
    .am-top-header .navbar-collapse .navbar-nav.am-nav-right>li:first-child>a {
        padding-left: 15px
    }
    
    .am-top-header .navbar-collapse .am-user-nav {
        margin-right: 0
    }
    
    @media (min-width:767px) {
        .am-top-header .navbar-collapse .am-user-nav {
            background-color: var(--oqlis-surface)
        }
    }
    
    @media (min-width:767px) {
        .am-top-header .navbar-collapse .am-icons-nav {
            background-color: var(--oqlis-surface)
        }
    }
    
    .am-top-header .navbar-collapse .am-user-nav>li.dropdown>a {
        padding-left: 16px;
        padding-right: 4px
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .am-top-header .navbar-collapse .am-user-nav>li.dropdown>a {
            padding-left: 10px
        }
    }
    
    .am-top-header .navbar-collapse .am-user-nav>li.dropdown>a img {
        max-width: 35px;
        max-height: 35px;
        border-radius: 50%
    }
    
    .am-top-header .navbar-collapse .am-user-nav>li.dropdown>a .user-name {
        margin-left: 8px;
        display: none
    }
    
    .am-top-header .navbar-collapse .am-user-nav>li.dropdown .dropdown-menu li a .icon {
        font-size: 20px;
        vertical-align: middle;
        margin-right: 6px
    }
    
    .am-top-header .navbar-collapse .am-user-nav>li.dropdown .dropdown-menu:after {
        left: auto;
        right: 20px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav {
        margin-right: 0
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .am-top-header .navbar-collapse .am-icons-nav {
            margin-right: 0
        }
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>a {
        padding: 0 9px;
        position: relative
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>a .icon {
        font-size: 28px;
        vertical-align: middle;
        color: var(--oqlis-text)
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>a .indicator {
        background: var(--oqlis-text);
        border-radius: 50%;
        display: block;
        height: 6px;
        width: 6px;
        position: absolute;
        top: 25px;
        right: 9px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications {
        width: 300px;
        border-radius: 5px;
        left: auto;
        margin-right: -150px;
        right: 50%;
        padding-bottom: 0
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .title,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .title,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .title {
        font-size: 13px;
        color: #8a8a8a;
        text-align: center;
        padding: 3px 0 7px;
        border-bottom: 1px solid #ebebeb
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .title .badge,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .title .badge,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .title .badge {
        font-weight: 600;
        font-size: 10px;
        line-height: 9px;
        vertical-align: middle;
        margin-left: 4px;
        background-color: #e4e4e4;
        color: #8a8a8a;
        min-width: 17px;
        height: 17px;
        text-align: center;
        padding: 3px 6px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .footer a,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .footer a,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .footer a {
        font-size: 13px;
        color: #8a8a8a;
        text-align: center;
        padding: 10px 0;
        border-top: 1px solid #ebebeb;
        display: block;
        outline: 0
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .footer a:hover,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .footer a:hover,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .footer a:hover {
        background-color: #f5f5f5
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections:after,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages:after,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications:after {
        left: 50%;
        margin-left: -8px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller {
        height: 222px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul {
        list-style: none;
        padding-left: 0
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li {
        overflow: hidden;
        border-bottom: 1px solid #ebebeb
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li>a {
        padding: 15px;
        display: block;
        overflow: hidden
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .logo,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li>a .logo {
        height: 38px;
        width: 38px;
        border-radius: 50%;
        background-color: #e4e4e4;
        float: left;
        text-align: center
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .logo .icon,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li>a .logo .icon {
        font-size: 25px;
        color: #979595;
        line-height: 36px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .user-content,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li>a .user-content {
        padding-left: 50px;
        line-height: 14px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .user-content .circle,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li>a .user-content .circle {
        width: 6px;
        height: 6px;
        background: var(--main_color);
        border-radius: 50%;
        float: right;
        position: relative;
        top: 6px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .user-content .name,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .user-content .text-content,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li>a .user-content .name,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li>a .user-content .text-content {
        font-weight: 500;
        font-size: 13px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .user-content .text-content,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li>a .user-content .text-content {
        color: #8a8a8a;
        font-size: 11px;
        line-height: 16px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .user-content .date,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li>a .user-content .date {
        color: #8a8a8a;
        display: block;
        font-size: 9px;
        margin-top: 4px;
        text-transform: uppercase
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li.active,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li.active {
        background-color: rgba(107, 195, 176, .1);
        border-bottom: 1px solid rgba(107, 195, 176, .1)
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover {
        background-color: var(--main_color)
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a {
        color: var(--oqlis-surface)
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a .logo,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a .logo {
        background-color: #52b9a2
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a .logo .icon,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a .logo .icon {
        color: var(--oqlis-surface)
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a .user-content .circle,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a .user-content .circle {
        background: var(--oqlis-surface)
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a .user-content .date,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a .user-content .text-content,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a .user-content .date,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a .user-content .text-content {
        color: var(--oqlis-surface)
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:last-child,
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:last-child {
        border-bottom: 0
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller {
        height: 230px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .logo {
        width: 40px;
        height: 40px;
        background-color: transparent;
        border-radius: 50%;
        overflow: hidden
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .logo img {
        max-width: 100%
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .user-content .date {
        display: inline-block;
        text-transform: none;
        float: right;
        margin-top: 0;
        font-size: 10px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li>a .user-content .text-content {
        display: block;
        margin-top: 4px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a .logo {
        background-color: transparent
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .content ul {
        padding: 0
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .content ul li {
        display: block;
        overflow: hidden;
        list-style: none;
        padding: 10px 20px;
        line-height: 34px;
        border-bottom: 1px solid #ebebeb
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .content ul li .logo {
        width: 35px;
        height: 35px;
        float: left;
        text-align: center
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .content ul li .logo img {
        max-height: 100%;
        max-width: 100%
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .content ul li .field {
        padding-left: 45px;
        vertical-align: middle
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .content ul li .field>span {
        color: #8a8a8a;
        font-weight: 500;
        font-size: 13px
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .content ul li .field .switch-button {
        vertical-align: middle
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .content ul li:hover {
        background-color: #f5f5f5
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-connections .content ul li:last-child {
        border-bottom: 0
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown.open>a {
        background-color: transparent
    }
    
    .am-top-header .navbar-collapse .am-icons-nav>li.dropdown.open>a .icon {
        color: var(--oqlis-surface)
    }
    
    .am-top-header .am-toggle-right-sidebar {
        float: right;
        display: block;
        padding: 0 18px;
        line-height: 45px;
        color: var(--oqlis-text);
        margin-right: 5px
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .am-top-header .am-toggle-right-sidebar {
            margin-right: 0;
            padding-left: 5px;
            padding-right: 9px
        }
    }
    
    .am-top-header .am-toggle-right-sidebar .icon {
        font-size: 26px;
        vertical-align: middle;
        position: relative;
        top: -1px
    }
    
    @media (max-width:767px) {
        .am-top-header .am-toggle-right-sidebar {
            position: absolute;
            top: 0;
            right: 0;
            line-height: 45px;
            margin-right: 0
        }
    }
    
    .am-top-header .am-toggle-top-header-menu {
        display: none;
        text-align: center;
        background-color: #393838;
        font-size: 31px;
        line-height: 41px;
        color: #e1e1e1
    }
    
    @media (max-width:767px) {
        .am-top-header .am-toggle-top-header-menu {
            display: block
        }
    }
    
    @media (min-width:768px) {
        .am-white-header .am-top-header {
            background-color: var(--oqlis-surface);
            border-bottom: 1px solid #e6e6e6
        }
        .am-white-header .am-top-header .navbar-brand {
            background-color: var(--main_color);
            border-bottom-color: #294a65;
            position: relative;
            top: 1px
        }
        .am-white-header .am-top-header .navbar-brand:after {
            content: "";
            display: block;
            height: 1px;
            width: 100%;
            background-color: inherit;
            position: absolute;
            top: -1px;
            left: 0
        }
        .am-white-header .am-top-header .navbar-collapse .navbar-nav>li>a {
            color: var(--oqlis-text);
        }
        .am-white-header .am-top-header .navbar-collapse .navbar-nav>li.open>a {
            background-color: var(--oqlis-surface)
        }
        .am-white-header .am-top-header .navbar-collapse .navbar-nav>li.open .dropdown-menu {
            margin-top: 10px
        }
        .am-white-header .am-top-header .am-icons-nav>li.dropdown>a .icon {
            color: rgba(85, 85, 85, .8)
        }
        .am-white-header .am-top-header .am-icons-nav>li.dropdown>a .indicator {
            background-color: var(--main_color)
        }
        .am-white-header .am-top-header .am-icons-nav>li.dropdown.open>a {
            background-color: transparent
        }
        .am-white-header .am-top-header .am-icons-nav>li.dropdown.open>a .icon {
            color: var(--main_color)
        }
        .am-white-header .am-top-header .am-toggle-right-sidebar {
            color: rgba(85, 85, 85, .8)
        }
    }
    
    @media (max-width:767px) {
        .am-top-header {
            position: fixed;
            width: 100%;
            z-index: 9999
        }
        .am-content {
            padding-top: 92px
        }
        .am-top-header .navbar-collapse {
            background-color: #3d3c3c;
            border-top-color: #353434;
            overflow: hidden;
            padding: 0;
            margin: 0;
            max-height: none;
            box-shadow: none;
            position: relative
        }
        .am-top-header .navbar-collapse>.navbar-nav {
            margin: 0
        }
        .am-top-header .navbar-collapse>.navbar-nav>li>a {
            padding: 0 20px;
            line-height: 45px;
            font-size: 13px;
            position: relative
        }
        .am-top-header .navbar-collapse>.navbar-nav>li.open>a {
            background-color: transparent
        }
        .am-top-header .navbar-collapse>.navbar-nav>li.dropdown .dropdown-menu {
            background-color: #484747
        }
        .am-top-header .navbar-collapse>.navbar-nav>li.dropdown .dropdown-menu>li>a {
            color: #e1e1e1;
            padding-left: 26px
        }
        .am-top-header .navbar-collapse>.navbar-nav>li.dropdown .dropdown-menu>li>a:active,
        .am-top-header .navbar-collapse>.navbar-nav>li.dropdown .dropdown-menu>li>a:focus,
        .am-top-header .navbar-collapse>.navbar-nav>li.dropdown .dropdown-menu>li>a:hover {
            background-color: transparent;
            color: #e1e1e1
        }
        .am-top-header .navbar-collapse>.navbar-nav>li.dropdown .dropdown-menu>li>a:active {
            color: var(--oqlis-surface)
        }
        .am-top-header .navbar-collapse>.navbar-nav>li.dropdown .dropdown-menu:after {
            content: "";
            display: none
        }
        .am-top-header .navbar-collapse>.navbar-nav.am-nav-right>li:first-child>a {
            padding-left: 20px
        }
        .am-top-header .navbar-collapse .am-user-nav>li.dropdown>a {
            padding: 0 15px;
            line-height: 65px
        }
        .am-top-header .navbar-collapse .am-user-nav>li.dropdown>a>img {
            max-height: 32px;
            max-width: 32px
        }
        .am-top-header .navbar-collapse .am-user-nav>li.dropdown>a .user-name {
            display: inline
        }
        .am-top-header .navbar-collapse .am-icons-nav {
            border-top: 1px solid #353434;
            background-color: #393838;
            text-align: center
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown {
            display: inline-block;
            position: static
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>a .icon {
            color: #e1e1e1
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>a .indicator {
            top: 10px;
            background-color: var(--focus_color)
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>ul.dropdown-menu {
            position: absolute;
            top: 0;
            bottom: 46px;
            left: 0;
            width: 100%;
            margin-top: 0;
            padding-top: 0;
            border-radius: 0
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>ul.dropdown-menu>li {
            height: 100%;
            display: table;
            table-layout: fixed;
            width: 100%
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>ul.dropdown-menu>li .title {
            display: none
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>ul.dropdown-menu>li>.list {
            background-color: var(--oqlis-surface);
            height: 100%;
            display: table-row
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>ul.dropdown-menu>li>.list .am-scroller {
            height: 100%
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>ul.dropdown-menu>li .content {
            background-color: var(--oqlis-surface)
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>ul.dropdown-menu>li .content>ul>li {
            background-color: var(--oqlis-surface)
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>ul.dropdown-menu>li .footer>a {
            border-top-color: #e0e0e0;
            background-color: #ebebeb
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>ul.dropdown-menu>li .footer>a:hover {
            background-color: #e6e6e6
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown>ul.dropdown-menu:after {
            display: none
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li,
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li {
            border-bottom-color: #e0e0e0
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover,
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover {
            background-color: var(--oqlis-surface)
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a,
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a {
            color: var(--main_color)
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a .user-content .date,
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a .user-content .text-content,
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a .user-content .date,
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a .user-content .text-content {
            color: #8a8a8a
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a .user-content .circle,
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a .user-content .circle {
            background-color: var(--main_color)
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a .logo,
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a .logo {
            background-color: #e4e4e4
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li:hover>a .logo .icon,
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li:hover>a .logo .icon {
            color: #979595
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li.active,
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li.active {
            border-bottom-color: #e0e0e0
        }
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-messages .am-scroller>.content>ul>li.active:hover,
        .am-top-header .navbar-collapse .am-icons-nav>li.dropdown .am-notifications .am-scroller>.content>ul>li.active:hover {
            background-color: #daf0eb
        }
        .am-top-header .container-fluid {
            padding: 0
        }
    }
    
    .am-left-sidebar {
        background-color: var(--oqlis-sidebar-bg);
        width: 75px;
        height: 100%;
        left: 0;
        position: absolute
    }
    
    .am-left-sidebar .sidebar-elements {
        margin: 0;
        padding: 0
    }
    
    .am-left-sidebar .sidebar-elements>li {
        border-bottom: 0 solid #323232;
        list-style: none;
        position: relative
    }
    
    .am-left-sidebar .sidebar-elements>li>a {
        display: block;
        padding: 14px 9px 15px 9px;
        color: #ffffff;
        text-align: center;
        font-size: 9px
    }
    
    .am-left-sidebar .sidebar-elements>li>a .icon {
        display: block;
        font-size: 24px
    }
    
    .am-left-sidebar .sidebar-elements>li>a span {
        display: block;
        margin-top: 5px;
        font-weight: 500
    }
    
    .am-left-sidebar .sidebar-elements>li>ul {
        display: none;
        position: fixed;
        left: 75px;
        top: 0;
        height: 100%;
        background-color: var(--oqlis-sidebar-bg);
        z-index: 1031;
        padding: 0;
        table-layout: fixed;
        list-style: none;
        width: 320px
    }
    
    .am-left-sidebar .sidebar-elements>li>ul.visible {
        display: table
    }
    
    .am-left-sidebar .sidebar-elements>li>ul.hide {
        display: none
    }
    
    .am-left-sidebar .sidebar-elements>li>ul>li.title {
        color: #dcdcdc;
        border-bottom: 1px solid #6d6b6b;
        font-size: 20px;
        font-weight: 400;
        margin: 0 25px 0;
        padding-bottom: 8px;
        padding-top: 9px
    }
    
    .am-left-sidebar .sidebar-elements>li>ul>.nav-items {
        display: table-row;
        height: 100%
    }
    
    .am-left-sidebar .sidebar-elements>li>ul>.nav-items .am-scroller .content {
        padding-top: 0
    }
    
    .am-left-sidebar .sidebar-elements>li>ul>.nav-items .am-scroller .content>ul {
        padding: 0;
        margin: 0
    }
    
    .am-left-sidebar .sidebar-elements>li>ul>.nav-items .am-scroller .content>ul>li>a {
        padding: 4px 25px;
        color: #dcdcdc;
        font-size: 11px;
        display: block;
        font-weight: 400;
        white-space: nowrap;
    }
    
    .am-left-sidebar .sidebar-elements>li>ul>.nav-items .am-scroller .content>ul>li>a .label {
        border-radius: 2px;
        font-weight: 400;
        line-height: 10px;
        padding: 5px 10px
    }
    
    .am-left-sidebar .sidebar-elements>li>ul>.nav-items .am-scroller .content>ul>li>a:hover {
        background-color: var(--oqlis-sidebar-hover-bg);
        color: var(--oqlis-surface)
    }
    
    .am-left-sidebar .sidebar-elements>li>ul>.nav-items .am-scroller .content>ul li.active>a {
        color: var(--focus_color)
    }
    
    .am-left-sidebar .sidebar-elements>li:hover {
        background-color:var(--oqlis-sidebar-hover-bg);
    }
    
    .am-left-sidebar .sidebar-elements>li:hover>ul {
        display: table
    }
    
    .am-left-sidebar .sidebar-elements>li.active>a {
        border-left: 2px solid var(--focus_color);
        padding-left: 15px 12px 15px 12px;
        background-color: var(--oqlis-sidebar-hover-bg);
        border-radius: 5px;
        filter: drop-shadow(4px 8px 15px black);
    }
    
    .am-left-sidebar:before {
        content: "";
        position: fixed;
        z-index: -1;
        width: inherit;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: inherit
    }
    
    .am-animate .am-left-sidebar:before {
        -webkit-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    
    @media (max-width:767px) {
        .am-left-sidebar {
            width: 85%;
            height: 100%;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            position: fixed;
            top: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
        .am-left-sidebar .sidebar-elements>li>a {
            text-align: left;
            position: relative
        }
        .am-left-sidebar .sidebar-elements>li>a .icon {
            display: inline-block;
            font-size: 25px;
            margin-right: 10px;
            vertical-align: middle
        }
        .am-left-sidebar .sidebar-elements>li>a span {
            display: inline-block
        }
        .am-left-sidebar .sidebar-elements>li.parent>a:after {
            content: '\e688';
            float: right;
            font-family: 'Stroke 7';
            font-size: 26px;
            line-height: 28px;
            color: #a1a1a1
        }
        .am-left-sidebar .sidebar-elements>li>ul {
            position: relative;
            height: auto;
            width: 100%;
            left: 0
        }
        .am-left-sidebar .sidebar-elements>li>ul>li.title {
            display: none
        }
        .am-left-sidebar .sidebar-elements>li>ul>li.nav-items {
            display: block;
            height: auto
        }
        .am-left-sidebar .sidebar-elements>li>ul>li.nav-items>.am-scroller {
            height: auto;
            overflow: visible
        }
        .am-left-sidebar .sidebar-elements>li>ul>li.nav-items>.am-scroller>.content {
            padding-top: 0;
            overflow: visible;
            position: relative
        }
        .am-left-sidebar .sidebar-elements>li:hover {
            background-color: inherit
        }
        .am-left-sidebar .sidebar-elements>li:hover>ul {
            display: none
        }
        .am-left-sidebar .sidebar-elements li.open>ul {
            display: block
        }
        .am-left-sidebar .am-logo {
            background: url(../../img/logo-full.png) no-repeat 15px center;
            height: 70px;
            background-color: #393838;
            border-bottom: 1px solid #353434;
            display: block
        }
    }
    
    @media (max-width:767px) and (-webkit-min-device-pixel-ratio:2),
    (-webkit-min-device-pixel-ratio:2),
    (-o-min-device-pixel-ratio:2/1),
    (min-resolution:192dpi) {
        .am-left-sidebar .am-logo {
            background-image: url(../../img/logo-full-retina.png);
            background-size: 150px 39px
        }
    }
    
    .am-animate .am-left-sidebar {
        -webkit-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    
    .am-fixed-sidebar .am-left-sidebar {
        margin-top: 45px;
        padding-bottom: 50px;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 1031
    }
    
    @media (max-width:767px) {
        .am-fixed-sidebar .am-left-sidebar {
            margin-top: 0
        }
    }
    
    .am-fixed-sidebar .am-left-sidebar:before {
        top: 75px
    }
    
    .am-fixed-sidebar .am-left-sidebar .nano-pane {
        width: 4px
    }
    
    .am-fixed-sidebar .am-left-sidebar .nano-pane>.nano-slider {
        background-color: rgba(0, 0, 0, .15)
    }
    
    @media (max-width:767px) {
        body.open-left-sidebar .am-wrapper {
            overflow: hidden
        }
        body.open-left-sidebar .am-content,
        body.open-left-sidebar .am-top-header {
            -webkit-transform: translate3d(85%, 0, 0);
            transform: translate3d(85%, 0, 0)
        }
        body.open-left-sidebar .am-left-sidebar {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    
    .am-right-sidebar {
        overflow-y: hidden;
        position: fixed;
        width: 255px;
        height: 100%;
        top: 0;
        right: -255px
    }
    
    .am-animate .am-right-sidebar {
        -webkit-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    
    @media (min-width:768px) {
        body.open-right-sidebar .am-content {
            left: -255px
        }
        body.open-right-sidebar .page-aside {
            left: -155px
        }
        body.open-right-sidebar .am-top-header {
            right: 255px;
            left: -255px
        }
        body.open-right-sidebar .am-left-sidebar {
            left: -255px
        }
        body.open-right-sidebar .am-left-sidebar:before {
            left: -255px
        }
        body.open-right-sidebar .am-right-sidebar {
            right: 0
        }
    }
    
    @media (max-width:767px) {
        body.open-right-sidebar .am-content,
        body.open-right-sidebar .am-top-header,
        body.open-right-sidebar .page-aside {
            -webkit-transform: translate3d(-255px, 0, 0);
            transform: translate3d(-255px, 0, 0)
        }
    }
    
    @media (max-width:767px) and (max-width:767px) {
        body.open-right-sidebar .am-content,
        body.open-right-sidebar .am-top-header,
        body.open-right-sidebar .page-aside {
            -webkit-transform: translate3d(-85%, 0, 0);
            transform: translate3d(-85%, 0, 0)
        }
    }
    
    @media (max-width:767px) and (max-width:767px) {
        body.open-right-sidebar .am-wrapper {
            overflow: hidden
        }
        body.open-right-sidebar .am-right-sidebar {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    
    .am-right-sidebar {
        background-color: #484747
    }
    
    .am-right-sidebar .sb-content {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    
    .am-right-sidebar .user-info {
        text-align: center;
        padding: 30px 20px;
        border-bottom: 1px solid #525050;
        background-color: var(--oqlis-surface)
    }
    
    .am-right-sidebar .user-info img {
        border-radius: 50%;
        width: 76px;
        height: 76px;
        margin-bottom: 20px
    }
    
    .am-right-sidebar .user-info span {
        display: block
    }
    
    .am-right-sidebar .user-info span.name {
        color: #e1e1e1;
        font-size: 14px
    }
    
    .am-right-sidebar .user-info span.name .status {
        border-radius: 50%;
        height: 7px;
        width: 7px;
        background-color: #00b777;
        display: inline-block;
        margin-left: 8px;
        position: relative;
        top: -1px
    }
    
    .am-right-sidebar .user-info span.position {
        color: #aaa;
        font-size: 13px
    }
    
    @media (max-width:767px) {
        .am-right-sidebar .user-info {
            background-color: #3b3a3a;
            border-bottom: 0 solid #353434;
            text-align: left;
            padding: 17px 22px 21px
        }
        .am-right-sidebar .user-info img {
            height: 36px;
            width: 36px;
            margin-bottom: 0;
            float: left
        }
        .am-right-sidebar .user-info>span {
            padding-left: 46px
        }
        .am-right-sidebar .user-info>span.position {
            font-size: 11px;
            line-height: 12px
        }
    }
    
    .am-right-sidebar .tab-navigation .nav-tabs {
        background-color: #424141;
        border-bottom: 0;
        padding: 0 15px
    }
    
    .am-right-sidebar .tab-navigation .nav-tabs>li>a {
        background-color: transparent;
        border-width: 0;
        padding: 14px 10px;
        min-width: auto
    }
    
    .am-right-sidebar .tab-navigation .nav-tabs>li>a .icon {
        font-size: 25px;
        color: #aaa
    }
    
    .am-right-sidebar .tab-navigation .nav-tabs>li>a:hover {
        border: 0;
        background-color: transparent
    }
    
    .am-right-sidebar .tab-navigation .nav-tabs>li>a:hover .icon {
        color: var(--oqlis-surface)
    }
    
    .am-right-sidebar .tab-navigation .nav-tabs>li>a:focus {
        border: 0;
        background-color: transparent
    }
    
    .am-right-sidebar .tab-navigation .nav-tabs>li.active>a .icon {
        color: var(--main_color)
    }
    
    @media (max-width:767px) {
        .am-right-sidebar .tab-navigation .nav-justified {
            display: table
        }
        .am-right-sidebar .tab-navigation .nav-justified>li {
            display: table-cell
        }
        .am-right-sidebar .tab-navigation .nav-justified>li>a {
            margin-bottom: 0;
            min-width: 40px
        }
    }
    
    .am-right-sidebar .tab-panel {
        height: 100%;
        display: table-row
    }
    
    .am-right-sidebar .tab-panel .tab-content {
        height: 100%;
        position: relative;
        width: 100%;
        padding: 0;
        background: 0 0
    }
    
    .am-right-sidebar .tab-panel .tab-content .tab-pane {
        height: 100%;
        position: relative;
        width: 100%
    }
    
    .am-right-sidebar .tab-panel .tab-content .tab-pane>.content {
        overflow: auto;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
    
    .am-right-sidebar .tab-panel .tab-content .tab-pane h2 {
        color: #e1e1e1;
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 15px;
        border-bottom: 1px solid #6d6b6b;
        padding-left: 5px;
        margin-bottom: 25px;
        margin-top: 18px
    }
    
    .am-right-sidebar .tab-panel .tab-content .search {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%
    }
    
    .am-right-sidebar .tab-panel .tab-content .search>input {
        border: 0;
        background-color: #424141;
        color: #b3b3b3;
        width: 100%;
        font-size: 13px;
        font-weight: 300;
        padding: 15px 20px;
        outline: 0
    }
    
    .am-right-sidebar .tab-panel .tab-content .search>span {
        position: absolute;
        color: #aaa;
        right: 15px;
        top: 50%;
        font-size: 20px;
        margin-top: -10px;
        cursor: pointer
    }
    
    .am-right-sidebar .tab-panel .tab-content .search>span:hover {
        color: #d1d1d1
    }
    
    .am-right-sidebar .tab-panel .tab-content .announcement .nano-content,
    .am-right-sidebar .tab-panel .tab-content .announcement .nano-pane {
        margin-bottom: 49px
    }
    
    .am-right-sidebar .tab-panel .tab-content .announcement .nano-content>.content {
        padding: 10px 20px 0
    }
    
    .am-right-sidebar .tab-panel .tab-content .announcement ul {
        list-style: none;
        padding-left: 0
    }
    
    .am-right-sidebar .tab-panel .tab-content .announcement ul>li {
        position: relative;
        padding-left: 30px;
        margin-bottom: 25px
    }
    
    .am-right-sidebar .tab-panel .tab-content .announcement ul>li>.icon {
        position: absolute;
        left: 0;
        font-size: 16px;
        background-color: #424141;
        color: #d6d6d6;
        border-radius: 50%;
        height: 26px;
        width: 26px;
        text-align: center;
        line-height: 20px
    }
    
    .am-right-sidebar .tab-panel .tab-content .announcement ul>li>.icon span.icon {
        vertical-align: middle
    }
    
    .am-right-sidebar .tab-panel .tab-content .announcement ul>li .content {
        margin-left: 5px
    }
    
    .am-right-sidebar .tab-panel .tab-content .announcement ul>li .content a {
        display: block;
        color: var(--oqlis-text);
        padding-top: 3px;
        font-size: 11px
    }
    
    .am-right-sidebar .tab-panel .tab-content .announcement ul>li .content a:hover {
        color: #88cfbf
    }
    
    .am-right-sidebar .tab-panel .tab-content .announcement ul>li .content span {
        display: block;
        color: #b3b3b3;
        margin-top: 5px;
        font-size: 11px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat {
        overflow: hidden;
        white-space: nowrap;
        font-size: 0;
        width: 255px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat h2 {
        margin: 30px 20px 15px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .contact,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent {
        margin-bottom: 30px;
        font-size: 11px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a {
        display: block;
        padding: 11px 25px;
        overflow: hidden
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a img,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        float: left
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data,
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data2,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data2 {
        padding-left: 40px;
        line-height: 16px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data .status,
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data2 .status,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data .status,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data2 .status {
        background-color: #00b777;
        border-radius: 50%;
        float: right;
        width: 7px;
        height: 7px;
        position: relative;
        top: 5px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data .status.offline,
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data2 .status.offline,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data .status.offline,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data2 .status.offline {
        background-color: #e65a5a
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data .status.away,
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data2 .status.away,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data .status.away,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data2 .status.away {
        background-color: #f2c329
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data .name,
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data2 .name,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data .name,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data2 .name {
        color: #e1e1e1;
        font-weight: 500
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data .message,
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data2 .message,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data .message,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data2 .message {
        display: block;
        color: #999;
        font-size: 11px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a .user-data2,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a .user-data2 {
        margin-top: 7px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .contact .user a:hover,
    .am-right-sidebar .tab-panel .tab-content>.chat .recent .user a:hover {
        background-color: #424141
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-contacts,
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window {
        height: 100%;
        width: 255px;
        display: table;
        table-layout: fixed;
        position: absolute;
        left: 0;
        -webkit-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-contacts .chat-sections {
        height: 100%;
        display: table-row
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-contacts .search {
        position: relative
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window {
        height: 100%;
        left: 255px;
        display: table;
        table-layout: fixed
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .title {
        padding: 20px 10px;
        padding-right: 20px;
        overflow: hidden
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .title .icon {
        font-size: 35px;
        color: #b3b3b3;
        position: relative;
        vertical-align: middle;
        cursor: pointer
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .title .user {
        display: inline-block;
        float: right;
        text-align: right;
        line-height: 13px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .title .user img {
        height: 35px;
        width: 35x;
        border-radius: 50%;
        float: right;
        margin-left: 10px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .title .user h2 {
        display: inline-block;
        margin: 0;
        padding: 0;
        border: 0
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .title .user span {
        display: block;
        font-size: 11px;
        color: #999
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-messages {
        height: 100%;
        display: table-row;
        font-size: 13px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-messages .content {
        outline: 0
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-messages .content>ul {
        outline: 0;
        margin: 0;
        padding: 0
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-messages .content>ul>li {
        display: block;
        list-style: none;
        padding: 9px 16px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-messages .content>ul>li .msg {
        position: relative;
        display: inline-block;
        background-color: #72c6b4;
        color: var(--oqlis-text);
        font-size: 11px;
        padding: 5px 8px;
        border-radius: 3px;
        white-space: normal;
        text-align: left;
        margin-left: 40px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-messages .content>ul>li .msg:after {
        content: "";
        position: absolute;
        right: -5px;
        top: 7px;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #72c6b4;
        border-top: 6px solid transparent
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-messages .content>ul>li.friend .msg {
        background-color: var(--oqlis-surface);
        color: #424141;
        margin-left: 0;
        margin-right: 40px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-messages .content>ul>li.friend .msg:after {
        right: auto;
        left: -5px;
        border-left-width: 0;
        border-right: 5px solid var(--oqlis-surface)
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-messages .content>ul>li.self {
        text-align: right
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-input {
        position: relative
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-input .input-wrapper>input {
        border: 0;
        background-color: #424141;
        color: #b3b3b3;
        width: 100%;
        font-size: 13px;
        font-weight: 300;
        padding: 15px 20px;
        padding-left: 42px;
        padding-right: 40px;
        outline: 0
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-input .input-wrapper>span {
        position: absolute;
        color: #aaa;
        right: 15px;
        top: 50%;
        font-size: 20px;
        margin-top: -10px;
        cursor: pointer
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-input .input-wrapper>span:hover {
        color: #d1d1d1
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat .chat-window .chat-input .input-wrapper .photo {
        left: 15px;
        font-size: 22px;
        top: 47%;
        right: auto
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat.chat-opened .chat-contacts {
        left: -255px
    }
    
    .am-right-sidebar .tab-panel .tab-content>.chat.chat-opened .chat-window {
        left: 0
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .content,
    .am-right-sidebar .tab-panel .tab-content .faqs .nano-pane {
        margin-bottom: 49px
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .content {
        padding: 10px 20px 1px
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        margin-top: 0;
        margin-bottom: 20px
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading {
        background-color: transparent;
        border-color: transparent;
        padding: 0
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title {
        margin-top: 0
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a {
        color: var(--oqlis-text);
        position: relative;
        padding: 0;
        padding-left: 35px;
        line-height: 24px;
        display: block
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a .icon {
        background-color: #424141;
        height: 26px;
        width: 26px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 50%;
        text-align: center;
        line-height: 25px
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a .icon>span {
        font-size: 26px;
        color: #d6d6d6;
        position: relative;
        top: 1px;
        display: inline-block;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a .title {
        font-size: 11px;
        font-weight: 400
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a.collapsed .icon {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-heading .panel-title a.collapsed .icon>span {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    
    .am-right-sidebar .tab-panel .tab-content .faqs .panel-group .panel .panel-collapse .panel-body {
        border-top: 0;
        color: #b3b3b3;
        padding-left: 35px;
        padding-top: 3px;
        padding-right: 0;
        padding-bottom: 0;
        font-size: 11px
    }
    
    .am-right-sidebar .tab-panel .tab-content .ticket .content {
        padding: 10px 20px 30px
    }
    
    .am-right-sidebar .tab-panel .tab-content .ticket form {
        margin-top: 30px
    }
    
    .am-right-sidebar .tab-panel .tab-content .ticket form .send-ticket {
        margin-bottom: 30px
    }
    
    .am-right-sidebar .tab-panel .tab-content .ticket form .send-ticket label {
        color: var(--oqlis-text);
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 13px
    }
    
    .am-right-sidebar .tab-panel .tab-content .ticket form .send-ticket .form-control {
        background-color: transparent;
        border-radius: 2px;
        box-shadow: none;
        font-size: 13px;
        border: 1px solid #646262;
        color: #e1e1e1;
        height: auto;
        padding: 10px
    }
    
    .am-right-sidebar .tab-panel .tab-content .ticket form .send-ticket textarea {
        min-height: 160px
    }
    
    .am-right-sidebar .tab-panel .tab-content .ticket form .btn {
        width: 100%
    }
    
    @media (max-width:767px) {
        .am-right-sidebar {
            width: 85%;
            right: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
        .am-right-sidebar .tab-panel .tab-content>.chat {
            width: 100%
        }
        .am-right-sidebar .tab-panel .tab-content>.chat .chat-contacts,
        .am-right-sidebar .tab-panel .tab-content>.chat .chat-window {
            width: 100%
        }
        .am-right-sidebar .tab-panel .tab-content>.chat .chat-window {
            left: 100%
        }
        .am-right-sidebar .tab-panel .tab-content>.chat.chat-opened .chat-contacts {
            left: -100%
        }
    }
    
    .am-animate {
        -webkit-transition: all 2s ease;
        -o-transition: all 2s ease;
        transition: all 2s ease
    }
    
    .am-content {
        position: relative;
        left: 0;
        margin-left: 75px;
        min-height: 100%
    }
    
    @media (max-width:767px) {
        .am-content {
            margin-left: 0;
            padding-top: 92px
        }
    }
    
    @media (min-width:767px) {
        .am-content {
            top: 45px
        }
    }
    
    .am-animate .am-content {
        -webkit-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    
    .am-nosidebar-left .am-content {
        margin-left: 0
    }
    
    .main-content {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .main-content {
            padding-left: 25px;
            padding-right: 25px;
            padding-top: 30px
        }
    }
    
    @media (max-width:767px) {
        .main-content {
            height: 100%;
            width: 100%;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 20px
        }
    }
    
    .am-no-padding .main-content {
        padding: 0
    }
    
    .page-head {
        background: none repeat scroll 0 0 var(--oqlis-surface);
        padding: 2px 15px 2px 15px;
        height: 45px;
        position: fixed;
        left: 75px;
        right: 122px;
        top: 0;
        z-index: 1030;
        box-shadow: 0 .5px 0 0 var(--oqlis-text)0001a
    }
    
    .page-head-breadcrumb {
        background: none repeat scroll 0 0 var(--oqlis-surface);
        padding: 2px 15px 2px 15px;
        height: 45px;
        position: fixed;
        left: 75px;
        right: 122px;
        top: 0;
        z-index: 1030;
        box-shadow: 0 .5px 0 0 var(--oqlis-text)0001a
    }
    
    .page-head-breadcrumb h2 {
        margin-bottom: 5px;
        margin-top: 2px;
        font-weight: 600;
        letter-spacing: 0;
        font-size: 18px;
        line-height: 41px;
        float: left
    }
    
    .page-head h2 {
        margin-bottom: 5px;
        margin-top: 2px;
        font-weight: 600;
        font-size: 18px;
        line-height: 41px
    }
    
    .page-head .breadcrumb {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        margin-bottom: 0;
        padding: 4px;
        font-size: 11px
    }
    
    .page-head-breadcrumb .breadcrumb {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        margin-bottom: 0;
        padding: 18px;
        font-size: 11px;
        float: left
    }
    
    .am-white-header .page-head {
        background-color: #f8f8f8
    }
    
    @media (max-width:767px) {
        .page-head {
            padding: 8px 15px 20px;
            width: 100%;
            position: relative;
            left: 0
        }
        .page-head h2 {
            margin-bottom: 5px;
            margin-top: 2px;
            font-weight: 600;
            font-size: 20px;
            line-height: 36px
        }
    }
    
    .am-aside .main-content {
        margin-left: 280px
    }
    
    .am-aside-filter .main-content {
        margin-right: 240px
    }
    
    @media (max-width:767px) {
        .am-aside .main-content {
            margin-left: inherit
        }
        .am-aside-filter .main-content {
            margin-right: inherit
        }
    }
    
    .page-aside {
        background: none repeat scroll 0 0 var(--oqlis-surface);
        width: 280px;
        height: 100%;
        position: absolute;
        top: -50px;
        left: 0;
        border-right: 0 solid #e6e6e6;
        padding-top: 44px
    }
    
    .page-aside-filter {
        background: none repeat scroll 0 0 var(--oqlis-surface);
        width: 240px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        border-right: 1px solid #e6e6e6;
        padding-top: 80px
    }
    
    .am-animate .page-aside {
        -webkit-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    
    .am-animate .page-aside-filter {
        -webkit-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
    
    .page-aside .content {
        padding: 20px;
        background: var(--oqlis-surface)
    }
    
    @media (max-width:767px) {
        .page-aside {
            width: 100%;
            display: block;
            height: auto;
            position: relative;
            padding-top: 50px;
            left: 0
        }
        .page-aside .nano-content {
            position: static;
            overflow: visible;
            margin: 0!important
        }
    }
    
    @media (max-width:767px) {
        .page-aside-filter {
            width: 100%;
            display: block;
            height: auto;
            position: relative;
            padding-top: 0;
            left: 0
        }
        .page-aside-filter .nano-content {
            position: static;
            overflow: visible;
            margin: 0!important
        }
    }
    
    .aside-header {
        margin-bottom: 20px
    }
    
    .aside-header .navbar-toggle {
        background: rgba(0, 0, 0, .015);
        padding: 5px 6px
    }
    
    .aside-header .navbar-toggle .icon {
        font-size: 25px
    }
    
    .aside-header .description {
        color: var(--oqlis-text)
    }
    
    .aside-nav {
        display: block;
        visibility: visible
    }
    
    .aside-nav .nav li a {
        color: var(--oqlis-text);
        padding: 12px 15px
    }
    
    .aside-nav .nav li.active a {
        background-color: var(--oqlis-surface)
    }
    
    .aside-nav .nav li .label {
        float: right;
        font-size: 11px;
        font-weight: 300
    }
    
    .aside-nav .nav li .icon {
        font-size: 19px;
        vertical-align: middle;
        margin-right: 3px
    }
    
    .aside-nav .title {
        color: #888;
        margin: 5px 0 0 0;
        padding: 8px 13px 4px;
        border-bottom: 1px solid #e6e6e6
    }
    
    @media (max-width:767px) {
        .aside-nav {
            border-bottom: 1px solid #e6e6e6
        }
        .aside-nav.collapse {
            display: none
        }
        .aside-nav.in {
            display: block
        }
    }
    
    .am-splash-screen {
        background-image: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
       background-position: center;
    }
    
    .am-splash-screen .am-wrapper {
        padding-top: 0
    }
    
    .am-splash-screen .am-wrapper .am-content {
        margin: 0
    }
    
    .am-splash-screen .am-wrapper .am-content a {
        color: var(--oqlis-text)
    }
    
    .am-splash-screen .am-wrapper .am-content a:hover {
        color: var(--main_color)
    }
    
    .am-scroll-top {
        cursor: pointer;
        position: fixed;
        bottom: 10px;
        right: 10px;
        color: var(--oqlis-text);
        background-color: rgba(0, 0, 0, .6);
        padding: 4px 9px;
        display: none;
        -webkit-transition: background-color .2s ease;
        -o-transition: background-color .2s ease;
        transition: background-color .2s ease;
        border-radius: 4px
    }
    
    .am-scroll-top:hover {
        background-color: rgba(0, 0, 0, .8)
    }
    
    .am-scroll-top:focus,
    .am-scroll-top:hover {
        color: var(--oqlis-surface)
    }
    
    .am-scroll-top:before {
        content: '\e682';
        font-family: 'Stroke 7';
        font-size: 30px;
        display: inline-block;
        vertical-align: middle
    }
    
    .switch-button {
        margin-top: 5px;
        display: inline-block;
        border-radius: 50px;
        background-color: #b3b3b3;
        width: 60px;
        height: 27px;
        padding: 2px;
        position: relative;
        overflow: hidden;
        vertical-align: middle
    }
    
    .switch-button input[type=checkbox] {
        display: none
    }
    
    .switch-button label {
        border-radius: 50%;
        border: 1px solid #ababab;
        background-color: var(--oqlis-surface);
        margin: 0;
        height: 23px;
        width: 23px;
        z-index: 1;
        display: inline-block;
        cursor: pointer;
        background-clip: padding-box
    }
    
    .switch-button label:before {
        position: absolute;
        font-size: 9px;
        font-weight: 600;
        z-index: 0;
        content: "OFF";
        right: 0;
        display: block;
        width: 100%;
        height: 100%;
        line-height: 26px;
        top: 0;
        text-align: right;
        padding-right: 10px;
        color: var(--oqlis-surface)
    }
    
    .switch-button input[type=checkbox]:checked+span {
        background-color: var(--main_color);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 2px
    }
    
    .switch-button input[type=checkbox]:checked+span label {
        float: right;
        border-color: var(--main_color)
    }
    
    .switch-button input[type=checkbox]:checked+span label:before {
        position: absolute;
        font-size: 9px;
        font-weight: 600;
        z-index: 0;
        content: "ON";
        color: var(--oqlis-text);
        left: 0;
        text-align: left;
        padding-left: 10px
    }
    
    .switch-button.switch-button-yesno label:before {
        content: "NO"
    }
    
    .switch-button.switch-button-yesno input[type=checkbox]:checked+span label:before {
        content: "YES"
    }
    
    .switch-button.switch-button-theme label:before {
        content: "Light"
    }
    
    .switch-button.switch-button-theme input[type=checkbox]:checked+span label:before {
        content: "Dark"
    }
    
    .switch-button.switch-button-xs {
        height: 20px;
        width: 53px;
        line-height: 22px;
        width: 50px
    }
    
    .switch-button.switch-button-xs label {
        height: 16px;
        width: 16px
    }
    
    .switch-button.switch-button-xs label:before {
        line-height: 19px
    }
    
    .switch-button.switch-button-sm {
        height: 24px;
        width: 57px;
        line-height: 26px
    }
    
    .switch-button.switch-button-sm label {
        height: 20px;
        width: 20px
    }
    
    .switch-button.switch-button-sm label:before {
        line-height: 23px
    }
    
    .switch-button.switch-button-lg {
        height: 30px;
        width: 63px;
        line-height: 32px;
        width: 65px
    }
    
    .switch-button.switch-button-lg label {
        height: 26px;
        width: 26px
    }
    
    .switch-button.switch-button-lg label:before {
        line-height: 29px
    }
    
    .switch-button.switch-button-success {
        background-color: #b3b3b3
    }
    
    .switch-button.switch-button-success label {
        border-color: #ababab
    }
    
    .switch-button.switch-button-success input[type=checkbox]:checked+span {
        background-color: var(--main_color)
    }
    
    .switch-button.switch-button-success input[type=checkbox]:checked+span label {
        border-color: var(--main_color)
    }
    
    .switch-button.switch-button-info {
        background-color: #b3b3b3
    }
    
    .switch-button.switch-button-info label {
        border-color: #ababab
    }
    
    .switch-button.switch-button-info input[type=checkbox]:checked+span {
        background-color: #8dcadf
    }
    
    .switch-button.switch-button-info input[type=checkbox]:checked+span label {
        border-color: #79c1d9
    }
    
    .switch-button.switch-button-warning {
        background-color: #b3b3b3
    }
    
    .switch-button.switch-button-warning label {
        border-color: #ababab
    }
    
    .switch-button.switch-button-warning input[type=checkbox]:checked+span {
        background-color: #ffc870
    }
    
    .switch-button.switch-button-warning input[type=checkbox]:checked+span label {
        border-color: #ffbe57
    }
    
    .switch-button.switch-button-danger {
        background-color: #b3b3b3
    }
    
    .switch-button.switch-button-danger label {
        border-color: #ababab
    }
    
    .switch-button.switch-button-danger input[type=checkbox]:checked+span {
        background-color: #ef6262
    }
    
    .switch-button.switch-button-danger input[type=checkbox]:checked+span label {
        border-color: #ed4b4b
    }
    
    .widget {
        background-color: var(--oqlis-surface);
        padding: 20px;
        margin-bottom: 30px
    }
    
    .widget>.widget-head {
        margin-bottom: 20px;
        display: block
    }
    
    .widget>.widget-head .title {
        font-size: 16px;
        font-weight: 300
    }
    
    .widget>.widget-head .tools {
        float: right
    }
    
    .widget>.widget-head .tools>.icon {
        display: inline-block;
        margin-left: 5px;
        font-size: 21px;
        line-height: 23px;
        vertical-align: middle;
        cursor: pointer
    }
    
    .widget>.widget-head .tools>.icon:hover {
        color: var(--main_color)
    }
    
    .widget>.widget-head .tools>.icon.s7-close {
        font-size: 27px;
        margin-left: 1px;
        position: relative;
        top: 1px
    }
    
    .widget>.widget-head .tools .value {
        font-size: 24px;
        line-height: 22px
    }
    
    .widget .chart-container {
        position: relative
    }
    
    .widget .chart-container>.counter {
        min-height: auto;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 2
    }
    
    .widget .chart-container>.counter .value {
        font-size: 24px
    }
    
    .widget .chart-container>.counter .desc {
        text-transform: uppercase;
        font-size: 11px;
        color: #b2b2b2
    }
    
    .widget.widget-fullwidth {
        padding: 0
    }
    
    .widget.widget-fullwidth>.widget-head {
        padding: 20px 20px 10px;
        margin-bottom: 0
    }
    
    .widget.widget-fullwidth .chart-container>.counter {
        min-height: auto;
        left: 20px
    }
    
    .widget.widget-small {
        margin-bottom: 20px
    }
    
    .widget.widget-small.widget-fullwidth>.widget-head {
        padding: 20px 15px 10px
    }
    
    .clr-primary {
        background-color: var(--main_color)
    }
    
    .clr-success {
        background-color: var(--main_color)
    }
    
    .clr-info {
        background-color: #8dcadf
    }
    
    .clr-warning {
        background-color: #ffc870
    }
    
    .clr-danger {
        background-color: #ef6262
    }
    
    .clr-alt1 {
        background-color: #ffe088
    }
    
    .clr-alt2 {
        background-color: #bda5d7
    }
    
    .clr-alt3 {
        background-color: #ff7fa0
    }
    
    .clr-alt4 {
        background-color: #dfdfdf
    }
    
    .clr-btn-default {
        background-color: var(--oqlis-btn-default);
    }
    
    .clr-btn-default-hover {
        background-color: var(--oqlis-btn-default-hover);
    }
    
    .clr-btn-default-active {
        background-color: var(--oqlis-btn-default-hover);
    }
    
    .clr-btn-primary {
        background-color: var(--oqlis-btn-primary);
    }
    
    .clr-btn-primary-hover {
        background-color: var(--oqlis-btn-primary-hover);
    }
    
    .clr-btn-primary-active {
        background-color: var(--oqlis-btn-primary-hover);
    }
    
    .clr-btn-dark {
        background-color: var(--oqlis-btn-dark);
    }
    
    .clr-btn-dark-hover {
        background-color: var(--oqlis-btn-dark-hover);
    }
    
    .clr-btn-dark-active {
        background-color: var(--oqlis-btn-dark-hover);
    }
    
    .clr-btn-info {
        background-color: var(--oqlis-btn-info);
    }
    
    .clr-btn-info-hover {
        background-color: var(--oqlis-btn-info-hover);
    }
    
    .clr-btn-info-active {
        background-color: var(--oqlis-btn-info-hover);
    }
    
    .clr-btn-warning {
        background-color: var(--oqlis-btn-warning);
    }
    
    .clr-btn-warning-hover {
        background-color: var(--oqlis-btn-warning-hover);
    }
    
    .clr-btn-warning-active {
        background-color: var(--oqlis-btn-warning-hover);
    }
    
    .clr-btn-danger {
        background-color: var(--oqlis-btn-danger);
    }
    
    .clr-btn-danger-hover {
        background-color: var(--oqlis-btn-danger-hover);
    }
    
    .clr-btn-danger-active {
        background-color: var(--oqlis-btn-danger-hover);
    }
    
    .clr-btn-success {
        background-color: var(--oqlis-btn-success);
    }
    
    .clr-btn-success-hover {
        background-color: var(--oqlis-btn-success-hover);
    }
    
    .clr-btn-success-active {
        background-color: var(--oqlis-btn-success-hover);
    }
    
    .clr-btn-alt1 {
        background-color: #ffd26e
    }
    
    .clr-btn-alt1-hover {
        background-color: #ffda88
    }
    
    .clr-btn-alt1-active {
        background-color: #ffca55
    }
    
    .clr-btn-alt2 {
        background-color: #9974c1
    }
    
    .clr-btn-alt2-hover {
        background-color: #a685c9
    }
    
    .clr-btn-alt2-active {
        background-color: #8c62b9
    }
    
    .clr-btn-alt3 {
        background-color: #ff7a9c
    }
    
    .clr-btn-alt3-hover {
        background-color: #ff93af
    }
    
    .clr-btn-alt3-active {
        background-color: #ff6089
    }
    
    .clr-btn-alt4 {
        background-color: #bbb
    }
    
    .clr-btn-alt4-hover {
        background-color: #c8c8c8
    }
    
    .clr-btn-alt4-active {
        background-color: #afafaf
    }
    
    .color-swatch {
        margin-top: 20px;
        display: inline-block;
        min-width: 230px;
        overflow: hidden;
        border-radius: 3px
    }
    
    .color-swatch .colors {
        margin: 0
    }
    
    .color-swatch .colors>div {
        min-height: 90px
    }
    
    .color-swatch .desc {
        margin: 0
    }
    
    .color-swatch .desc>div {
        text-align: center;
        background-color: var(--oqlis-surface);
        line-height: 50px;
        font-weight: 600;
        color: #686868
    }
    
    #gritter-notice-wrapper {
        width: 360px;
        top: 82px
    }
    
    .gritter-item-wrapper {
        background: var(--oqlis-surface);
        border: 1px solid var(--oqlis-border);
        box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
        border-radius:4px;
    }
    
    .gritter-item-wrapper .gritter-item {
        background: 0 0;
        color: var(--oqlis-text);
        padding: 0;
        display: table;
        table-layout: fixed;
        width: 100%;
        
    }
    
    .gritter-item-wrapper .gritter-item .gritter-img-container {
        display: table-cell;
        width: 26%;
        vertical-align: middle;
        text-align: center;
        background-color: var(--oqlis-surface-alt)
    }
    
    .gritter-item-wrapper .gritter-item .gritter-img-container .gritter-image {
        float: none
    }
    
    .gritter-item-wrapper .gritter-item .gritter-content {
        width: auto
    }
    
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image,
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image {
        padding: 15px 35px 17px 15px;
        color: var(--oqlis-text);
        width: 267px;
        display: table-cell
    }
    
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close,
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close {
        display: block!important;
        top: 0;
        right: 0;
        left: auto;
        height: 30px;
        width: 35px;
        font-size: 0;
        background: 0 0;
        text-indent: inherit;
        opacity: .4
    }
    
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:hover,
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:hover {
        opacity: .8
    }
    
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:after,
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:after {
        content: '\e680';
        position: absolute;
        color: var(--oqlis-text);
        font-size: 24px;
        left: 5px;
        text-shadow: none
    }
    
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-title,
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-title {
        text-shadow: none;
        font-weight: 300;
        font-size: 17px
    }
    
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image p,
    .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image p {
        font-size: 11px;
        line-height: 19px
    }
    
    .gritter-item-wrapper .gritter-item .gritter-content .gritter-without-image {
        border-left: 0
    }
    
    .gritter-item-wrapper.img-rounded {
        border-radius: 0
    }
    
    .gritter-item-wrapper.img-rounded .gritter-img-container .gritter-image {
        border-radius: 50%
    }
    
    .gritter-item-wrapper.clean {
        background: var(--oqlis-surface)
    }
    
    .gritter-item-wrapper.clean .gritter-item {
        color: var(--oqlis-text);
    }
    
    .gritter-item-wrapper.clean .gritter-item .gritter-img-container {
        background-color: var(--oqlis-surface-alt)
    }
    
    .gritter-item-wrapper.clean .gritter-item .gritter-content {
        color: var(--oqlis-text);
    }
    
    .gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close {
        opacity: .5
    }
    
    .gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close:after {
        color: var(--oqlis-text);
    }
    
    .gritter-item-wrapper.color .gritter-item .gritter-content {
        color: var(--oqlis-text)
    }
    
    .gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close {
        opacity: .7
    }
    
    .gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close:hover {
        opacity: 1
    }
    
    .gritter-item-wrapper.primary {
        background: var(--oqlis-gritter-primary)
    }
    
    .gritter-item-wrapper.success {
        background: var(--oqlis-gritter-success)
    }
    
    .gritter-item-wrapper.info {
        background: var(--oqlis-gritter-info)
    }
    
    .gritter-item-wrapper.warning {
        background: var(--oqlis-gritter-warning)
    }
    
    .gritter-item-wrapper.danger {
        background: var(--oqlis-gritter-danger)
    }
    
    .gritter-item-wrapper.alt1 {
        background: var(--oqlis-surface-muted)
    }
    
    .gritter-item-wrapper.alt2 {
        background: var(--oqlis-surface-alt)
    }
    
    .gritter-item-wrapper.alt3 {
        background: var(--oqlis-btn-parameter)
    }
    
    .gritter-item-wrapper.alt4 {
        background: var(--oqlis-surface)
    }
    
    .gritter-item-wrapper.dark {
        background: var(--oqlis-surface-alt)
    }
    
    .gritter-item-wrapper.facebook {
        background: #5d82d1
    }
    
    .gritter-item-wrapper.facebook .gritter-item .gritter-img-container {
        background-color: #5179ce
    }
    
    .gritter-item-wrapper.twitter {
        background: #50bff5
    }
    
    .gritter-item-wrapper.twitter .gritter-item .gritter-img-container {
        background-color: #42baf4
    }
    
    .gritter-item-wrapper.google-plus {
        background: #eb5e4c
    }
    
    .gritter-item-wrapper.google-plus .gritter-item .gritter-img-container {
        background-color: #e9523e
    }
    
    .gritter-item-wrapper.dribbble {
        background: #f7659c
    }
    
    .gritter-item-wrapper.dribbble .gritter-item .gritter-img-container {
        background-color: #f65693
    }
    
    .gritter-item-wrapper.flickr {
        background: #0063dc
    }
    
    .gritter-item-wrapper.flickr .gritter-item .gritter-img-container {
        background-color: #005ccd
    }
    
    .gritter-item-wrapper.linkedin {
        background: #238cc8
    }
    
    .gritter-item-wrapper.linkedin .gritter-item .gritter-img-container {
        background-color: #2183bb
    }
    
    .gritter-item-wrapper.youtube {
        background: #ef4e41
    }
    
    .gritter-item-wrapper.youtube .gritter-item .gritter-img-container {
        background-color: #ee4133
    }
    
    .gritter-item-wrapper.pinterest {
        background: #e13138
    }
    
    .gritter-item-wrapper.pinterest .gritter-item .gritter-img-container {
        background-color: #df242b
    }
    
    .gritter-item-wrapper.github {
        background: var(--oqlis-surface)
    }
    
    .gritter-item-wrapper.github .gritter-item .gritter-img-container {
        background-color: var(--oqlis-surface-alt)
    }

    .gritter-item-wrapper.primary .gritter-item .gritter-content,
    .gritter-item-wrapper.success .gritter-item .gritter-content,
    .gritter-item-wrapper.info .gritter-item .gritter-content,
    .gritter-item-wrapper.warning .gritter-item .gritter-content,
    .gritter-item-wrapper.danger .gritter-item .gritter-content,
    .gritter-item-wrapper.alt3 .gritter-item .gritter-content {
        color: var(--oqlis-text);
    }

    .gritter-item-wrapper.primary .gritter-close:after,
    .gritter-item-wrapper.success .gritter-close:after,
    .gritter-item-wrapper.info .gritter-close:after,
    .gritter-item-wrapper.warning .gritter-close:after,
    .gritter-item-wrapper.danger .gritter-close:after,
    .gritter-item-wrapper.alt3 .gritter-close:after {
        color: var(--oqlis-text);
    }
    
    .gritter-item-wrapper.tumblr {
        background: #426d9b
    }
    
    .gritter-item-wrapper.tumblr .gritter-item .gritter-img-container {
        background-color: #3d6590
    }
    
    .bs-grid-block {
        border: 2px dashed #c5c5c5;
        font-weight: 300;
        font-size: 20px;
        color: #807e7e;
        display: table;
        table-layout: fixed;
        width: 100%;
        margin-bottom: 40px
    }
    
    .bs-grid-block .content {
        display: table-cell;
        height: 177px;
        text-align: center;
        vertical-align: middle
    }
    
    .bs-grid-block .content .size {
        display: block
    }
    
    .bs-grid-block .content .device {
        line-height: 0
    }
    
    .bs-grid-block .content .device:after {
        font-size: 15px
    }
    
    @media (min-width:1200px) {
        .bs-grid-block .content .device:after {
            content: 'Desktop';
            color: var(--main_color)
        }
    }
    
    @media (min-width:992px) and (max-width:1199px) {
        .bs-grid-block .content .device:after {
            content: 'Laptop';
            color: var(--main_color)
        }
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .bs-grid-block .content .device:after {
            content: 'Tablet';
            color: #ff7fa0
        }
    }
    
    @media (max-width:767px) {
        .bs-grid-block .content .device:after {
            content: 'Phone';
            color: var(--main_color)
        }
    }
    
    .icon-container {
        background-color: var(--oqlis-surface);
        padding: 20px;
        text-align: center;
        margin-bottom: 30px
    }
    
    .icon-container .icon {
        background-color: #f5f5f5;
        border-radius: 50%;
        display: inline-block;
        height: 95px;
        width: 95px;
        margin-bottom: 15px;
        padding: 20px;
        text-align: center
    }
    
    .icon-container .icon span {
        font-size: 55px;
        color: #646262
    }
    
    .icon-container .class {
        display: block;
        font-size: 14px;
        font-weight: 300
    }
    
    .prettyprint {
        font-size: 11px;
        line-height: 1.5
    }
    
    pre {
        color: var(--oqlis-text);
    }
    
    pre .pln {
        color: var(--oqlis-text)
    }
    
    pre .str {
        color: #d14
    }
    
    pre .kwd {
        color: #458
    }
    
    pre .com {
        color: #b8b6b1
    }
    
    pre .typ {
        color: teal
    }
    
    pre .lit {
        color: #d14
    }
    
    pre .clo,
    pre .opn,
    pre .pun {
        color: #949494
    }
    
    pre .tag {
        color: #ff658d
    }
    
    pre .atn {
        color: var(--focus_color)
    }
    
    pre .atv {
        color: #929292
    }
    
    pre .dec,
    pre .var {
        color: #d14
    }
    
    pre .fun {
        color: #458
    }
    
    pre.am-code-dark {
        background-color: #4d4342;
        color: var(--oqlis-surface)
    }
    
    pre.am-code-dark .pln {
        color: var(--oqlis-surface)
    }
    
    pre.am-code-dark .str {
        color: #b5db99
    }
    
    pre.am-code-dark .kwd {
        color: #e9c865
    }
    
    pre.am-code-dark .com {
        color: #c3b8b7
    }
    
    pre.am-code-dark .typ {
        color: #ff9787
    }
    
    pre.am-code-dark .lit {
        color: #b5db99
    }
    
    pre.am-code-dark .clo,
    pre.am-code-dark .opn,
    pre.am-code-dark .pun {
        color: var(--oqlis-surface)
    }
    
    pre.am-code-dark .tag {
        color: #e9c865
    }
    
    pre.am-code-dark .atn {
        color: #ff9787
    }
    
    pre.am-code-dark .atv {
        color: #b5db99
    }
    
    pre.am-code-dark .dec,
    pre.am-code-dark .var {
        color: #b5db99
    }
    
    pre.am-code-dark .fun {
        color: #e9c865
    }
    
    ol.linenums {
        margin-top: 0;
        margin-bottom: 0
    }
    
    li.L0,
    li.L1,
    li.L2,
    li.L3,
    li.L5,
    li.L6,
    li.L7,
    li.L8 {
        list-style-type: none
    }
    
    li.L1,
    li.L3,
    li.L5,
    li.L7,
    li.L9 {
        background: var(--oqlis-surface)
    }
    
    .widget-pie .chart-container {
        display: table;
        width: 100%;
        margin: 0
    }
    
    .widget-pie .chart-container>div {
        display: table-cell;
        float: none;
        vertical-align: middle
    }
    
    @media (max-width:767px) {
        .widget-pie .chart-container>div {
            display: block
        }
        .widget-pie .chart-container>div:first-child {
            margin-bottom: 25px
        }
    }
    
    .widget-pie .chart-container .chart {
        min-height: 125px
    }
    
    .widget-pie .chart-container .legend>div {
        background-color: transparent!important
    }
    
    .widget-pie .chart-container .legend table {
        width: 100%
    }
    
    .widget-pie .chart-container .legend table tr td {
        padding-bottom: 7px;
        font-size: 11px
    }
    
    .widget-pie .chart-container .legend table tr .legendColorBox {
        width: 1%
    }
    
    .widget-pie .chart-container .legend table tr .legendColorBox>div {
        border: 0!important
    }
    
    .widget-pie .chart-container .legend table tr .legendLabel {
        padding-left: 8px;
        font-size: 11px
    }
    
    .widget-pie .chart-container .legend table tr .legendData {
        text-align: right
    }
    
    .widget-pie .chart-info {
        border-top: 1px solid #e0e0e0;
        margin: 0;
        margin-top: 30px;
        text-align: center
    }
    
    .widget-pie .chart-info span {
        display: block
    }
    
    .widget-pie .chart-info span.title {
        margin-bottom: 3px;
        text-transform: uppercase;
        color: #b2b2b2;
        font-size: 11px
    }
    
    .widget-pie .chart-info span.number {
        font-size: 18px;
        font-weight: 300
    }
    
    .widget-pie .chart-info>div {
        padding-top: 20px
    }
    
    .widget-pie .chart-info>div:first-child {
        text-align: left;
        padding-left: 0
    }
    
    .widget-pie .chart-info>div:last-child {
        text-align: right;
        padding-right: 0
    }
    
    @media (max-width:480px) {
        .widget-pie .chart-info {
            padding-top: 15px
        }
        .widget-pie .chart-info>div {
            float: none;
            text-align: left!important;
            width: 100%;
            line-height: 40px;
            padding-right: 0;
            padding-left: 0;
            padding-top: 0
        }
        .widget-pie .chart-info>div span {
            display: inline-block
        }
        .widget-pie .chart-info>div span.title {
            margin: 0
        }
        .widget-pie .chart-info>div span.number {
            float: right
        }
    }
    
    .widget-pie.widget-pie-stats .chart-info>div:last-child {
        text-align: left
    }
    
    .widget-pie.widget-pie-stats .chart-info .sparkline {
        float: right;
        margin-top: 11px
    }
    
    @media (max-width:480px) {
        .widget-pie.widget-pie-stats .chart-info>div {
            line-height: 25px
        }
        .widget-pie.widget-pie-stats .chart-info>div span {
            display: block
        }
        .widget-pie.widget-pie-stats .chart-info>div span.number {
            float: none
        }
        .widget-pie.widget-pie-stats .chart-info>div:first-child {
            margin-bottom: 10px
        }
    }
    
    .widget.line-chart .chart-container {
        position: relative;
        padding: 0 5px 5px 5px
    }
    
    .widget.line-chart .chart-container>div {
        z-index: 1
    }
    
    @media (max-width:767px) {
        .widget.line-chart .chart-container>div {
            padding: 0 0 5px;
            min-height: 160px
        }
    }
    
    .widget.line-chart .chart-container>.counter {
        min-height: auto;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 2
    }
    
    .widget.line-chart .chart-container>.counter .value {
        font-size: 24px
    }
    
    .widget.line-chart .chart-container>.counter .desc {
        text-transform: uppercase;
        font-size: 11px;
        color: #b2b2b2
    }
    
    .widget.line-chart .chart-table {
        padding-top: 20px
    }
    
    .widget.line-chart .chart-table table {
        margin: 0
    }
    
    .widget.line-chart .chart-table table .number {
        text-align: right;
        width: 20%
    }
    
    @media (max-width:767px) {
        .widget.line-chart .chart-table {
            padding: 10px 0 0
        }
    }
    
    .widget.line-chart.widget-fullwidth .chart-container {
        padding: 0
    }
    
    .widget.line-chart.widget-fullwidth .chart-container>div .tickLabel {
        font-size: 0
    }
    
    .widget.line-chart.widget-fullwidth .chart-container>.counter {
        min-height: auto;
        left: 20px
    }
    
    .widget.bar-chart .chart-container {
        padding: 0 5px 5px 5px
    }
    
    @media (max-width:767px) {
        .widget.bar-chart .chart-container>div {
            padding: 0 0 5px;
            min-height: 160px
        }
    }
    
    .widget.bar-chart .chart-table {
        padding-top: 20px
    }
    
    .widget.bar-chart .chart-table table {
        margin: 0
    }
    
    .widget.bar-chart .chart-table table .number {
        text-align: right;
        width: 20%
    }
    
    @media (max-width:767px) {
        .widget.bar-chart .chart-table {
            padding: 10px 0 0
        }
    }
    
    .widget-calendar {
        padding: 0
    }
    
    .widget-calendar .cal-container {
        width: 100%;
        display: table
    }
    
    .widget-calendar .cal-container .cal-notes {
        display: table-cell;
        width: 40%;
        background-color: var(--main_color);
        padding: 25px
    }
    
    .widget-calendar .cal-container .cal-notes span {
        display: block;
        color: var(--oqlis-surface)
    }
    
    .widget-calendar .cal-container .cal-notes span.day {
        font-size: 25px;
        font-weight: 300
    }
    
    .widget-calendar .cal-container .cal-notes span.date {
        font-size: 15px;
        font-weight: 300;
        color: #c6e8e0
    }
    
    .widget-calendar .cal-container .cal-notes span.title {
        font-size: 14px;
        border-bottom: 1px solid var(--oqlis-surface);
        margin-top: 35px;
        padding-bottom: 3px
    }
    
    .widget-calendar .cal-container .cal-notes span.title .icon {
        float: right;
        font-size: 19px;
        line-height: 22px;
        cursor: pointer
    }
    
    .widget-calendar .cal-container .cal-notes ul {
        padding: 0;
        list-style: none;
        padding-top: 20px
    }
    
    .widget-calendar .cal-container .cal-notes ul li {
        padding-bottom: 10px;
        font-size: 11px
    }
    
    .widget-calendar .cal-container .cal-notes ul li span {
        display: inline-block
    }
    
    .widget-calendar .cal-container .cal-notes ul li span.hour {
        float: right
    }
    
    .widget-calendar .cal-container .cal-notes ul li:last-child {
        padding-bottom: 0
    }
    
    .widget-calendar .cal-container .cal-calendar {
        display: table-cell;
        padding: 25px
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker {
        position: relative;
        margin: 20px 0
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header {
        border-bottom: 1px solid rgba(255, 255, 255, .6);
        padding-bottom: 5px;
        margin-bottom: 10px
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
        cursor: default;
        line-height: 1.8em;
        margin: 0 2.3em;
        text-align: center;
        font-weight: 600;
        font-size: 14px
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
    .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
        height: 1.8em;
        position: absolute;
        top: -5px;
        width: 1.8em;
        color: var(--oqlis-text);
        font-size: 28px
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
    .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
        overflow: hidden;
        display: block;
        text-indent: -99999px
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after,
    .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:after {
        cursor: pointer;
        content: "\e686";
        font-family: 'Stroke 7';
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 0;
        text-indent: 0
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
        left: 2px
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
        right: 2px
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after {
        content: "\e684";
        right: 14px
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar {
        width: 100%
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar th {
        border: 0;
        padding: 3px;
        text-align: center;
        font-weight: 400;
        color: var(--oqlis-text);
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar th span {
        font-size: 14px
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td {
        border: 0;
        padding: 3px;
        text-align: center
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a {
        display: inline-block;
        padding: .2em;
        text-align: center;
        text-decoration: none;
        color: #888;
        width: 25px;
        height: 25px;
        line-height: 20px;
        font-size: 11px
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active,
    .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
        background-color: #e6e6e6;
        border-radius: 50%
    }
    
    .widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
        background-color: var(--main_color);
        color: var(--oqlis-surface)
    }
    
    @media (max-width:767px) {
        .widget-calendar .cal-container {
            display: block
        }
        .widget-calendar .cal-container .cal-calendar,
        .widget-calendar .cal-container .cal-notes {
            display: block
        }
        .widget-calendar .cal-container .cal-notes {
            width: 100%
        }
        .widget-calendar .cal-container .cal-calendar .ui-datepicker {
            margin: 10px 0
        }
    }
    
    .widget.widget-map .map-container>div {
        height: 229px
    }
    
    .widget.widget-tile {
        padding: 24px 20px;
        margin-bottom: 20px
    }
    
    .widget.widget-tile .data-info {
        display: inline-block
    }
    
    .widget.widget-tile .data-info .value {
        font-size: 23px;
        font-weight: 300
    }
    
    .widget.widget-tile .data-info .desc {
        font-size: 14px;
        line-height: 18px
    }
    
    .widget.widget-tile .icon {
        display: inline-block;
        color: var(--main_color);
        float: right;
        font-size: 45px;
        line-height: 54px
    }
    
    .widget.widget-tile.widget-tile-wide {
        display: table;
        width: 100%
    }
    
    .widget.widget-tile.widget-tile-wide>div {
        display: table-cell;
        width: 50%;
        vertical-align: middle
    }
    
    .widget.widget-tile.widget-tile-wide .data-info {
        vertical-align: top
    }
    
    .widget.widget-tile.widget-tile-wide .data-info .title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 2px
    }
    
    .widget.widget-tile.widget-tile-wide .data-info .desc {
        color: grey;
        font-size: 11px
    }
    
    .widget.widget-tile.widget-tile-wide .tile-value {
        text-align: right
    }
    
    .widget.widget-tile.widget-tile-wide .tile-value>span {
        display: block;
        padding-right: 10px;
        font-weight: 300;
        font-size: 31px
    }
    
    .widget.widget-tile.widget-tile-wide .icon {
        float: none;
        line-height: 43px;
        vertical-align: top;
        margin-right: 5px
    }
    
    .widget-weather {
        padding: 0
    }
    
    .widget-weather .wt-container .wt-hour {
        background-color: #7cd4c1;
        color: var(--oqlis-text);
        font-size: 35px;
        font-weight: 300;
        padding: 20px;
        text-align: center
    }
    
    .widget-weather .wt-container .wt-hour .meridian {
        font-size: 14px;
        vertical-align: middle;
        margin-left: 8px;
        vertical-align: top;
        line-height: 38px
    }
    
    .widget-weather .wt-container .wt-info {
        display: table;
        width: 100%;
        border-bottom: 1px solid #e6e6e6
    }
    
    .widget-weather .wt-container .wt-info .wt-day {
        display: table-cell;
        text-align: center;
        padding: 30px 0;
        border-right: 1px solid #e6e6e6
    }
    
    .widget-weather .wt-container .wt-info .wt-day span {
        display: block;
        font-weight: 300;
        font-size: 15px
    }
    
    .widget-weather .wt-container .wt-info .wt-day span.day {
        margin-bottom: 10px;
        color: var(--main_color)
    }
    
    .widget-weather .wt-container .wt-info .wt-day span.date {
        margin-top: 10px
    }
    
    @media (max-width:767px) {
        .widget-weather .wt-container .wt-info .wt-day canvas {
            height: auto!important;
            width: auto!important
        }
    }
    
    .widget-weather .wt-container .wt-info .wt-day:last-child {
        border-right: 0
    }
    
    .widget-weather .wt-container .wt-location {
        padding: 19px;
        font-size: 15px;
        font-weight: 300
    }
    
    .widget-weather .wt-container .wt-location .icon {
        float: right;
        cursor: pointer;
        font-size: 20px
    }
    
    .widget-weather .wt-container .wt-location .icon:hover {
        color: var(--main_color)
    }
    
    .widget-download-list {
        padding: 0
    }
    
    .widget-download-list>.widget-head {
        background-color: #7cd4c1;
        color: var(--oqlis-text);
        line-height: 33px;
        overflow: hidden;
        padding: 19px 20px;
        margin-bottom: 0
    }
    
    .widget-download-list>.widget-head .icon {
        float: right;
        background-color: var(--main_color);
        border-radius: 50%;
        font-size: 20px;
        line-height: 19px;
        padding: 8px;
        height: 35px;
        width: 35px
    }
    
    .widget-download-list .widget-list {
        padding: 0;
        list-style: none;
        margin-bottom: 0
    }
    
    .widget-download-list .widget-list li {
        border-bottom: 1px solid #e6e6e6
    }
    
    .widget-download-list .widget-list li a {
        padding: 21px 20px;
        color: var(--oqlis-text);
        display: block;
        font-weight: 300;
        font-size: 11px
    }
    
    .widget-download-list .widget-list li a .icon {
        float: right;
        color: var(--main_color);
        font-size: 20px
    }
    
    .widget-download-list .widget-list li a:hover {
        background-color: #fafafa
    }
    
    .widget-download-list .widget-list li:last-child {
        border: 0
    }
    
    .widget.widget-radar>.widget-head {
        margin-bottom: 39px
    }
    
    .widget.widget-radar .chart-container {
        margin-bottom: 20px
    }
    
    .login-container {
        max-width: 400px;
        margin: 80px auto;
        padding: 30px;
        background: var(--oqlis-surface)
    }

    .am-login .am-content .col-md-8 {
        position: relative;
        overflow: hidden;
    }

    @media (prefers-reduced-motion: reduce) {
        .am-login .am-content .col-md-8 {
            animation: none;
        }
    }

    @keyframes login-bg-drift {
        0% {
            background-position: 50% 50%;
            transform: translate3d(0, 0, 0) scale(1.02);
        }
        50% {
            background-position: 46% 54%;
            transform: translate3d(-6px, 4px, 0) scale(1.03);
        }
        100% {
            background-position: 54% 46%;
            transform: translate3d(6px, -4px, 0) scale(1.02);
        }
    }
    
    .login-container .panel-default {
        padding: 0;
        border: 0;
        overflow: hidden;
        margin-bottom: 20px
    }

    .login-container .panel-default {
        animation: login-fade-rise 0.6s ease-out both;
    }

    @media (prefers-reduced-motion: reduce) {
        .login-container .panel-default {
            animation: none;
        }
    }

    @keyframes login-fade-rise {
        from {
            opacity: 0;
            transform: translateY(12px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .login-container .panel-default .panel-heading {
        padding: 0;
        background: 0 0;
        border: 0;
        text-align: center;
        margin-bottom: 20px
    }
    
    .login-container .panel-default .panel-heading span {
        display: block;
        color: var(--oqlis-text);
        line-height: 20px;
        font-size: 15px;
        font-weight: 400;
        margin-top: 15px;
        padding-bottom: 10px
    }
    
    .login-container .panel-default .panel-body .form-group {
        margin: 0;
        padding: 0
    }
    
    .login-container .panel-default .panel-body .form-group>div {
        padding: 0
    }
    
    .login-container .panel-default .panel-body .form-group .input-group {
        border-bottom: 1px solid #e2e2e2;
        padding: 10px 0;
        transition: border-color 0.2s ease, box-shadow 0.2s ease
    }

    .login-container .panel-default .panel-body .form-group .input-group:focus-within {
        border-color: var(--main_color);
        box-shadow: 0 8px 18px -14px color-mix(in srgb, var(--main_color) 70%, transparent);
    }
    
    .login-container .panel-default .panel-body .form-group .input-group .input-group-addon {
        border: 0;
        background-color: transparent
    }
    
    .login-container .panel-default .panel-body .form-group .input-group .input-group-addon .icon {
        font-size: 20px;
        color: var(--oqlis-text)
    }
    
    .login-container .panel-default .panel-body .form-group .input-group .form-control {
        border: 0;
        background-color: transparent;
        box-shadow: none;
        color: #a3a2a2;
        margin: 2px 5px 0px 10px;
        padding: 0px;
        font-size: 14px;
        font-weight: 500;
        height: 36px
    }

    .login-container .panel-default .panel-body .form-group .input-group .form-control:focus {
        outline: none;
        color: var(--oqlis-text);
    }
    
    .login-container .panel-default .panel-body .form-group .input-group.parsley-error {
        border-color: #f49090
    }
    
    .login-container .panel-default .panel-body .form-group.login-submit {
        padding-top: 40px;
        padding-bottom: 15px
    }
    
    .login-container .panel-default .panel-body .form-group.login-submit .btn {
        width: 100%
    }
    
    .login-container .panel-default .panel-body .form-group.footer {
        margin-top: 3px;
        line-height: 35px;
        font-size: 14px
    }
    
    .login-container .panel-default .panel-body .form-group .remember {
        text-align: left;
        color: var(--oqlis-text);
        font-size: 12px;
    }

     .login-container .panel-default .panel-body .form-group .forgot {
        text-align: right;
        font-size: 12px;
        color: var(--oqlis-text);
    }
    
    .login-container .panel-default .panel-body .form-group .remember label {
        margin: 0;
        cursor: pointer
    }
    
    .login-container .panel-default .panel-body .form-group .remember .am-checkbox {
        display: inline-block;
        margin-left: 7px
    }
    
    .login-container .panel-default .panel-body .form-group .remember .am-checkbox input[type=checkbox]+label:before {
        border-color: #4a4949
    }
    
    .login-container .panel-default .panel-body .form-group .remember .am-checkbox input[type=checkbox]+label:hover:before {
        border-color: #575555
    }
    
    @media (max-width:767px) {
        .login-container {
            margin-top: 50px
        }
    }
    
    .am-error .error-container {
        text-align: center
    }
    
    .am-error .error-number {
        display: block;
        color: var(--oqlis-text);
        font-size: 130px;
        font-weight: 400;
        line-height: 120px;
        text-shadow: 6px 5px 0 rgba(0, 0, 0, .1);
        margin-bottom: 30px
    }
    
    @media (max-width:767px) {
        .am-error .error-number {
            font-size: 90px;
            margin-bottom: 10px;
            line-height: 100px
        }
    }
    
    .am-error .error-description {
        font-size: 26px;
        font-weight: 300;
        line-height: 32px;
        color: var(--oqlis-surface)
    }
    
    @media (max-width:767px) {
        .am-error .error-description {
            font-size: 19px
        }
    }
    
    .am-error .error-goback-text {
        font-size: 20px;
        font-weight: 300;
        color: var(--oqlis-text);
        margin-bottom: 30px;
        margin-top: 15px
    }
    
    @media (max-width:767px) {
        .am-error .error-goback-text {
            font-size: 15px
        }
    }
    
    .am-error-404 .error-container .error-image {
        display: inline-block;
        background: url(../../img/404-img.png) no-repeat right center;
        background-size: 387px 292px;
        width: 100%;
        max-width: 587px;
        height: 292px
    }
    
    .am-error-404 .error-container .error-image img {
        max-width: 607px;
        max-height: 459px
    }
    
    @media (-webkit-min-device-pixel-ratio:2),
    (-o-min-device-pixel-ratio:2/1),
    (min-resolution:192dpi) {
        .am-error-404 .error-container .error-image {
            background-image: url(../../img/404-img-2x.png)
        }
    }
    
    @media (max-width:767px) {
        .am-error-404 .error-container .error-image {
            background-size: 190px 142px;
            max-width: 295px;
            height: 142px
        }
    }
    
    .sign-up {
        margin-top: 20px;
        max-width: 440px;
        margin-bottom: 20px;
        padding: 0
    }
    
    .sign-up .panel-heading {
        margin-bottom: 15px!important
    }
    
    .sign-up .panel-body .form-horizontal .title {
        font-size: 15px;
        color: #d9d9d9;
        text-align: center
    }
    
    .sign-up .panel-body .form-horizontal .sign-up-form {
        margin-bottom: 25px
    }
    
    .sign-up .panel-body .form-horizontal .sign-up-form .social-signup {
        margin-top: 20px;
        margin-bottom: 20px
    }
    
    .sign-up .panel-body .form-horizontal .sign-up-form .social-signup>div:first-child {
        padding-right: 8px
    }
    
    .sign-up .panel-body .form-horizontal .sign-up-form .social-signup>div:last-child {
        padding-left: 8px
    }
    
    .sign-up .panel-body .form-horizontal .conditions {
        color: #979595;
        margin-bottom: 25px
    }
    
    .sign-up .panel-body .form-horizontal .conditions a {
        color: #d9d9d9
    }
    
    .sign-up .panel-body .form-horizontal .conditions a:hover {
        color: var(--oqlis-surface)
    }
    
    .forgot-password {
        max-width: 415px
    }
    
    .forgot-password .panel-heading {
        margin-bottom: 0!important
    }
    
    .forgot-password .panel-body .form-horizontal p {
        color: #979595;
        font-size: 14px;
        margin-bottom: 25px
    }
    
    .forgot-password .panel-body .form-horizontal p a {
        color: #d9d9d9
    }
    
    .forgot-password .panel-body .form-horizontal p a:hover {
        color: var(--oqlis-surface)
    }
    
    .forgot-password .panel-body .form-horizontal p.contact {
        margin-bottom: 30px
    }
    
    .forgot-password .panel-body .form-horizontal .form-group {
        margin-bottom: 30px
    }
    
    .forgot-password .out-links {
        margin-top: 40px
    }
    
    @media (max-width:767px) {
        .forgot-password {
            margin-bottom: 50px;
            margin-top: 30px
        }
    }
    
    .gallery-container .item {
        width: 25%;
        margin-bottom: 20px;
        padding: 0 10px
    }
    
    .gallery-container .item .photo {
        background: var(--oqlis-surface);
        border-radius: 8px;
        filter: drop-shadow(var(--oqlis-drop-shadow) 4px 8px 10px);
    }
    
    .gallery-container .item .photo .img {
        position: relative;
    }
    
    .gallery-container .item .photo .img img {
        width: 100%;
        filter: var(--oqlis-filter);
    }
    
    .gallery-container .item .photo .img .over {
        top: 0;
        opacity: 0.5;
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 0.1;
        background: var(--oqlis-surface-alt);
    }
    
    .gallery-container .item .photo .img .over .func {
        margin-top: -80px;
        position: relative;
        top: 50%;
        text-align: center;
        -webkit-transition: margin-top .2s ease-in-out;
        -o-transition: margin-top .2s ease-in-out;
        transition: margin-top .2s ease-in-out
    }
    
    .gallery-container .item .photo .img .over .func a {
        display: inline-block;
        height: 50px;
        margin-right: 2px;
        width: 50px;
        margin-right: 10px;
        background: rgba(100, 100, 100, .2);
        border-radius: 50%
    }
    
    .gallery-container .item .photo .img .over .func a:hover {
        background: rgba(100, 100, 100, .3)
    }
    
    .gallery-container .item .photo .img .over .func a i {
        font-size: 20px;
        color: var(--oqlis-text);
        line-height: 2.4
    }
    
    .gallery-container .item .photo .img:hover .over {
        opacity: 0.1;
        filter: contrast(150%);
    }
    
    .gallery-container .item .photo .img:hover .over .func {
        margin-top: -25px
    }
    
    .gallery-container .item .photo .description {
        line-height: 20px;
        display: table;
        width: 100%
    }
    
    .gallery-container .item .photo .description .icon {
        display: table-cell;
        background-color: #e6e6e6;
        padding: 20px;
        vertical-align: middle;
        width: 20px
    }
    
    .gallery-container .item .photo .description .icon a {
        color: var(--oqlis-text-muted)
    }
    
    .gallery-container .item .photo .description .icon a i {
        font-size: 30px
    }
    
    @media (max-width:767px) {
        .gallery-container .item .photo .description .icon a i {
            font-size: 20px
        }
    }
    
    .gallery-container .item .photo .description .icon a:hover {
        color: var(--main_color)
    }
    
    @media (max-width:767px) {
        .gallery-container .item .photo .description .icon {
            padding: 15px
        }
    }
    
    .gallery-container .item .photo .description .desc {
        display: table-cell;
        padding: 10px 10px;
        vertical-align: middle
    }
    
    .gallery-container .item .photo .description .desc h4 {
        margin: 0;
        font-size: 18px
    }
    
    @media (max-width:767px) {
        .gallery-container .item .photo .description .desc h4 {
            font-size: 15px
        }
    }
    
    .gallery-container .item .photo .description .desc span {
        color: var(--oqlis-text);
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
    }
    
    @media (max-width:767px) {
        .gallery-container .item .photo .description .desc {
            padding: 10px
        }
    }
    
    .gallery-container .item.w2 {
        width: 50%
    }
    
    @media (max-width:767px) {
        .gallery-container {
            max-width: 767px
        }
        .gallery-container .item {
            width: 100% !important;
            padding: 0
        }
        .gallery-container .item.w2 {
            width: 100%
        }
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .gallery-container .item {
            width: 50%
        }
    }
    
    .full-calendar .fc-header td {
        border-bottom: 0;
        border-left: 0
    }
    
    .full-calendar .fc-header td.fc-header-left,
    .full-calendar .fc-header td.fc-header-right {
        padding: 20px 0
    }
    
    .full-calendar .fc-header td.fc-header-left .fc-header-title {
        padding: 0 10px
    }
    
    .full-calendar .fc-header td.fc-header-right .fc-button {
        margin: 0;
        vertical-align: middle;
        padding: 10px;
        display: inline!important;
        border-radius: 0
    }
    
    .full-calendar .fc-header td.fc-header-right .fc-button.fc-state-default {
        background-image: none;
        box-shadow: none;
        text-shadow: none;
        color: var(--oqlis-text);
        border: 0;
        border-right: 1px solid rgba(0, 0, 0, .1)
    }
    
    .full-calendar .fc-header td.fc-header-right .fc-button.fc-corner-right {
        border-right: 0
    }
    
    .full-calendar .fc-header td.fc-header-right .fc-button.fc-state-active,
    .full-calendar .fc-header td.fc-header-right .fc-button.fc-state-hover {
        background: #75cdba;
        color: var(--oqlis-text);
        box-shadow: none;
        text-shadow: none
    }
    
    @media (max-width:767px) {
        .full-calendar .fc-header td.fc-header-right .fc-button {
            padding: 5px
        }
    }
    
    @media (max-width:767px) {
        .full-calendar .fc-header td.fc-header-right {
            padding-top: 0
        }
    }
    
    @media (max-width:767px) {
        .full-calendar .fc-header {
            text-align: center
        }
    }
    
    .full-calendar .fc-content .fc-event-container .fc-event {
        background: var(--main_color)!important;
        border-color: #4eb7a1!important;
        color: var(--oqlis-surface)!important;
        border-radius: 0
    }
    
    .full-calendar .fc-content .fc-border-separate .fc-today {
        background-color: var(--oqlis-surface)
    }
    
    .full-calendar .fc-content .fc-cell-overlay {
        background-color: rgba(107, 195, 176, .5)
    }
    
    .full-calendar #external-events .external-event {
        margin: 2px 0;
        padding: 5px;
        background: var(--main_color);
        color: var(--oqlis-text);
        font-size: .85em;
        cursor: pointer;
        display: inline-block
    }
    
    .full-calendar #external-events p input {
        margin-top: 15px
    }
    
    .full-calendar #external-events p label {
        font-weight: 300;
        vertical-align: middle
    }
    
    @media (max-width:767px) {
        .full-calendar {
            max-width: 767px
        }
        .full-calendar .fc-header .fc-header-center,
        .full-calendar .fc-header .fc-header-left,
        .full-calendar .fc-header .fc-header-right {
            text-align: center;
            display: block;
            width: 100%;
            padding: 20px
        }
        .full-calendar .fc-header .fc-header-center {
            padding: 0
        }
    }
    
    .user-profile .user-display {
        margin-bottom: 30px
    }
    
    .user-profile .user-display .photo {
        max-height: 300px;
        overflow: hidden
    }
    
    .user-profile .user-display .photo img {
        width: 100%
    }
    
    @media (max-width:767px) {
        .user-profile .user-display .photo img {
            min-height: 130px
        }
    }
    
    .user-profile .user-display .bottom {
        background-color: var(--oqlis-surface);
        position: relative;
        padding: 25px 25px 25px 25px
    }
    
    .user-profile .user-display .bottom>div {
        display: inline-block
    }
    
    .user-profile .user-display .bottom .user-avatar {
        position: relative;
        width: 100%;
        height: 100%
    }
    
    .user-profile .user-display .bottom .user-avatar .status {
        background-color: #00b777;
        border: 2px solid var(--oqlis-surface);
        border-radius: 50%;
        height: 18px;
        width: 18px;
        left: 105px;
        position: absolute;
        top: 105px
    }
    
    @media (max-width:767px) {
        .user-profile .user-display .bottom .user-avatar .status {
            height: 13px;
            width: 13px;
            left: 53px;
            top: 51px
        }
    }
    
    .user-profile .user-display .bottom .user-avatar img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 3px solid var(--oqlis-surface)
    }
    
    .user-profile .user-display .bottom .user-info {
        line-height: 20px
    }
    
    .user-profile .user-display .bottom .user-info h4 {
        margin: 0;
        font-size: 25px;
        margin-bottom: 5px
    }
    
    .user-profile .user-display .bottom .user-info span {
        font-size: 14px;
        font-weight: 300;
        color: #7b7b7b
    }
    
    @media (max-width:767px) {
        .user-profile .user-display .bottom .user-info {
            line-height: 22px
        }
    }
    
    @media (max-width:767px) {
        .user-profile .user-display .bottom {
            padding: 30px 30px 25px 25px
        }
    }
    
    .user-profile .info-block .description {
        padding-bottom: 15px;
        border-bottom: 1px dashed #e6e6e6;
        display: block;
        color: #7b7b7b
    }
    
    .user-profile .info-block table {
        width: 100%
    }
    
    .user-profile .info-block table tr {
        line-height: 23px;
        border-bottom: 1px solid #e6e6e6
    }
    
    .user-profile .info-block table tr td {
        padding: 15px 0
    }
    
    .user-profile .info-block table tr td.item {
        width: 45%;
        color: #7b7b7b
    }
    
    .user-profile .info-block table tr td.item .icon {
        float: left;
        margin-right: 5px;
        font-size: 20px;
        color: var(--main_color)
    }
    
    .user-profile .info-block table tr:last-child {
        border-bottom: 0
    }
    
    .user-profile .info-block table tr:last-child td {
        padding-bottom: 0
    }
    
    .aside-compose {
        text-align: center;
        padding: 20px 25px;
        margin-top: 10px
    }
    
    .email-search {
        background-color: var(--oqlis-surface);
        padding: 20px 25px
    }
    
    .email-search h3 {
        margin: 9px 0 15px 0
    }
    
    .email-search span {
        color: #888;
        font-weight: 300;
        font-size: 16px
    }
    
    .email-filters {
        padding: 9px 20px 10px 20px;
        border-bottom: 1px solid #e6e6e6;
        background-color: var(--oqlis-surface);
        display: table;
        width: 100%
    }
    
    .email-filters>div {
        display: table-cell;
        vertical-align: middle
    }
    
    .email-filters .am-select-all.am-checkbox label:before {
        margin-right: 18px
    }
    
    .email-filters .email-filters-right {
        text-align: right
    }
    
    .email-filters input {
        margin-right: 8px
    }
    
    .email-list {
        background: var(--oqlis-surface)
    }
    
    .email-list .item {
        border-bottom: 1px solid #e6e6e6;
        padding: 17px 20px;
        display: table;
        width: 100%;
        cursor: pointer
    }
    
    .email-list .item.active {
        background-color: #fafafa
    }
    
    .email-list .item>div {
        vertical-align: top;
        display: table-cell
    }
    
    .email-list .item>div:first-child {
        width: 40px
    }
    
    .email-list .item .icon {
        margin-right: 7px;
        font-size: 14px
    }
    
    .email-list .item .from {
        font-weight: 400;
        font-size: 13px;
        margin: 0 0 3px 0
    }
    
    .email-list .item .msg {
        margin: 0;
        color: #888
    }
    
    .email-list .item:hover {
        background-color: var(--oqlis-surface)
    }
    
    .email-head {
        background-color: var(--oqlis-surface);
        padding: 20px 25px 24px
    }
    
    .email-head .icons {
        font-size: 25px;
        float: right
    }
    
    .email-head .icons .icon {
        color: var(--oqlis-text);
        margin-left: 5px
    }
    
    .email-head .icons .icon:hover {
        color: var(--main_color)
    }
    
    .email-head h4 {
        margin: 12px 0 15px 0
    }
    
    .email-head .date {
        float: right
    }
    
    .email-head .date a {
        vertical-align: middle;
        margin-right: 5px
    }
    
    .email-head .date .icon {
        font-size: 20px
    }
    
    .email-body {
        background-color: var(--oqlis-surface);
        border-top: 1px solid #e6e6e6;
        padding: 30px;
        font-size: 15px;
        font-weight: 300
    }
    
    .email-body p {
        line-height: 25px;
        margin-bottom: 20px
    }
    
    .email-subject input {
        font-weight: 300;
        font-size: 25px;
        height: auto;
        padding: 30px;
        border: 0;
        width: 100%
    }
    
    .email-recipient {
        background-color: var(--oqlis-surface);
        border-bottom: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
        padding: 30px 30px 10px
    }
    
    .email-recipient label {
        padding-top: 15px
    }
    
    .email.editor {
        background-color: var(--oqlis-surface);
        padding: 30px
    }
    
    .email.editor .note-toolbar {
        border: 0
    }
    
    .email.editor .note-resizebar {
        background-color: var(--oqlis-surface)
    }
    
    .email.editor .form-group {
        text-align: right;
        margin-top: 15px
    }
    
    .email.editor .form-group .icon {
        font-size: 23px
    }
    
    .img-rounded {
        border-radius: 4px
    }
    
    pre {
        padding: 20px;
        border: 0
    }
    
    .btn {
        border-radius: 5px
    }
    
    .btn.active,
    .btn:active {
        box-shadow: none
    }
    
    .btn-group-xs>.btn,
    .btn-xs {
        font-size: 11px;
        padding-top: 2px;
        padding-bottom: 2px
    }
    
    .btn-rounded {
        border-radius: 3px
    }
    
    .btn-rounded.btn-lg {
        border-radius: 5px
    }
    
    .btn-hspace {
        margin-right: 5px
    }
    
    .btn-vspace {
        margin-bottom: 5px
    }
    
    .btn-space {
        margin-right: 5px;
        margin-bottom: 5px
    }
    
    .btn-default {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default.focus,
    .btn-default:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default.active,
    .btn-default:active,
    .open>.dropdown-toggle.btn-default {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .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: var(--oqlis-text);
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default.active,
    .btn-default:active,
    .open>.dropdown-toggle.btn-default {
        background-image: none
    }
    
    .btn-default.disabled,
    .btn-default.disabled.active,
    .btn-default.disabled.focus,
    .btn-default.disabled:active,
    .btn-default.disabled:focus,
    .btn-default.disabled:hover,
    .btn-default[disabled],
    .btn-default[disabled].active,
    .btn-default[disabled].focus,
    .btn-default[disabled]:active,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default,
    fieldset[disabled] .btn-default.active,
    fieldset[disabled] .btn-default.focus,
    fieldset[disabled] .btn-default:active,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:hover {
        background-color: var(--oqlis-btn-default);
        border-color: var(--oqlis-btn-default-border);
    }
    
    .btn-default .badge {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-default);
    }
    
    .btn-dark {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-dark);
        border-color: var(--oqlis-btn-dark-border);
    }
    
    .btn-dark.focus,
    .btn-dark:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-dark-hover);
        border-color: var(--oqlis-btn-dark-border);
    }
    
    .btn-dark:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-dark-hover);
        border-color: var(--oqlis-btn-dark-border);
    }
    
    .btn-dark.active,
    .btn-dark:active,
    .open>.dropdown-toggle.btn-dark {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-dark-hover);
        border-color: var(--oqlis-btn-dark-border);
    }
    
    .btn-dark.active.focus,
    .btn-dark.active:focus,
    .btn-dark.active:hover,
    .btn-dark:active.focus,
    .btn-dark:active:focus,
    .btn-dark:active:hover,
    .open>.dropdown-toggle.btn-dark.focus,
    .open>.dropdown-toggle.btn-dark:focus,
    .open>.dropdown-toggle.btn-dark:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-dark-hover);
        border-color: var(--oqlis-btn-dark-border);
    }
    
    .btn-dark.active,
    .btn-dark:active,
    .open>.dropdown-toggle.btn-dark {
        background-image: none
    }
    
    .btn-dark.disabled,
    .btn-dark.disabled.active,
    .btn-dark.disabled.focus,
    .btn-dark.disabled:active,
    .btn-dark.disabled:focus,
    .btn-dark.disabled:hover,
    .btn-dark[disabled],
    .btn-dark[disabled].active,
    .btn-dark[disabled].focus,
    .btn-dark[disabled]:active,
    .btn-dark[disabled]:focus,
    .btn-dark[disabled]:hover,
    fieldset[disabled] .btn-dark,
    fieldset[disabled] .btn-dark.active,
    fieldset[disabled] .btn-dark.focus,
    fieldset[disabled] .btn-dark:active,
    fieldset[disabled] .btn-dark:focus,
    fieldset[disabled] .btn-dark:hover {
        background-color: var(--oqlis-btn-dark);
        border-color: var(--oqlis-btn-dark-border);
    }
    
    .btn-dark .badge {
        color: #3d3c3c;
        background-color: var(--oqlis-surface)
    }
    
    .btn-dark.focus,
    .btn-dark:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-dark-hover);
        border-color: var(--oqlis-btn-dark-border);
    }
    
    .btn-dark:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-dark-hover);
        border-color: var(--oqlis-btn-dark-border);
    }
    
    .btn-dark.active,
    .btn-dark:active,
    .open>.dropdown-toggle.btn-dark {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-dark-hover);
        border-color: var(--oqlis-btn-dark-border);
    }
    
    .btn-dark.active.focus,
    .btn-dark.active:focus,
    .btn-dark.active:hover,
    .btn-dark:active.focus,
    .btn-dark:active:focus,
    .btn-dark:active:hover,
    .open>.dropdown-toggle.btn-dark.focus,
    .open>.dropdown-toggle.btn-dark:focus,
    .open>.dropdown-toggle.btn-dark:hover {
        color: var(--oqlis-text);
        background-color: var(--oqlis-btn-dark-hover);
        border-color: var(--oqlis-btn-dark-border);
    }
    
    .btn-dark.active,
    .btn-dark:active,
    .open>.dropdown-toggle.btn-dark {
        background-image: none
    }
    
    .btn-dark.disabled,
    .btn-dark.disabled.active,
    .btn-dark.disabled.focus,
    .btn-dark.disabled:active,
    .btn-dark.disabled:focus,
    .btn-dark.disabled:hover,
    .btn-dark[disabled],
    .btn-dark[disabled].active,
    .btn-dark[disabled].focus,
    .btn-dark[disabled]:active,
    .btn-dark[disabled]:focus,
    .btn-dark[disabled]:hover,
    fieldset[disabled] .btn-dark,
    fieldset[disabled] .btn-dark.active,
    fieldset[disabled] .btn-dark.focus,
    fieldset[disabled] .btn-dark:active,
    fieldset[disabled] .btn-dark:focus,
    fieldset[disabled] .btn-dark:hover {
        background-color: var(--oqlis-btn-dark);
        border-color: var(--oqlis-btn-dark-border);
    }
    
    .btn-dark .badge {
        color: #3d3c3c;
        background-color: var(--oqlis-surface)
    }
    
    .btn-alt1 {
        border-color: #ffca55;
        color: var(--oqlis-text);
        background-color: #ffd26e;
        border-color: #ffd26e
    }
    
    .btn-alt1.focus,
    .btn-alt1:focus {
        color: var(--oqlis-text);
        background-color: #ffc23b;
        border-color: #d49300
    }
    
    .btn-alt1:hover {
        color: var(--oqlis-text);
        background-color: #ffc23b;
        border-color: #ffb718
    }
    
    .btn-alt1.active,
    .btn-alt1:active,
    .open>.dropdown-toggle.btn-alt1 {
        color: var(--oqlis-text);
        background-color: #ffc23b;
        border-color: #ffb718
    }
    
    .btn-alt1.active.focus,
    .btn-alt1.active:focus,
    .btn-alt1.active:hover,
    .btn-alt1:active.focus,
    .btn-alt1:active:focus,
    .btn-alt1:active:hover,
    .open>.dropdown-toggle.btn-alt1.focus,
    .open>.dropdown-toggle.btn-alt1:focus,
    .open>.dropdown-toggle.btn-alt1:hover {
        color: var(--oqlis-text);
        background-color: #ffb718;
        border-color: #d49300
    }
    
    .btn-alt1.active,
    .btn-alt1:active,
    .open>.dropdown-toggle.btn-alt1 {
        background-image: none
    }
    
    .btn-alt1.disabled,
    .btn-alt1.disabled.active,
    .btn-alt1.disabled.focus,
    .btn-alt1.disabled:active,
    .btn-alt1.disabled:focus,
    .btn-alt1.disabled:hover,
    .btn-alt1[disabled],
    .btn-alt1[disabled].active,
    .btn-alt1[disabled].focus,
    .btn-alt1[disabled]:active,
    .btn-alt1[disabled]:focus,
    .btn-alt1[disabled]:hover,
    fieldset[disabled] .btn-alt1,
    fieldset[disabled] .btn-alt1.active,
    fieldset[disabled] .btn-alt1.focus,
    fieldset[disabled] .btn-alt1:active,
    fieldset[disabled] .btn-alt1:focus,
    fieldset[disabled] .btn-alt1:hover {
        background-color: #ffd26e;
        border-color: #ffca55
    }
    
    .btn-alt1 .badge {
        color: #ffd26e;
        background-color: var(--oqlis-surface)
    }
    
    .btn-alt1.focus,
    .btn-alt1:focus {
        color: var(--oqlis-text);
        background-color: #ffd26e;
        border-color: #ffd26e
    }
    
    .btn-alt1:hover {
        color: var(--oqlis-text);
        background-color: #ffda88;
        border-color: #ffda88
    }
    
    .btn-alt1.active,
    .btn-alt1:active,
    .open>.dropdown-toggle.btn-alt1 {
        color: var(--oqlis-text);
        background-color: #ffca55;
        border-color: #ffca55
    }
    
    .btn-alt1.active.focus,
    .btn-alt1.active:focus,
    .btn-alt1.active:hover,
    .btn-alt1:active.focus,
    .btn-alt1:active:focus,
    .btn-alt1:active:hover,
    .open>.dropdown-toggle.btn-alt1.focus,
    .open>.dropdown-toggle.btn-alt1:focus,
    .open>.dropdown-toggle.btn-alt1:hover {
        color: var(--oqlis-text);
        background-color: #ffca55;
        border-color: #ffca55
    }
    
    .btn-alt1.active,
    .btn-alt1:active,
    .open>.dropdown-toggle.btn-alt1 {
        background-image: none
    }
    
    .btn-alt1.disabled,
    .btn-alt1.disabled.active,
    .btn-alt1.disabled.focus,
    .btn-alt1.disabled:active,
    .btn-alt1.disabled:focus,
    .btn-alt1.disabled:hover,
    .btn-alt1[disabled],
    .btn-alt1[disabled].active,
    .btn-alt1[disabled].focus,
    .btn-alt1[disabled]:active,
    .btn-alt1[disabled]:focus,
    .btn-alt1[disabled]:hover,
    fieldset[disabled] .btn-alt1,
    fieldset[disabled] .btn-alt1.active,
    fieldset[disabled] .btn-alt1.focus,
    fieldset[disabled] .btn-alt1:active,
    fieldset[disabled] .btn-alt1:focus,
    fieldset[disabled] .btn-alt1:hover {
        background-color: #ffd26e;
        border-color: #ffd26e
    }
    
    .btn-alt1 .badge {
        color: #ffd26e;
        background-color: var(--oqlis-surface)
    }
    
    .btn-alt2 {
        border-color: #8c62b9;
        color: var(--oqlis-text);
        background-color: #9974c1;
        border-color: #9974c1
    }
    
    .btn-alt2.focus,
    .btn-alt2:focus {
        color: var(--oqlis-text);
        background-color: #7f50b1;
        border-color: #4d306c
    }
    
    .btn-alt2:hover {
        color: var(--oqlis-text);
        background-color: #7f50b1;
        border-color: #6d449a
    }
    
    .btn-alt2.active,
    .btn-alt2:active,
    .open>.dropdown-toggle.btn-alt2 {
        color: var(--oqlis-text);
        background-color: #7f50b1;
        border-color: #6d449a
    }
    
    .btn-alt2.active.focus,
    .btn-alt2.active:focus,
    .btn-alt2.active:hover,
    .btn-alt2:active.focus,
    .btn-alt2:active:focus,
    .btn-alt2:active:hover,
    .open>.dropdown-toggle.btn-alt2.focus,
    .open>.dropdown-toggle.btn-alt2:focus,
    .open>.dropdown-toggle.btn-alt2:hover {
        color: var(--oqlis-text);
        background-color: #6d449a;
        border-color: #4d306c
    }
    
    .btn-alt2.active,
    .btn-alt2:active,
    .open>.dropdown-toggle.btn-alt2 {
        background-image: none
    }
    
    .btn-alt2.disabled,
    .btn-alt2.disabled.active,
    .btn-alt2.disabled.focus,
    .btn-alt2.disabled:active,
    .btn-alt2.disabled:focus,
    .btn-alt2.disabled:hover,
    .btn-alt2[disabled],
    .btn-alt2[disabled].active,
    .btn-alt2[disabled].focus,
    .btn-alt2[disabled]:active,
    .btn-alt2[disabled]:focus,
    .btn-alt2[disabled]:hover,
    fieldset[disabled] .btn-alt2,
    fieldset[disabled] .btn-alt2.active,
    fieldset[disabled] .btn-alt2.focus,
    fieldset[disabled] .btn-alt2:active,
    fieldset[disabled] .btn-alt2:focus,
    fieldset[disabled] .btn-alt2:hover {
        background-color: #9974c1;
        border-color: #8c62b9
    }
    
    .btn-alt2 .badge {
        color: #9974c1;
        background-color: var(--oqlis-surface)
    }
    
    .btn-alt2.focus,
    .btn-alt2:focus {
        color: var(--oqlis-text);
        background-color: #9974c1;
        border-color: #9974c1
    }
    
    .btn-alt2:hover {
        color: var(--oqlis-text);
        background-color: #a685c9;
        border-color: #a685c9
    }
    
    .btn-alt2.active,
    .btn-alt2:active,
    .open>.dropdown-toggle.btn-alt2 {
        color: var(--oqlis-text);
        background-color: #8c62b9;
        border-color: #8c62b9
    }
    
    .btn-alt2.active.focus,
    .btn-alt2.active:focus,
    .btn-alt2.active:hover,
    .btn-alt2:active.focus,
    .btn-alt2:active:focus,
    .btn-alt2:active:hover,
    .open>.dropdown-toggle.btn-alt2.focus,
    .open>.dropdown-toggle.btn-alt2:focus,
    .open>.dropdown-toggle.btn-alt2:hover {
        color: var(--oqlis-text);
        background-color: #8c62b9;
        border-color: #8c62b9
    }
    
    .btn-alt2.active,
    .btn-alt2:active,
    .open>.dropdown-toggle.btn-alt2 {
        background-image: none
    }
    
    .btn-alt2.disabled,
    .btn-alt2.disabled.active,
    .btn-alt2.disabled.focus,
    .btn-alt2.disabled:active,
    .btn-alt2.disabled:focus,
    .btn-alt2.disabled:hover,
    .btn-alt2[disabled],
    .btn-alt2[disabled].active,
    .btn-alt2[disabled].focus,
    .btn-alt2[disabled]:active,
    .btn-alt2[disabled]:focus,
    .btn-alt2[disabled]:hover,
    fieldset[disabled] .btn-alt2,
    fieldset[disabled] .btn-alt2.active,
    fieldset[disabled] .btn-alt2.focus,
    fieldset[disabled] .btn-alt2:active,
    fieldset[disabled] .btn-alt2:focus,
    fieldset[disabled] .btn-alt2:hover {
        background-color: #9974c1;
        border-color: #9974c1
    }
    
    .btn-alt2 .badge {
        color: #9974c1;
        background-color: var(--oqlis-surface)
    }
    
    .btn-alt3 {
        border-color: #ff6089;
        color: var(--oqlis-text);
        background-color: #ff7a9c;
        border-color: #ff7a9c
    }
    
    .btn-alt3.focus,
    .btn-alt3:focus {
        color: var(--oqlis-text);
        background-color: #ff4776;
        border-color: #e0003a
    }
    
    .btn-alt3:hover {
        color: var(--oqlis-text);
        background-color: #ff4776;
        border-color: #ff235c
    }
    
    .btn-alt3.active,
    .btn-alt3:active,
    .open>.dropdown-toggle.btn-alt3 {
        color: var(--oqlis-text);
        background-color: #ff4776;
        border-color: #ff235c
    }
    
    .btn-alt3.active.focus,
    .btn-alt3.active:focus,
    .btn-alt3.active:hover,
    .btn-alt3:active.focus,
    .btn-alt3:active:focus,
    .btn-alt3:active:hover,
    .open>.dropdown-toggle.btn-alt3.focus,
    .open>.dropdown-toggle.btn-alt3:focus,
    .open>.dropdown-toggle.btn-alt3:hover {
        color: var(--oqlis-text);
        background-color: #ff235c;
        border-color: #e0003a
    }
    
    .btn-alt3.active,
    .btn-alt3:active,
    .open>.dropdown-toggle.btn-alt3 {
        background-image: none
    }
    
    .btn-alt3.disabled,
    .btn-alt3.disabled.active,
    .btn-alt3.disabled.focus,
    .btn-alt3.disabled:active,
    .btn-alt3.disabled:focus,
    .btn-alt3.disabled:hover,
    .btn-alt3[disabled],
    .btn-alt3[disabled].active,
    .btn-alt3[disabled].focus,
    .btn-alt3[disabled]:active,
    .btn-alt3[disabled]:focus,
    .btn-alt3[disabled]:hover,
    fieldset[disabled] .btn-alt3,
    fieldset[disabled] .btn-alt3.active,
    fieldset[disabled] .btn-alt3.focus,
    fieldset[disabled] .btn-alt3:active,
    fieldset[disabled] .btn-alt3:focus,
    fieldset[disabled] .btn-alt3:hover {
        background-color: #ff7a9c;
        border-color: #ff6089
    }
    
    .btn-alt3 .badge {
        color: #ff7a9c;
        background-color: var(--oqlis-surface)
    }
    
    .btn-alt3.focus,
    .btn-alt3:focus {
        color: var(--oqlis-text);
        background-color: #ff7a9c;
        border-color: #ff7a9c
    }
    
    .btn-alt3:hover {
        color: var(--oqlis-text);
        background-color: #ff93af;
        border-color: #ff93af
    }
    
    .btn-alt3.active,
    .btn-alt3:active,
    .open>.dropdown-toggle.btn-alt3 {
        color: var(--oqlis-text);
        background-color: #ff6089;
        border-color: #ff6089
    }
    
    .btn-alt3.active.focus,
    .btn-alt3.active:focus,
    .btn-alt3.active:hover,
    .btn-alt3:active.focus,
    .btn-alt3:active:focus,
    .btn-alt3:active:hover,
    .open>.dropdown-toggle.btn-alt3.focus,
    .open>.dropdown-toggle.btn-alt3:focus,
    .open>.dropdown-toggle.btn-alt3:hover {
        color: var(--oqlis-text);
        background-color: #ff6089;
        border-color: #ff6089
    }
    
    .btn-alt3.active,
    .btn-alt3:active,
    .open>.dropdown-toggle.btn-alt3 {
        background-image: none
    }
    
    .btn-alt3.disabled,
    .btn-alt3.disabled.active,
    .btn-alt3.disabled.focus,
    .btn-alt3.disabled:active,
    .btn-alt3.disabled:focus,
    .btn-alt3.disabled:hover,
    .btn-alt3[disabled],
    .btn-alt3[disabled].active,
    .btn-alt3[disabled].focus,
    .btn-alt3[disabled]:active,
    .btn-alt3[disabled]:focus,
    .btn-alt3[disabled]:hover,
    fieldset[disabled] .btn-alt3,
    fieldset[disabled] .btn-alt3.active,
    fieldset[disabled] .btn-alt3.focus,
    fieldset[disabled] .btn-alt3:active,
    fieldset[disabled] .btn-alt3:focus,
    fieldset[disabled] .btn-alt3:hover {
        background-color: #ff7a9c;
        border-color: #ff7a9c
    }
    
    .btn-alt3 .badge {
        color: #ff7a9c;
        background-color: var(--oqlis-surface)
    }
    
    .btn-alt4 {
        border-color: #afafaf;
        color: var(--oqlis-text);
        background-color: #bbb;
        border-color: #bbb
    }
    
    .btn-alt4.focus,
    .btn-alt4:focus {
        color: var(--oqlis-text);
        background-color: #a2a2a2;
        border-color: var(--oqlis-text)
    }
    
    .btn-alt4:hover {
        color: var(--oqlis-text);
        background-color: #a2a2a2;
        border-color: #909090
    }
    
    .btn-alt4.active,
    .btn-alt4:active,
    .open>.dropdown-toggle.btn-alt4 {
        color: var(--oqlis-text);
        background-color: #a2a2a2;
        border-color: #909090
    }
    
    .btn-alt4.active.focus,
    .btn-alt4.active:focus,
    .btn-alt4.active:hover,
    .btn-alt4:active.focus,
    .btn-alt4:active:focus,
    .btn-alt4:active:hover,
    .open>.dropdown-toggle.btn-alt4.focus,
    .open>.dropdown-toggle.btn-alt4:focus,
    .open>.dropdown-toggle.btn-alt4:hover {
        color: var(--oqlis-text);
        background-color: #909090;
        border-color: var(--oqlis-text)
    }
    
    .btn-alt4.active,
    .btn-alt4:active,
    .open>.dropdown-toggle.btn-alt4 {
        background-image: none
    }
    
    .btn-alt4.disabled,
    .btn-alt4.disabled.active,
    .btn-alt4.disabled.focus,
    .btn-alt4.disabled:active,
    .btn-alt4.disabled:focus,
    .btn-alt4.disabled:hover,
    .btn-alt4[disabled],
    .btn-alt4[disabled].active,
    .btn-alt4[disabled].focus,
    .btn-alt4[disabled]:active,
    .btn-alt4[disabled]:focus,
    .btn-alt4[disabled]:hover,
    fieldset[disabled] .btn-alt4,
    fieldset[disabled] .btn-alt4.active,
    fieldset[disabled] .btn-alt4.focus,
    fieldset[disabled] .btn-alt4:active,
    fieldset[disabled] .btn-alt4:focus,
    fieldset[disabled] .btn-alt4:hover {
        background-color: #bbb;
        border-color: #afafaf
    }
    
    .btn-alt4 .badge {
        color: #bbb;
        background-color: var(--oqlis-surface)
    }
    
    .btn-alt4.focus,
    .btn-alt4:focus {
        color: var(--oqlis-text);
        background-color: #bbb;
        border-color: #bbb
    }
    
    .btn-alt4:hover {
        color: var(--oqlis-text);
        background-color: #c8c8c8;
        border-color: #c8c8c8
    }
    
    .btn-alt4.active,
    .btn-alt4:active,
    .open>.dropdown-toggle.btn-alt4 {
        color: var(--oqlis-text);
        background-color: #afafaf;
        border-color: #afafaf
    }
    
    .btn-alt4.active.focus,
    .btn-alt4.active:focus,
    .btn-alt4.active:hover,
    .btn-alt4:active.focus,
    .btn-alt4:active:focus,
    .btn-alt4:active:hover,
    .open>.dropdown-toggle.btn-alt4.focus,
    .open>.dropdown-toggle.btn-alt4:focus,
    .open>.dropdown-toggle.btn-alt4:hover {
        color: var(--oqlis-text);
        background-color: #afafaf;
        border-color: #afafaf
    }
    
    .btn-alt4.active,
    .btn-alt4:active,
    .open>.dropdown-toggle.btn-alt4 {
        background-image: none
    }
    
    .btn-alt4.disabled,
    .btn-alt4.disabled.active,
    .btn-alt4.disabled.focus,
    .btn-alt4.disabled:active,
    .btn-alt4.disabled:focus,
    .btn-alt4.disabled:hover,
    .btn-alt4[disabled],
    .btn-alt4[disabled].active,
    .btn-alt4[disabled].focus,
    .btn-alt4[disabled]:active,
    .btn-alt4[disabled]:focus,
    .btn-alt4[disabled]:hover,
    fieldset[disabled] .btn-alt4,
    fieldset[disabled] .btn-alt4.active,
    fieldset[disabled] .btn-alt4.focus,
    fieldset[disabled] .btn-alt4:active,
    fieldset[disabled] .btn-alt4:focus,
    fieldset[disabled] .btn-alt4:hover {
        background-color: #bbb;
        border-color: #bbb
    }
    
    .btn-alt4 .badge {
        color: #bbb;
        background-color: var(--oqlis-surface)
    }
    
    .btn-primary.btn-shade1 {
        background-color: var(--focus_color);
        border-color: var(--focus_color)
    }
    
    .btn-primary.btn-shade1.focus,
    .btn-primary.btn-shade1:focus {
        background-color: var(--focus_color);
        border-color: var(--focus_color)
    }
    
    .btn-primary.btn-shade1:hover {
        background-color: #72c6b4;
        border-color: #72c6b4
    }
    
    .btn-primary.btn-shade1.active,
    .btn-primary.btn-shade1:active,
    .open>.dropdown-toggle.btn-primary.btn-shade1 {
        background-color: #55baa4;
        border-color: #55baa4
    }
    
    .btn-primary.btn-shade1.active.focus,
    .btn-primary.btn-shade1.active:focus,
    .btn-primary.btn-shade1.active:hover,
    .btn-primary.btn-shade1:active.focus,
    .btn-primary.btn-shade1:active:focus,
    .btn-primary.btn-shade1:active:hover,
    .open>.dropdown-toggle.btn-primary.btn-shade1.focus,
    .open>.dropdown-toggle.btn-primary.btn-shade1:focus,
    .open>.dropdown-toggle.btn-primary.btn-shade1:hover {
        background-color: #55baa4;
        border-color: #55baa4
    }
    
    .btn-primary.btn-shade1.disabled,
    .btn-primary.btn-shade1.disabled.active,
    .btn-primary.btn-shade1.disabled.focus,
    .btn-primary.btn-shade1.disabled:active,
    .btn-primary.btn-shade1.disabled:focus,
    .btn-primary.btn-shade1.disabled:hover,
    .btn-primary.btn-shade1[disabled],
    .btn-primary.btn-shade1[disabled].active,
    .btn-primary.btn-shade1[disabled].focus,
    .btn-primary.btn-shade1[disabled]:active,
    .btn-primary.btn-shade1[disabled]:focus,
    .btn-primary.btn-shade1[disabled]:hover,
    fieldset[disabled] .btn-primary.btn-shade1,
    fieldset[disabled] .btn-primary.btn-shade1.active,
    fieldset[disabled] .btn-primary.btn-shade1.focus,
    fieldset[disabled] .btn-primary.btn-shade1:active,
    fieldset[disabled] .btn-primary.btn-shade1:focus,
    fieldset[disabled] .btn-primary.btn-shade1:hover {
        background-color: var(--focus_color);
        border-color: var(--focus_color)
    }
    
    .btn-primary.btn-shade1 .badge {
        color: var(--focus_color)
    }
    
    .btn-primary.btn-shade2 {
        background-color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .btn-primary.btn-shade2.focus,
    .btn-primary.btn-shade2:focus {
        background-color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .btn-primary.btn-shade2:hover {
        background-color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .btn-primary.btn-shade2.active,
    .btn-primary.btn-shade2:active,
    .open>.dropdown-toggle.btn-primary.btn-shade2 {
        background-color: #4eb7a1;
        border-color: #4eb7a1
    }
    
    .btn-primary.btn-shade2.active.focus,
    .btn-primary.btn-shade2.active:focus,
    .btn-primary.btn-shade2.active:hover,
    .btn-primary.btn-shade2:active.focus,
    .btn-primary.btn-shade2:active:focus,
    .btn-primary.btn-shade2:active:hover,
    .open>.dropdown-toggle.btn-primary.btn-shade2.focus,
    .open>.dropdown-toggle.btn-primary.btn-shade2:focus,
    .open>.dropdown-toggle.btn-primary.btn-shade2:hover {
        background-color: #4eb7a1;
        border-color: #4eb7a1
    }
    
    .btn-primary.btn-shade2.disabled,
    .btn-primary.btn-shade2.disabled.active,
    .btn-primary.btn-shade2.disabled.focus,
    .btn-primary.btn-shade2.disabled:active,
    .btn-primary.btn-shade2.disabled:focus,
    .btn-primary.btn-shade2.disabled:hover,
    .btn-primary.btn-shade2[disabled],
    .btn-primary.btn-shade2[disabled].active,
    .btn-primary.btn-shade2[disabled].focus,
    .btn-primary.btn-shade2[disabled]:active,
    .btn-primary.btn-shade2[disabled]:focus,
    .btn-primary.btn-shade2[disabled]:hover,
    fieldset[disabled] .btn-primary.btn-shade2,
    fieldset[disabled] .btn-primary.btn-shade2.active,
    fieldset[disabled] .btn-primary.btn-shade2.focus,
    fieldset[disabled] .btn-primary.btn-shade2:active,
    fieldset[disabled] .btn-primary.btn-shade2:focus,
    fieldset[disabled] .btn-primary.btn-shade2:hover {
        background-color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .btn-primary.btn-shade2 .badge {
        color: var(--main_color)
    }
    
    .btn-primary.btn-shade3 {
        background-color: #52b9a2;
        border-color: #52b9a2
    }
    
    .btn-primary.btn-shade3.focus,
    .btn-primary.btn-shade3:focus {
        background-color: #52b9a2;
        border-color: #52b9a2
    }
    
    .btn-primary.btn-shade3:hover {
        background-color: #64c0ac;
        border-color: #64c0ac
    }
    
    .btn-primary.btn-shade3.active,
    .btn-primary.btn-shade3:active,
    .open>.dropdown-toggle.btn-primary.btn-shade3 {
        background-color: var(--focus_color);
        border-color: var(--focus_color)
    }
    
    .btn-primary.btn-shade3.active.focus,
    .btn-primary.btn-shade3.active:focus,
    .btn-primary.btn-shade3.active:hover,
    .btn-primary.btn-shade3:active.focus,
    .btn-primary.btn-shade3:active:focus,
    .btn-primary.btn-shade3:active:hover,
    .open>.dropdown-toggle.btn-primary.btn-shade3.focus,
    .open>.dropdown-toggle.btn-primary.btn-shade3:focus,
    .open>.dropdown-toggle.btn-primary.btn-shade3:hover {
        background-color: var(--focus_color);
        border-color: var(--focus_color)
    }
    
    .btn-primary.btn-shade3.disabled,
    .btn-primary.btn-shade3.disabled.active,
    .btn-primary.btn-shade3.disabled.focus,
    .btn-primary.btn-shade3.disabled:active,
    .btn-primary.btn-shade3.disabled:focus,
    .btn-primary.btn-shade3.disabled:hover,
    .btn-primary.btn-shade3[disabled],
    .btn-primary.btn-shade3[disabled].active,
    .btn-primary.btn-shade3[disabled].focus,
    .btn-primary.btn-shade3[disabled]:active,
    .btn-primary.btn-shade3[disabled]:focus,
    .btn-primary.btn-shade3[disabled]:hover,
    fieldset[disabled] .btn-primary.btn-shade3,
    fieldset[disabled] .btn-primary.btn-shade3.active,
    fieldset[disabled] .btn-primary.btn-shade3.focus,
    fieldset[disabled] .btn-primary.btn-shade3:active,
    fieldset[disabled] .btn-primary.btn-shade3:focus,
    fieldset[disabled] .btn-primary.btn-shade3:hover {
        background-color: #52b9a2;
        border-color: #52b9a2
    }
    
    .btn-primary.btn-shade3 .badge {
        color: #52b9a2
    }
    
    .btn-primary.btn-shade4 {
        background-color: #4ab69f;
        border-color: #4ab69f
    }
    
    .btn-primary.btn-shade4.focus,
    .btn-primary.btn-shade4:focus {
        background-color: #4ab69f;
        border-color: #4ab69f
    }
    
    .btn-primary.btn-shade4:hover {
        background-color: #5cbda8;
        border-color: #5cbda8
    }
    
    .btn-primary.btn-shade4.active,
    .btn-primary.btn-shade4:active,
    .open>.dropdown-toggle.btn-primary.btn-shade4 {
        background-color: #45ab95;
        border-color: #45ab95
    }
    
    .btn-primary.btn-shade4.active.focus,
    .btn-primary.btn-shade4.active:focus,
    .btn-primary.btn-shade4.active:hover,
    .btn-primary.btn-shade4:active.focus,
    .btn-primary.btn-shade4:active:focus,
    .btn-primary.btn-shade4:active:hover,
    .open>.dropdown-toggle.btn-primary.btn-shade4.focus,
    .open>.dropdown-toggle.btn-primary.btn-shade4:focus,
    .open>.dropdown-toggle.btn-primary.btn-shade4:hover {
        background-color: #45ab95;
        border-color: #45ab95
    }
    
    .btn-primary.btn-shade4.disabled,
    .btn-primary.btn-shade4.disabled.active,
    .btn-primary.btn-shade4.disabled.focus,
    .btn-primary.btn-shade4.disabled:active,
    .btn-primary.btn-shade4.disabled:focus,
    .btn-primary.btn-shade4.disabled:hover,
    .btn-primary.btn-shade4[disabled],
    .btn-primary.btn-shade4[disabled].active,
    .btn-primary.btn-shade4[disabled].focus,
    .btn-primary.btn-shade4[disabled]:active,
    .btn-primary.btn-shade4[disabled]:focus,
    .btn-primary.btn-shade4[disabled]:hover,
    fieldset[disabled] .btn-primary.btn-shade4,
    fieldset[disabled] .btn-primary.btn-shade4.active,
    fieldset[disabled] .btn-primary.btn-shade4.focus,
    fieldset[disabled] .btn-primary.btn-shade4:active,
    fieldset[disabled] .btn-primary.btn-shade4:focus,
    fieldset[disabled] .btn-primary.btn-shade4:hover {
        background-color: #4ab69f;
        border-color: #4ab69f
    }
    
    .btn-primary.btn-shade4 .badge {
        color: #4ab69f
    }
    
    .btn-success.btn-shade1 {
        background-color: #6fc8b9;
        border-color: #6fc8b9
    }
    
    .btn-success.btn-shade1.focus,
    .btn-success.btn-shade1:focus {
        background-color: #6fc8b9;
        border-color: #6fc8b9
    }
    
    .btn-success.btn-shade1:hover {
        background-color: #81cfc2;
        border-color: #81cfc2
    }
    
    .btn-success.btn-shade1.active,
    .btn-success.btn-shade1:active,
    .open>.dropdown-toggle.btn-success.btn-shade1 {
        background-color: #64c4b3;
        border-color: #64c4b3
    }
    
    .btn-success.btn-shade1.active.focus,
    .btn-success.btn-shade1.active:focus,
    .btn-success.btn-shade1.active:hover,
    .btn-success.btn-shade1:active.focus,
    .btn-success.btn-shade1:active:focus,
    .btn-success.btn-shade1:active:hover,
    .open>.dropdown-toggle.btn-success.btn-shade1.focus,
    .open>.dropdown-toggle.btn-success.btn-shade1:focus,
    .open>.dropdown-toggle.btn-success.btn-shade1:hover {
        background-color: #64c4b3;
        border-color: #64c4b3
    }
    
    .btn-success.btn-shade1.disabled,
    .btn-success.btn-shade1.disabled.active,
    .btn-success.btn-shade1.disabled.focus,
    .btn-success.btn-shade1.disabled:active,
    .btn-success.btn-shade1.disabled:focus,
    .btn-success.btn-shade1.disabled:hover,
    .btn-success.btn-shade1[disabled],
    .btn-success.btn-shade1[disabled].active,
    .btn-success.btn-shade1[disabled].focus,
    .btn-success.btn-shade1[disabled]:active,
    .btn-success.btn-shade1[disabled]:focus,
    .btn-success.btn-shade1[disabled]:hover,
    fieldset[disabled] .btn-success.btn-shade1,
    fieldset[disabled] .btn-success.btn-shade1.active,
    fieldset[disabled] .btn-success.btn-shade1.focus,
    fieldset[disabled] .btn-success.btn-shade1:active,
    fieldset[disabled] .btn-success.btn-shade1:focus,
    fieldset[disabled] .btn-success.btn-shade1:hover {
        background-color: #6fc8b9;
        border-color: #6fc8b9
    }
    
    .btn-success.btn-shade1 .badge {
        color: #6fc8b9
    }
    
    .btn-success.btn-shade2 {
        background-color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .btn-success.btn-shade2.focus,
    .btn-success.btn-shade2:focus {
        background-color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .btn-success.btn-shade2:hover {
        background-color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .btn-success.btn-shade2.active,
    .btn-success.btn-shade2:active,
    .open>.dropdown-toggle.btn-success.btn-shade2 {
        background-color: #5dc1b0;
        border-color: #5dc1b0
    }
    
    .btn-success.btn-shade2.active.focus,
    .btn-success.btn-shade2.active:focus,
    .btn-success.btn-shade2.active:hover,
    .btn-success.btn-shade2:active.focus,
    .btn-success.btn-shade2:active:focus,
    .btn-success.btn-shade2:active:hover,
    .open>.dropdown-toggle.btn-success.btn-shade2.focus,
    .open>.dropdown-toggle.btn-success.btn-shade2:focus,
    .open>.dropdown-toggle.btn-success.btn-shade2:hover {
        background-color: #5dc1b0;
        border-color: #5dc1b0
    }
    
    .btn-success.btn-shade2.disabled,
    .btn-success.btn-shade2.disabled.active,
    .btn-success.btn-shade2.disabled.focus,
    .btn-success.btn-shade2.disabled:active,
    .btn-success.btn-shade2.disabled:focus,
    .btn-success.btn-shade2.disabled:hover,
    .btn-success.btn-shade2[disabled],
    .btn-success.btn-shade2[disabled].active,
    .btn-success.btn-shade2[disabled].focus,
    .btn-success.btn-shade2[disabled]:active,
    .btn-success.btn-shade2[disabled]:focus,
    .btn-success.btn-shade2[disabled]:hover,
    fieldset[disabled] .btn-success.btn-shade2,
    fieldset[disabled] .btn-success.btn-shade2.active,
    fieldset[disabled] .btn-success.btn-shade2.focus,
    fieldset[disabled] .btn-success.btn-shade2:active,
    fieldset[disabled] .btn-success.btn-shade2:focus,
    fieldset[disabled] .btn-success.btn-shade2:hover {
        background-color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .btn-success.btn-shade2 .badge {
        color: var(--main_color)
    }
    
    .btn-success.btn-shade3 {
        background-color: #60c2b1;
        border-color: #60c2b1
    }
    
    .btn-success.btn-shade3.focus,
    .btn-success.btn-shade3:focus {
        background-color: #60c2b1;
        border-color: #60c2b1
    }
    
    .btn-success.btn-shade3:hover {
        background-color: #73c9ba;
        border-color: #73c9ba
    }
    
    .btn-success.btn-shade3.active,
    .btn-success.btn-shade3:active,
    .open>.dropdown-toggle.btn-success.btn-shade3 {
        background-color: var(--focus_color);
        border-color: var(--focus_color)
    }
    
    .btn-success.btn-shade3.active.focus,
    .btn-success.btn-shade3.active:focus,
    .btn-success.btn-shade3.active:hover,
    .btn-success.btn-shade3:active.focus,
    .btn-success.btn-shade3:active:focus,
    .btn-success.btn-shade3:active:hover,
    .open>.dropdown-toggle.btn-success.btn-shade3.focus,
    .open>.dropdown-toggle.btn-success.btn-shade3:focus,
    .open>.dropdown-toggle.btn-success.btn-shade3:hover {
        background-color: var(--focus_color);
        border-color: var(--focus_color)
    }
    
    .btn-success.btn-shade3.disabled,
    .btn-success.btn-shade3.disabled.active,
    .btn-success.btn-shade3.disabled.focus,
    .btn-success.btn-shade3.disabled:active,
    .btn-success.btn-shade3.disabled:focus,
    .btn-success.btn-shade3.disabled:hover,
    .btn-success.btn-shade3[disabled],
    .btn-success.btn-shade3[disabled].active,
    .btn-success.btn-shade3[disabled].focus,
    .btn-success.btn-shade3[disabled]:active,
    .btn-success.btn-shade3[disabled]:focus,
    .btn-success.btn-shade3[disabled]:hover,
    fieldset[disabled] .btn-success.btn-shade3,
    fieldset[disabled] .btn-success.btn-shade3.active,
    fieldset[disabled] .btn-success.btn-shade3.focus,
    fieldset[disabled] .btn-success.btn-shade3:active,
    fieldset[disabled] .btn-success.btn-shade3:focus,
    fieldset[disabled] .btn-success.btn-shade3:hover {
        background-color: #60c2b1;
        border-color: #60c2b1
    }
    
    .btn-success.btn-shade3 .badge {
        color: #60c2b1
    }
    
    .btn-success.btn-shade4 {
        background-color: #59bfae;
        border-color: #59bfae
    }
    
    .btn-success.btn-shade4.focus,
    .btn-success.btn-shade4:focus {
        background-color: #59bfae;
        border-color: #59bfae
    }
    
    .btn-success.btn-shade4:hover {
        background-color: #6bc6b7;
        border-color: #6bc6b7
    }
    
    .btn-success.btn-shade4.active,
    .btn-success.btn-shade4:active,
    .open>.dropdown-toggle.btn-success.btn-shade4 {
        background-color: #4ebba8;
        border-color: #4ebba8
    }
    
    .btn-success.btn-shade4.active.focus,
    .btn-success.btn-shade4.active:focus,
    .btn-success.btn-shade4.active:hover,
    .btn-success.btn-shade4:active.focus,
    .btn-success.btn-shade4:active:focus,
    .btn-success.btn-shade4:active:hover,
    .open>.dropdown-toggle.btn-success.btn-shade4.focus,
    .open>.dropdown-toggle.btn-success.btn-shade4:focus,
    .open>.dropdown-toggle.btn-success.btn-shade4:hover {
        background-color: #4ebba8;
        border-color: #4ebba8
    }
    
    .btn-success.btn-shade4.disabled,
    .btn-success.btn-shade4.disabled.active,
    .btn-success.btn-shade4.disabled.focus,
    .btn-success.btn-shade4.disabled:active,
    .btn-success.btn-shade4.disabled:focus,
    .btn-success.btn-shade4.disabled:hover,
    .btn-success.btn-shade4[disabled],
    .btn-success.btn-shade4[disabled].active,
    .btn-success.btn-shade4[disabled].focus,
    .btn-success.btn-shade4[disabled]:active,
    .btn-success.btn-shade4[disabled]:focus,
    .btn-success.btn-shade4[disabled]:hover,
    fieldset[disabled] .btn-success.btn-shade4,
    fieldset[disabled] .btn-success.btn-shade4.active,
    fieldset[disabled] .btn-success.btn-shade4.focus,
    fieldset[disabled] .btn-success.btn-shade4:active,
    fieldset[disabled] .btn-success.btn-shade4:focus,
    fieldset[disabled] .btn-success.btn-shade4:hover {
        background-color: #59bfae;
        border-color: #59bfae
    }
    
    .btn-success.btn-shade4 .badge {
        color: #59bfae
    }
    
    .btn-info.btn-shade1 {
        background-color: #81c4dc;
        border-color: #81c4dc
    }
    
    .btn-info.btn-shade1.focus,
    .btn-info.btn-shade1:focus {
        background-color: #81c4dc;
        border-color: #81c4dc
    }
    
    .btn-info.btn-shade1:hover {
        background-color: #95cee1;
        border-color: #95cee1
    }
    
    .btn-info.btn-shade1.active,
    .btn-info.btn-shade1:active,
    .open>.dropdown-toggle.btn-info.btn-shade1 {
        background-color: #75bfd8;
        border-color: #75bfd8
    }
    
    .btn-info.btn-shade1.active.focus,
    .btn-info.btn-shade1.active:focus,
    .btn-info.btn-shade1.active:hover,
    .btn-info.btn-shade1:active.focus,
    .btn-info.btn-shade1:active:focus,
    .btn-info.btn-shade1:active:hover,
    .open>.dropdown-toggle.btn-info.btn-shade1.focus,
    .open>.dropdown-toggle.btn-info.btn-shade1:focus,
    .open>.dropdown-toggle.btn-info.btn-shade1:hover {
        background-color: #75bfd8;
        border-color: #75bfd8
    }
    
    .btn-info.btn-shade1.disabled,
    .btn-info.btn-shade1.disabled.active,
    .btn-info.btn-shade1.disabled.focus,
    .btn-info.btn-shade1.disabled:active,
    .btn-info.btn-shade1.disabled:focus,
    .btn-info.btn-shade1.disabled:hover,
    .btn-info.btn-shade1[disabled],
    .btn-info.btn-shade1[disabled].active,
    .btn-info.btn-shade1[disabled].focus,
    .btn-info.btn-shade1[disabled]:active,
    .btn-info.btn-shade1[disabled]:focus,
    .btn-info.btn-shade1[disabled]:hover,
    fieldset[disabled] .btn-info.btn-shade1,
    fieldset[disabled] .btn-info.btn-shade1.active,
    fieldset[disabled] .btn-info.btn-shade1.focus,
    fieldset[disabled] .btn-info.btn-shade1:active,
    fieldset[disabled] .btn-info.btn-shade1:focus,
    fieldset[disabled] .btn-info.btn-shade1:hover {
        background-color: #81c4dc;
        border-color: #81c4dc
    }
    
    .btn-info.btn-shade1 .badge {
        color: #81c4dc
    }
    
    .btn-info.btn-shade2 {
        background-color: #79c1d9;
        border-color: #79c1d9
    }
    
    .btn-info.btn-shade2.focus,
    .btn-info.btn-shade2:focus {
        background-color: #79c1d9;
        border-color: #79c1d9
    }
    
    .btn-info.btn-shade2:hover {
        background-color: #8dcadf;
        border-color: #8dcadf
    }
    
    .btn-info.btn-shade2.active,
    .btn-info.btn-shade2:active,
    .open>.dropdown-toggle.btn-info.btn-shade2 {
        background-color: #6dbbd6;
        border-color: #6dbbd6
    }
    
    .btn-info.btn-shade2.active.focus,
    .btn-info.btn-shade2.active:focus,
    .btn-info.btn-shade2.active:hover,
    .btn-info.btn-shade2:active.focus,
    .btn-info.btn-shade2:active:focus,
    .btn-info.btn-shade2:active:hover,
    .open>.dropdown-toggle.btn-info.btn-shade2.focus,
    .open>.dropdown-toggle.btn-info.btn-shade2:focus,
    .open>.dropdown-toggle.btn-info.btn-shade2:hover {
        background-color: #6dbbd6;
        border-color: #6dbbd6
    }
    
    .btn-info.btn-shade2.disabled,
    .btn-info.btn-shade2.disabled.active,
    .btn-info.btn-shade2.disabled.focus,
    .btn-info.btn-shade2.disabled:active,
    .btn-info.btn-shade2.disabled:focus,
    .btn-info.btn-shade2.disabled:hover,
    .btn-info.btn-shade2[disabled],
    .btn-info.btn-shade2[disabled].active,
    .btn-info.btn-shade2[disabled].focus,
    .btn-info.btn-shade2[disabled]:active,
    .btn-info.btn-shade2[disabled]:focus,
    .btn-info.btn-shade2[disabled]:hover,
    fieldset[disabled] .btn-info.btn-shade2,
    fieldset[disabled] .btn-info.btn-shade2.active,
    fieldset[disabled] .btn-info.btn-shade2.focus,
    fieldset[disabled] .btn-info.btn-shade2:active,
    fieldset[disabled] .btn-info.btn-shade2:focus,
    fieldset[disabled] .btn-info.btn-shade2:hover {
        background-color: #79c1d9;
        border-color: #79c1d9
    }
    
    .btn-info.btn-shade2 .badge {
        color: #79c1d9
    }
    
    .btn-info.btn-shade3 {
        background-color: #71bdd7;
        border-color: #71bdd7
    }
    
    .btn-info.btn-shade3.focus,
    .btn-info.btn-shade3:focus {
        background-color: #71bdd7;
        border-color: #71bdd7
    }
    
    .btn-info.btn-shade3:hover {
        background-color: #85c6dd;
        border-color: #85c6dd
    }
    
    .btn-info.btn-shade3.active,
    .btn-info.btn-shade3:active,
    .open>.dropdown-toggle.btn-info.btn-shade3 {
        background-color: #65b7d4;
        border-color: #65b7d4
    }
    
    .btn-info.btn-shade3.active.focus,
    .btn-info.btn-shade3.active:focus,
    .btn-info.btn-shade3.active:hover,
    .btn-info.btn-shade3:active.focus,
    .btn-info.btn-shade3:active:focus,
    .btn-info.btn-shade3:active:hover,
    .open>.dropdown-toggle.btn-info.btn-shade3.focus,
    .open>.dropdown-toggle.btn-info.btn-shade3:focus,
    .open>.dropdown-toggle.btn-info.btn-shade3:hover {
        background-color: #65b7d4;
        border-color: #65b7d4
    }
    
    .btn-info.btn-shade3.disabled,
    .btn-info.btn-shade3.disabled.active,
    .btn-info.btn-shade3.disabled.focus,
    .btn-info.btn-shade3.disabled:active,
    .btn-info.btn-shade3.disabled:focus,
    .btn-info.btn-shade3.disabled:hover,
    .btn-info.btn-shade3[disabled],
    .btn-info.btn-shade3[disabled].active,
    .btn-info.btn-shade3[disabled].focus,
    .btn-info.btn-shade3[disabled]:active,
    .btn-info.btn-shade3[disabled]:focus,
    .btn-info.btn-shade3[disabled]:hover,
    fieldset[disabled] .btn-info.btn-shade3,
    fieldset[disabled] .btn-info.btn-shade3.active,
    fieldset[disabled] .btn-info.btn-shade3.focus,
    fieldset[disabled] .btn-info.btn-shade3:active,
    fieldset[disabled] .btn-info.btn-shade3:focus,
    fieldset[disabled] .btn-info.btn-shade3:hover {
        background-color: #71bdd7;
        border-color: #71bdd7
    }
    
    .btn-info.btn-shade3 .badge {
        color: #71bdd7
    }
    
    .btn-info.btn-shade4 {
        background-color: #69b9d5;
        border-color: #69b9d5
    }
    
    .btn-info.btn-shade4.focus,
    .btn-info.btn-shade4:focus {
        background-color: #69b9d5;
        border-color: #69b9d5
    }
    
    .btn-info.btn-shade4:hover {
        background-color: #7dc3db;
        border-color: #7dc3db
    }
    
    .btn-info.btn-shade4.active,
    .btn-info.btn-shade4:active,
    .open>.dropdown-toggle.btn-info.btn-shade4 {
        background-color: #5db4d2;
        border-color: #5db4d2
    }
    
    .btn-info.btn-shade4.active.focus,
    .btn-info.btn-shade4.active:focus,
    .btn-info.btn-shade4.active:hover,
    .btn-info.btn-shade4:active.focus,
    .btn-info.btn-shade4:active:focus,
    .btn-info.btn-shade4:active:hover,
    .open>.dropdown-toggle.btn-info.btn-shade4.focus,
    .open>.dropdown-toggle.btn-info.btn-shade4:focus,
    .open>.dropdown-toggle.btn-info.btn-shade4:hover {
        background-color: #5db4d2;
        border-color: #5db4d2
    }
    
    .btn-info.btn-shade4.disabled,
    .btn-info.btn-shade4.disabled.active,
    .btn-info.btn-shade4.disabled.focus,
    .btn-info.btn-shade4.disabled:active,
    .btn-info.btn-shade4.disabled:focus,
    .btn-info.btn-shade4.disabled:hover,
    .btn-info.btn-shade4[disabled],
    .btn-info.btn-shade4[disabled].active,
    .btn-info.btn-shade4[disabled].focus,
    .btn-info.btn-shade4[disabled]:active,
    .btn-info.btn-shade4[disabled]:focus,
    .btn-info.btn-shade4[disabled]:hover,
    fieldset[disabled] .btn-info.btn-shade4,
    fieldset[disabled] .btn-info.btn-shade4.active,
    fieldset[disabled] .btn-info.btn-shade4.focus,
    fieldset[disabled] .btn-info.btn-shade4:active,
    fieldset[disabled] .btn-info.btn-shade4:focus,
    fieldset[disabled] .btn-info.btn-shade4:hover {
        background-color: #69b9d5;
        border-color: #69b9d5
    }
    
    .btn-info.btn-shade4 .badge {
        color: #69b9d5
    }
    
    .btn-warning.btn-shade1 {
        background-color: #ffc261;
        border-color: #ffc261
    }
    
    .btn-warning.btn-shade1.focus,
    .btn-warning.btn-shade1:focus {
        background-color: #ffc261;
        border-color: #ffc261
    }
    
    .btn-warning.btn-shade1:hover {
        background-color: #ffcc7a;
        border-color: #ffcc7a
    }
    
    .btn-warning.btn-shade1.active,
    .btn-warning.btn-shade1:active,
    .open>.dropdown-toggle.btn-warning.btn-shade1 {
        background-color: #ffbc51;
        border-color: #ffbc51
    }
    
    .btn-warning.btn-shade1.active.focus,
    .btn-warning.btn-shade1.active:focus,
    .btn-warning.btn-shade1.active:hover,
    .btn-warning.btn-shade1:active.focus,
    .btn-warning.btn-shade1:active:focus,
    .btn-warning.btn-shade1:active:hover,
    .open>.dropdown-toggle.btn-warning.btn-shade1.focus,
    .open>.dropdown-toggle.btn-warning.btn-shade1:focus,
    .open>.dropdown-toggle.btn-warning.btn-shade1:hover {
        background-color: #ffbc51;
        border-color: #ffbc51
    }
    
    .btn-warning.btn-shade1.disabled,
    .btn-warning.btn-shade1.disabled.active,
    .btn-warning.btn-shade1.disabled.focus,
    .btn-warning.btn-shade1.disabled:active,
    .btn-warning.btn-shade1.disabled:focus,
    .btn-warning.btn-shade1.disabled:hover,
    .btn-warning.btn-shade1[disabled],
    .btn-warning.btn-shade1[disabled].active,
    .btn-warning.btn-shade1[disabled].focus,
    .btn-warning.btn-shade1[disabled]:active,
    .btn-warning.btn-shade1[disabled]:focus,
    .btn-warning.btn-shade1[disabled]:hover,
    fieldset[disabled] .btn-warning.btn-shade1,
    fieldset[disabled] .btn-warning.btn-shade1.active,
    fieldset[disabled] .btn-warning.btn-shade1.focus,
    fieldset[disabled] .btn-warning.btn-shade1:active,
    fieldset[disabled] .btn-warning.btn-shade1:focus,
    fieldset[disabled] .btn-warning.btn-shade1:hover {
        background-color: #ffc261;
        border-color: #ffc261
    }
    
    .btn-warning.btn-shade1 .badge {
        color: #ffc261
    }
    
    .btn-warning.btn-shade2 {
        background-color: #ffbe57;
        border-color: #ffbe57
    }
    
    .btn-warning.btn-shade2.focus,
    .btn-warning.btn-shade2:focus {
        background-color: #ffbe57;
        border-color: #ffbe57
    }
    
    .btn-warning.btn-shade2:hover {
        background-color: #ffc870;
        border-color: #ffc870
    }
    
    .btn-warning.btn-shade2.active,
    .btn-warning.btn-shade2:active,
    .open>.dropdown-toggle.btn-warning.btn-shade2 {
        background-color: #ffb847;
        border-color: #ffb847
    }
    
    .btn-warning.btn-shade2.active.focus,
    .btn-warning.btn-shade2.active:focus,
    .btn-warning.btn-shade2.active:hover,
    .btn-warning.btn-shade2:active.focus,
    .btn-warning.btn-shade2:active:focus,
    .btn-warning.btn-shade2:active:hover,
    .open>.dropdown-toggle.btn-warning.btn-shade2.focus,
    .open>.dropdown-toggle.btn-warning.btn-shade2:focus,
    .open>.dropdown-toggle.btn-warning.btn-shade2:hover {
        background-color: #ffb847;
        border-color: #ffb847
    }
    
    .btn-warning.btn-shade2.disabled,
    .btn-warning.btn-shade2.disabled.active,
    .btn-warning.btn-shade2.disabled.focus,
    .btn-warning.btn-shade2.disabled:active,
    .btn-warning.btn-shade2.disabled:focus,
    .btn-warning.btn-shade2.disabled:hover,
    .btn-warning.btn-shade2[disabled],
    .btn-warning.btn-shade2[disabled].active,
    .btn-warning.btn-shade2[disabled].focus,
    .btn-warning.btn-shade2[disabled]:active,
    .btn-warning.btn-shade2[disabled]:focus,
    .btn-warning.btn-shade2[disabled]:hover,
    fieldset[disabled] .btn-warning.btn-shade2,
    fieldset[disabled] .btn-warning.btn-shade2.active,
    fieldset[disabled] .btn-warning.btn-shade2.focus,
    fieldset[disabled] .btn-warning.btn-shade2:active,
    fieldset[disabled] .btn-warning.btn-shade2:focus,
    fieldset[disabled] .btn-warning.btn-shade2:hover {
        background-color: #ffbe57;
        border-color: #ffbe57
    }
    
    .btn-warning.btn-shade2 .badge {
        color: #ffbe57
    }
    
    .btn-warning.btn-shade3 {
        background-color: #ffba4c;
        border-color: #ffba4c
    }
    
    .btn-warning.btn-shade3.focus,
    .btn-warning.btn-shade3:focus {
        background-color: #ffba4c;
        border-color: #ffba4c
    }
    
    .btn-warning.btn-shade3:hover {
        background-color: #ffc466;
        border-color: #ffc466
    }
    
    .btn-warning.btn-shade3.active,
    .btn-warning.btn-shade3:active,
    .open>.dropdown-toggle.btn-warning.btn-shade3 {
        background-color: #ffb43d;
        border-color: #ffb43d
    }
    
    .btn-warning.btn-shade3.active.focus,
    .btn-warning.btn-shade3.active:focus,
    .btn-warning.btn-shade3.active:hover,
    .btn-warning.btn-shade3:active.focus,
    .btn-warning.btn-shade3:active:focus,
    .btn-warning.btn-shade3:active:hover,
    .open>.dropdown-toggle.btn-warning.btn-shade3.focus,
    .open>.dropdown-toggle.btn-warning.btn-shade3:focus,
    .open>.dropdown-toggle.btn-warning.btn-shade3:hover {
        background-color: #ffb43d;
        border-color: #ffb43d
    }
    
    .btn-warning.btn-shade3.disabled,
    .btn-warning.btn-shade3.disabled.active,
    .btn-warning.btn-shade3.disabled.focus,
    .btn-warning.btn-shade3.disabled:active,
    .btn-warning.btn-shade3.disabled:focus,
    .btn-warning.btn-shade3.disabled:hover,
    .btn-warning.btn-shade3[disabled],
    .btn-warning.btn-shade3[disabled].active,
    .btn-warning.btn-shade3[disabled].focus,
    .btn-warning.btn-shade3[disabled]:active,
    .btn-warning.btn-shade3[disabled]:focus,
    .btn-warning.btn-shade3[disabled]:hover,
    fieldset[disabled] .btn-warning.btn-shade3,
    fieldset[disabled] .btn-warning.btn-shade3.active,
    fieldset[disabled] .btn-warning.btn-shade3.focus,
    fieldset[disabled] .btn-warning.btn-shade3:active,
    fieldset[disabled] .btn-warning.btn-shade3:focus,
    fieldset[disabled] .btn-warning.btn-shade3:hover {
        background-color: #ffba4c;
        border-color: #ffba4c
    }
    
    .btn-warning.btn-shade3 .badge {
        color: #ffba4c
    }
    
    .btn-warning.btn-shade4 {
        background-color: #ffb642;
        border-color: #ffb642
    }
    
    .btn-warning.btn-shade4.focus,
    .btn-warning.btn-shade4:focus {
        background-color: #ffb642;
        border-color: #ffb642
    }
    
    .btn-warning.btn-shade4:hover {
        background-color: #ffc05c;
        border-color: #ffc05c
    }
    
    .btn-warning.btn-shade4.active,
    .btn-warning.btn-shade4:active,
    .open>.dropdown-toggle.btn-warning.btn-shade4 {
        background-color: #ffb033;
        border-color: #ffb033
    }
    
    .btn-warning.btn-shade4.active.focus,
    .btn-warning.btn-shade4.active:focus,
    .btn-warning.btn-shade4.active:hover,
    .btn-warning.btn-shade4:active.focus,
    .btn-warning.btn-shade4:active:focus,
    .btn-warning.btn-shade4:active:hover,
    .open>.dropdown-toggle.btn-warning.btn-shade4.focus,
    .open>.dropdown-toggle.btn-warning.btn-shade4:focus,
    .open>.dropdown-toggle.btn-warning.btn-shade4:hover {
        background-color: #ffb033;
        border-color: #ffb033
    }
    
    .btn-warning.btn-shade4.disabled,
    .btn-warning.btn-shade4.disabled.active,
    .btn-warning.btn-shade4.disabled.focus,
    .btn-warning.btn-shade4.disabled:active,
    .btn-warning.btn-shade4.disabled:focus,
    .btn-warning.btn-shade4.disabled:hover,
    .btn-warning.btn-shade4[disabled],
    .btn-warning.btn-shade4[disabled].active,
    .btn-warning.btn-shade4[disabled].focus,
    .btn-warning.btn-shade4[disabled]:active,
    .btn-warning.btn-shade4[disabled]:focus,
    .btn-warning.btn-shade4[disabled]:hover,
    fieldset[disabled] .btn-warning.btn-shade4,
    fieldset[disabled] .btn-warning.btn-shade4.active,
    fieldset[disabled] .btn-warning.btn-shade4.focus,
    fieldset[disabled] .btn-warning.btn-shade4:active,
    fieldset[disabled] .btn-warning.btn-shade4:focus,
    fieldset[disabled] .btn-warning.btn-shade4:hover {
        background-color: #ffb642;
        border-color: #ffb642
    }
    
    .btn-warning.btn-shade4 .badge {
        color: #ffb642
    }
    
    .btn-danger.btn-shade1 {
        background-color: #ee5454;
        border-color: #ee5454
    }
    
    .btn-danger.btn-shade1.focus,
    .btn-danger.btn-shade1:focus {
        background-color: #ee5454;
        border-color: #ee5454
    }
    
    .btn-danger.btn-shade1:hover {
        background-color: #f06b6b;
        border-color: #f06b6b
    }
    
    .btn-danger.btn-shade1.active,
    .btn-danger.btn-shade1:active,
    .open>.dropdown-toggle.btn-danger.btn-shade1 {
        background-color: #ec4646;
        border-color: #ec4646
    }
    
    .btn-danger.btn-shade1.active.focus,
    .btn-danger.btn-shade1.active:focus,
    .btn-danger.btn-shade1.active:hover,
    .btn-danger.btn-shade1:active.focus,
    .btn-danger.btn-shade1:active:focus,
    .btn-danger.btn-shade1:active:hover,
    .open>.dropdown-toggle.btn-danger.btn-shade1.focus,
    .open>.dropdown-toggle.btn-danger.btn-shade1:focus,
    .open>.dropdown-toggle.btn-danger.btn-shade1:hover {
        background-color: #ec4646;
        border-color: #ec4646
    }
    
    .btn-danger.btn-shade1.disabled,
    .btn-danger.btn-shade1.disabled.active,
    .btn-danger.btn-shade1.disabled.focus,
    .btn-danger.btn-shade1.disabled:active,
    .btn-danger.btn-shade1.disabled:focus,
    .btn-danger.btn-shade1.disabled:hover,
    .btn-danger.btn-shade1[disabled],
    .btn-danger.btn-shade1[disabled].active,
    .btn-danger.btn-shade1[disabled].focus,
    .btn-danger.btn-shade1[disabled]:active,
    .btn-danger.btn-shade1[disabled]:focus,
    .btn-danger.btn-shade1[disabled]:hover,
    fieldset[disabled] .btn-danger.btn-shade1,
    fieldset[disabled] .btn-danger.btn-shade1.active,
    fieldset[disabled] .btn-danger.btn-shade1.focus,
    fieldset[disabled] .btn-danger.btn-shade1:active,
    fieldset[disabled] .btn-danger.btn-shade1:focus,
    fieldset[disabled] .btn-danger.btn-shade1:hover {
        background-color: #ee5454;
        border-color: #ee5454
    }
    
    .btn-danger.btn-shade1 .badge {
        color: #ee5454
    }
    
    .btn-danger.btn-shade2 {
        background-color: #ed4b4b;
        border-color: #ed4b4b
    }
    
    .btn-danger.btn-shade2.focus,
    .btn-danger.btn-shade2:focus {
        background-color: #ed4b4b;
        border-color: #ed4b4b
    }
    
    .btn-danger.btn-shade2:hover {
        background-color: #ef6262;
        border-color: #ef6262
    }
    
    .btn-danger.btn-shade2.active,
    .btn-danger.btn-shade2:active,
    .open>.dropdown-toggle.btn-danger.btn-shade2 {
        background-color: #eb3d3d;
        border-color: #eb3d3d
    }
    
    .btn-danger.btn-shade2.active.focus,
    .btn-danger.btn-shade2.active:focus,
    .btn-danger.btn-shade2.active:hover,
    .btn-danger.btn-shade2:active.focus,
    .btn-danger.btn-shade2:active:focus,
    .btn-danger.btn-shade2:active:hover,
    .open>.dropdown-toggle.btn-danger.btn-shade2.focus,
    .open>.dropdown-toggle.btn-danger.btn-shade2:focus,
    .open>.dropdown-toggle.btn-danger.btn-shade2:hover {
        background-color: #eb3d3d;
        border-color: #eb3d3d
    }
    
    .btn-danger.btn-shade2.disabled,
    .btn-danger.btn-shade2.disabled.active,
    .btn-danger.btn-shade2.disabled.focus,
    .btn-danger.btn-shade2.disabled:active,
    .btn-danger.btn-shade2.disabled:focus,
    .btn-danger.btn-shade2.disabled:hover,
    .btn-danger.btn-shade2[disabled],
    .btn-danger.btn-shade2[disabled].active,
    .btn-danger.btn-shade2[disabled].focus,
    .btn-danger.btn-shade2[disabled]:active,
    .btn-danger.btn-shade2[disabled]:focus,
    .btn-danger.btn-shade2[disabled]:hover,
    fieldset[disabled] .btn-danger.btn-shade2,
    fieldset[disabled] .btn-danger.btn-shade2.active,
    fieldset[disabled] .btn-danger.btn-shade2.focus,
    fieldset[disabled] .btn-danger.btn-shade2:active,
    fieldset[disabled] .btn-danger.btn-shade2:focus,
    fieldset[disabled] .btn-danger.btn-shade2:hover {
        background-color: #ed4b4b;
        border-color: #ed4b4b
    }
    
    .btn-danger.btn-shade2 .badge {
        color: #ed4b4b
    }
    
    .btn-danger.btn-shade3 {
        background-color: #ec4242;
        border-color: #ec4242
    }
    
    .btn-danger.btn-shade3.focus,
    .btn-danger.btn-shade3:focus {
        background-color: #ec4242;
        border-color: #ec4242
    }
    
    .btn-danger.btn-shade3:hover {
        background-color: #ee5959;
        border-color: #ee5959
    }
    
    .btn-danger.btn-shade3.active,
    .btn-danger.btn-shade3:active,
    .open>.dropdown-toggle.btn-danger.btn-shade3 {
        background-color: #ea3434;
        border-color: #ea3434
    }
    
    .btn-danger.btn-shade3.active.focus,
    .btn-danger.btn-shade3.active:focus,
    .btn-danger.btn-shade3.active:hover,
    .btn-danger.btn-shade3:active.focus,
    .btn-danger.btn-shade3:active:focus,
    .btn-danger.btn-shade3:active:hover,
    .open>.dropdown-toggle.btn-danger.btn-shade3.focus,
    .open>.dropdown-toggle.btn-danger.btn-shade3:focus,
    .open>.dropdown-toggle.btn-danger.btn-shade3:hover {
        background-color: #ea3434;
        border-color: #ea3434
    }
    
    .btn-danger.btn-shade3.disabled,
    .btn-danger.btn-shade3.disabled.active,
    .btn-danger.btn-shade3.disabled.focus,
    .btn-danger.btn-shade3.disabled:active,
    .btn-danger.btn-shade3.disabled:focus,
    .btn-danger.btn-shade3.disabled:hover,
    .btn-danger.btn-shade3[disabled],
    .btn-danger.btn-shade3[disabled].active,
    .btn-danger.btn-shade3[disabled].focus,
    .btn-danger.btn-shade3[disabled]:active,
    .btn-danger.btn-shade3[disabled]:focus,
    .btn-danger.btn-shade3[disabled]:hover,
    fieldset[disabled] .btn-danger.btn-shade3,
    fieldset[disabled] .btn-danger.btn-shade3.active,
    fieldset[disabled] .btn-danger.btn-shade3.focus,
    fieldset[disabled] .btn-danger.btn-shade3:active,
    fieldset[disabled] .btn-danger.btn-shade3:focus,
    fieldset[disabled] .btn-danger.btn-shade3:hover {
        background-color: #ec4242;
        border-color: #ec4242
    }
    
    .btn-danger.btn-shade3 .badge {
        color: #ec4242
    }
    
    .btn-danger.btn-shade4 {
        background-color: #eb3838;
        border-color: #eb3838
    }
    
    .btn-danger.btn-shade4.focus,
    .btn-danger.btn-shade4:focus {
        background-color: #eb3838;
        border-color: #eb3838
    }
    
    .btn-danger.btn-shade4:hover {
        background-color: #ed4f4f;
        border-color: #ed4f4f
    }
    
    .btn-danger.btn-shade4.active,
    .btn-danger.btn-shade4:active,
    .open>.dropdown-toggle.btn-danger.btn-shade4 {
        background-color: #e92a2a;
        border-color: #e92a2a
    }
    
    .btn-danger.btn-shade4.active.focus,
    .btn-danger.btn-shade4.active:focus,
    .btn-danger.btn-shade4.active:hover,
    .btn-danger.btn-shade4:active.focus,
    .btn-danger.btn-shade4:active:focus,
    .btn-danger.btn-shade4:active:hover,
    .open>.dropdown-toggle.btn-danger.btn-shade4.focus,
    .open>.dropdown-toggle.btn-danger.btn-shade4:focus,
    .open>.dropdown-toggle.btn-danger.btn-shade4:hover {
        background-color: #e92a2a;
        border-color: #e92a2a
    }
    
    .btn-danger.btn-shade4.disabled,
    .btn-danger.btn-shade4.disabled.active,
    .btn-danger.btn-shade4.disabled.focus,
    .btn-danger.btn-shade4.disabled:active,
    .btn-danger.btn-shade4.disabled:focus,
    .btn-danger.btn-shade4.disabled:hover,
    .btn-danger.btn-shade4[disabled],
    .btn-danger.btn-shade4[disabled].active,
    .btn-danger.btn-shade4[disabled].focus,
    .btn-danger.btn-shade4[disabled]:active,
    .btn-danger.btn-shade4[disabled]:focus,
    .btn-danger.btn-shade4[disabled]:hover,
    fieldset[disabled] .btn-danger.btn-shade4,
    fieldset[disabled] .btn-danger.btn-shade4.active,
    fieldset[disabled] .btn-danger.btn-shade4.focus,
    fieldset[disabled] .btn-danger.btn-shade4:active,
    fieldset[disabled] .btn-danger.btn-shade4:focus,
    fieldset[disabled] .btn-danger.btn-shade4:hover {
        background-color: #eb3838;
        border-color: #eb3838
    }
    
    .btn-danger.btn-shade4 .badge {
        color: #eb3838
    }
    
    .btn-dark.btn-shade1 {
        background-color: #353434;
        border-color: #353434
    }
    
    .btn-dark.btn-shade1.focus,
    .btn-dark.btn-shade1:focus {
        background-color: #353434;
        border-color: #353434
    }
    
    .btn-dark.btn-shade1:hover {
        background-color: #424141;
        border-color: #424141
    }
    
    .btn-dark.btn-shade1.active,
    .btn-dark.btn-shade1:active,
    .open>.dropdown-toggle.btn-dark.btn-shade1 {
        background-color: #2e2d2d;
        border-color: #2e2d2d
    }
    
    .btn-dark.btn-shade1.active.focus,
    .btn-dark.btn-shade1.active:focus,
    .btn-dark.btn-shade1.active:hover,
    .btn-dark.btn-shade1:active.focus,
    .btn-dark.btn-shade1:active:focus,
    .btn-dark.btn-shade1:active:hover,
    .open>.dropdown-toggle.btn-dark.btn-shade1.focus,
    .open>.dropdown-toggle.btn-dark.btn-shade1:focus,
    .open>.dropdown-toggle.btn-dark.btn-shade1:hover {
        background-color: #2e2d2d;
        border-color: #2e2d2d
    }
    
    .btn-dark.btn-shade1.disabled,
    .btn-dark.btn-shade1.disabled.active,
    .btn-dark.btn-shade1.disabled.focus,
    .btn-dark.btn-shade1.disabled:active,
    .btn-dark.btn-shade1.disabled:focus,
    .btn-dark.btn-shade1.disabled:hover,
    .btn-dark.btn-shade1[disabled],
    .btn-dark.btn-shade1[disabled].active,
    .btn-dark.btn-shade1[disabled].focus,
    .btn-dark.btn-shade1[disabled]:active,
    .btn-dark.btn-shade1[disabled]:focus,
    .btn-dark.btn-shade1[disabled]:hover,
    fieldset[disabled] .btn-dark.btn-shade1,
    fieldset[disabled] .btn-dark.btn-shade1.active,
    fieldset[disabled] .btn-dark.btn-shade1.focus,
    fieldset[disabled] .btn-dark.btn-shade1:active,
    fieldset[disabled] .btn-dark.btn-shade1:focus,
    fieldset[disabled] .btn-dark.btn-shade1:hover {
        background-color: #353434;
        border-color: #353434
    }
    
    .btn-dark.btn-shade1 .badge {
        color: #353434
    }
    
    .btn-dark.btn-shade2 {
        background-color: #302f2f;
        border-color: #302f2f
    }
    
    .btn-dark.btn-shade2.focus,
    .btn-dark.btn-shade2:focus {
        background-color: #302f2f;
        border-color: #302f2f
    }
    
    .btn-dark.btn-shade2:hover {
        background-color: #3d3c3c;
        border-color: #3d3c3c
    }
    
    .btn-dark.btn-shade2.active,
    .btn-dark.btn-shade2:active,
    .open>.dropdown-toggle.btn-dark.btn-shade2 {
        background-color: #282828;
        border-color: #282828
    }
    
    .btn-dark.btn-shade2.active.focus,
    .btn-dark.btn-shade2.active:focus,
    .btn-dark.btn-shade2.active:hover,
    .btn-dark.btn-shade2:active.focus,
    .btn-dark.btn-shade2:active:focus,
    .btn-dark.btn-shade2:active:hover,
    .open>.dropdown-toggle.btn-dark.btn-shade2.focus,
    .open>.dropdown-toggle.btn-dark.btn-shade2:focus,
    .open>.dropdown-toggle.btn-dark.btn-shade2:hover {
        background-color: #282828;
        border-color: #282828
    }
    
    .btn-dark.btn-shade2.disabled,
    .btn-dark.btn-shade2.disabled.active,
    .btn-dark.btn-shade2.disabled.focus,
    .btn-dark.btn-shade2.disabled:active,
    .btn-dark.btn-shade2.disabled:focus,
    .btn-dark.btn-shade2.disabled:hover,
    .btn-dark.btn-shade2[disabled],
    .btn-dark.btn-shade2[disabled].active,
    .btn-dark.btn-shade2[disabled].focus,
    .btn-dark.btn-shade2[disabled]:active,
    .btn-dark.btn-shade2[disabled]:focus,
    .btn-dark.btn-shade2[disabled]:hover,
    fieldset[disabled] .btn-dark.btn-shade2,
    fieldset[disabled] .btn-dark.btn-shade2.active,
    fieldset[disabled] .btn-dark.btn-shade2.focus,
    fieldset[disabled] .btn-dark.btn-shade2:active,
    fieldset[disabled] .btn-dark.btn-shade2:focus,
    fieldset[disabled] .btn-dark.btn-shade2:hover {
        background-color: #302f2f;
        border-color: #302f2f
    }
    
    .btn-dark.btn-shade2 .badge {
        color: #302f2f
    }
    
    .btn-dark.btn-shade3 {
        background-color: #2b2a2a;
        border-color: #2b2a2a
    }
    
    .btn-dark.btn-shade3.focus,
    .btn-dark.btn-shade3:focus {
        background-color: #2b2a2a;
        border-color: #2b2a2a
    }
    
    .btn-dark.btn-shade3:hover {
        background-color: #383737;
        border-color: #383737
    }
    
    .btn-dark.btn-shade3.active,
    .btn-dark.btn-shade3:active,
    .open>.dropdown-toggle.btn-dark.btn-shade3 {
        background-color: var(--oqlis-border);
        border-color: var(--oqlis-border)
    }
    
    .btn-dark.btn-shade3.active.focus,
    .btn-dark.btn-shade3.active:focus,
    .btn-dark.btn-shade3.active:hover,
    .btn-dark.btn-shade3:active.focus,
    .btn-dark.btn-shade3:active:focus,
    .btn-dark.btn-shade3:active:hover,
    .open>.dropdown-toggle.btn-dark.btn-shade3.focus,
    .open>.dropdown-toggle.btn-dark.btn-shade3:focus,
    .open>.dropdown-toggle.btn-dark.btn-shade3:hover {
        background-color: var(--oqlis-border);
        border-color: var(--oqlis-border)
    }
    
    .btn-dark.btn-shade3.disabled,
    .btn-dark.btn-shade3.disabled.active,
    .btn-dark.btn-shade3.disabled.focus,
    .btn-dark.btn-shade3.disabled:active,
    .btn-dark.btn-shade3.disabled:focus,
    .btn-dark.btn-shade3.disabled:hover,
    .btn-dark.btn-shade3[disabled],
    .btn-dark.btn-shade3[disabled].active,
    .btn-dark.btn-shade3[disabled].focus,
    .btn-dark.btn-shade3[disabled]:active,
    .btn-dark.btn-shade3[disabled]:focus,
    .btn-dark.btn-shade3[disabled]:hover,
    fieldset[disabled] .btn-dark.btn-shade3,
    fieldset[disabled] .btn-dark.btn-shade3.active,
    fieldset[disabled] .btn-dark.btn-shade3.focus,
    fieldset[disabled] .btn-dark.btn-shade3:active,
    fieldset[disabled] .btn-dark.btn-shade3:focus,
    fieldset[disabled] .btn-dark.btn-shade3:hover {
        background-color: #2b2a2a;
        border-color: #2b2a2a
    }
    
    .btn-dark.btn-shade3 .badge {
        color: #2b2a2a
    }
    
    .btn-dark.btn-shade4 {
        background-color: #262525;
        border-color: #262525
    }
    
    .btn-dark.btn-shade4.focus,
    .btn-dark.btn-shade4:focus {
        background-color: #262525;
        border-color: #262525
    }
    
    .btn-dark.btn-shade4:hover {
        background-color: #333232;
        border-color: #333232
    }
    
    .btn-dark.btn-shade4.active,
    .btn-dark.btn-shade4:active,
    .open>.dropdown-toggle.btn-dark.btn-shade4 {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-surface)
    }
    
    .btn-dark.btn-shade4.active.focus,
    .btn-dark.btn-shade4.active:focus,
    .btn-dark.btn-shade4.active:hover,
    .btn-dark.btn-shade4:active.focus,
    .btn-dark.btn-shade4:active:focus,
    .btn-dark.btn-shade4:active:hover,
    .open>.dropdown-toggle.btn-dark.btn-shade4.focus,
    .open>.dropdown-toggle.btn-dark.btn-shade4:focus,
    .open>.dropdown-toggle.btn-dark.btn-shade4:hover {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-surface)
    }
    
    .btn-dark.btn-shade4.disabled,
    .btn-dark.btn-shade4.disabled.active,
    .btn-dark.btn-shade4.disabled.focus,
    .btn-dark.btn-shade4.disabled:active,
    .btn-dark.btn-shade4.disabled:focus,
    .btn-dark.btn-shade4.disabled:hover,
    .btn-dark.btn-shade4[disabled],
    .btn-dark.btn-shade4[disabled].active,
    .btn-dark.btn-shade4[disabled].focus,
    .btn-dark.btn-shade4[disabled]:active,
    .btn-dark.btn-shade4[disabled]:focus,
    .btn-dark.btn-shade4[disabled]:hover,
    fieldset[disabled] .btn-dark.btn-shade4,
    fieldset[disabled] .btn-dark.btn-shade4.active,
    fieldset[disabled] .btn-dark.btn-shade4.focus,
    fieldset[disabled] .btn-dark.btn-shade4:active,
    fieldset[disabled] .btn-dark.btn-shade4:focus,
    fieldset[disabled] .btn-dark.btn-shade4:hover {
        background-color: #262525;
        border-color: #262525
    }
    
    .btn-dark.btn-shade4 .badge {
        color: #262525
    }
    
    .btn-alt1.btn-shade1 {
        background-color: #ffcd5f;
        border-color: #ffcd5f
    }
    
    .btn-alt1.btn-shade1.focus,
    .btn-alt1.btn-shade1:focus {
        background-color: #ffcd5f;
        border-color: #ffcd5f
    }
    
    .btn-alt1.btn-shade1:hover {
        background-color: #ffd579;
        border-color: #ffd579
    }
    
    .btn-alt1.btn-shade1.active,
    .btn-alt1.btn-shade1:active,
    .open>.dropdown-toggle.btn-alt1.btn-shade1 {
        background-color: #ffc950;
        border-color: #ffc950
    }
    
    .btn-alt1.btn-shade1.active.focus,
    .btn-alt1.btn-shade1.active:focus,
    .btn-alt1.btn-shade1.active:hover,
    .btn-alt1.btn-shade1:active.focus,
    .btn-alt1.btn-shade1:active:focus,
    .btn-alt1.btn-shade1:active:hover,
    .open>.dropdown-toggle.btn-alt1.btn-shade1.focus,
    .open>.dropdown-toggle.btn-alt1.btn-shade1:focus,
    .open>.dropdown-toggle.btn-alt1.btn-shade1:hover {
        background-color: #ffc950;
        border-color: #ffc950
    }
    
    .btn-alt1.btn-shade1.disabled,
    .btn-alt1.btn-shade1.disabled.active,
    .btn-alt1.btn-shade1.disabled.focus,
    .btn-alt1.btn-shade1.disabled:active,
    .btn-alt1.btn-shade1.disabled:focus,
    .btn-alt1.btn-shade1.disabled:hover,
    .btn-alt1.btn-shade1[disabled],
    .btn-alt1.btn-shade1[disabled].active,
    .btn-alt1.btn-shade1[disabled].focus,
    .btn-alt1.btn-shade1[disabled]:active,
    .btn-alt1.btn-shade1[disabled]:focus,
    .btn-alt1.btn-shade1[disabled]:hover,
    fieldset[disabled] .btn-alt1.btn-shade1,
    fieldset[disabled] .btn-alt1.btn-shade1.active,
    fieldset[disabled] .btn-alt1.btn-shade1.focus,
    fieldset[disabled] .btn-alt1.btn-shade1:active,
    fieldset[disabled] .btn-alt1.btn-shade1:focus,
    fieldset[disabled] .btn-alt1.btn-shade1:hover {
        background-color: #ffcd5f;
        border-color: #ffcd5f
    }
    
    .btn-alt1.btn-shade1 .badge {
        color: #ffcd5f
    }
    
    .btn-alt1.btn-shade2 {
        background-color: #ffca55;
        border-color: #ffca55
    }
    
    .btn-alt1.btn-shade2.focus,
    .btn-alt1.btn-shade2:focus {
        background-color: #ffca55;
        border-color: #ffca55
    }
    
    .btn-alt1.btn-shade2:hover {
        background-color: #ffd26e;
        border-color: #ffd26e
    }
    
    .btn-alt1.btn-shade2.active,
    .btn-alt1.btn-shade2:active,
    .open>.dropdown-toggle.btn-alt1.btn-shade2 {
        background-color: #ffc546;
        border-color: #ffc546
    }
    
    .btn-alt1.btn-shade2.active.focus,
    .btn-alt1.btn-shade2.active:focus,
    .btn-alt1.btn-shade2.active:hover,
    .btn-alt1.btn-shade2:active.focus,
    .btn-alt1.btn-shade2:active:focus,
    .btn-alt1.btn-shade2:active:hover,
    .open>.dropdown-toggle.btn-alt1.btn-shade2.focus,
    .open>.dropdown-toggle.btn-alt1.btn-shade2:focus,
    .open>.dropdown-toggle.btn-alt1.btn-shade2:hover {
        background-color: #ffc546;
        border-color: #ffc546
    }
    
    .btn-alt1.btn-shade2.disabled,
    .btn-alt1.btn-shade2.disabled.active,
    .btn-alt1.btn-shade2.disabled.focus,
    .btn-alt1.btn-shade2.disabled:active,
    .btn-alt1.btn-shade2.disabled:focus,
    .btn-alt1.btn-shade2.disabled:hover,
    .btn-alt1.btn-shade2[disabled],
    .btn-alt1.btn-shade2[disabled].active,
    .btn-alt1.btn-shade2[disabled].focus,
    .btn-alt1.btn-shade2[disabled]:active,
    .btn-alt1.btn-shade2[disabled]:focus,
    .btn-alt1.btn-shade2[disabled]:hover,
    fieldset[disabled] .btn-alt1.btn-shade2,
    fieldset[disabled] .btn-alt1.btn-shade2.active,
    fieldset[disabled] .btn-alt1.btn-shade2.focus,
    fieldset[disabled] .btn-alt1.btn-shade2:active,
    fieldset[disabled] .btn-alt1.btn-shade2:focus,
    fieldset[disabled] .btn-alt1.btn-shade2:hover {
        background-color: #ffca55;
        border-color: #ffca55
    }
    
    .btn-alt1.btn-shade2 .badge {
        color: #ffca55
    }
    
    .btn-alt1.btn-shade3 {
        background-color: #ffc74b;
        border-color: #ffc74b
    }
    
    .btn-alt1.btn-shade3.focus,
    .btn-alt1.btn-shade3:focus {
        background-color: #ffc74b;
        border-color: #ffc74b
    }
    
    .btn-alt1.btn-shade3:hover {
        background-color: #ffcf64;
        border-color: #ffcf64
    }
    
    .btn-alt1.btn-shade3.active,
    .btn-alt1.btn-shade3:active,
    .open>.dropdown-toggle.btn-alt1.btn-shade3 {
        background-color: #ffc23b;
        border-color: #ffc23b
    }
    
    .btn-alt1.btn-shade3.active.focus,
    .btn-alt1.btn-shade3.active:focus,
    .btn-alt1.btn-shade3.active:hover,
    .btn-alt1.btn-shade3:active.focus,
    .btn-alt1.btn-shade3:active:focus,
    .btn-alt1.btn-shade3:active:hover,
    .open>.dropdown-toggle.btn-alt1.btn-shade3.focus,
    .open>.dropdown-toggle.btn-alt1.btn-shade3:focus,
    .open>.dropdown-toggle.btn-alt1.btn-shade3:hover {
        background-color: #ffc23b;
        border-color: #ffc23b
    }
    
    .btn-alt1.btn-shade3.disabled,
    .btn-alt1.btn-shade3.disabled.active,
    .btn-alt1.btn-shade3.disabled.focus,
    .btn-alt1.btn-shade3.disabled:active,
    .btn-alt1.btn-shade3.disabled:focus,
    .btn-alt1.btn-shade3.disabled:hover,
    .btn-alt1.btn-shade3[disabled],
    .btn-alt1.btn-shade3[disabled].active,
    .btn-alt1.btn-shade3[disabled].focus,
    .btn-alt1.btn-shade3[disabled]:active,
    .btn-alt1.btn-shade3[disabled]:focus,
    .btn-alt1.btn-shade3[disabled]:hover,
    fieldset[disabled] .btn-alt1.btn-shade3,
    fieldset[disabled] .btn-alt1.btn-shade3.active,
    fieldset[disabled] .btn-alt1.btn-shade3.focus,
    fieldset[disabled] .btn-alt1.btn-shade3:active,
    fieldset[disabled] .btn-alt1.btn-shade3:focus,
    fieldset[disabled] .btn-alt1.btn-shade3:hover {
        background-color: #ffc74b;
        border-color: #ffc74b
    }
    
    .btn-alt1.btn-shade3 .badge {
        color: #ffc74b
    }
    
    .btn-alt1.btn-shade4 {
        background-color: #ffc441;
        border-color: #ffc441
    }
    
    .btn-alt1.btn-shade4.focus,
    .btn-alt1.btn-shade4:focus {
        background-color: #ffc441;
        border-color: #ffc441
    }
    
    .btn-alt1.btn-shade4:hover {
        background-color: #ffcc5a;
        border-color: #ffcc5a
    }
    
    .btn-alt1.btn-shade4.active,
    .btn-alt1.btn-shade4:active,
    .open>.dropdown-toggle.btn-alt1.btn-shade4 {
        background-color: #ffbf31;
        border-color: #ffbf31
    }
    
    .btn-alt1.btn-shade4.active.focus,
    .btn-alt1.btn-shade4.active:focus,
    .btn-alt1.btn-shade4.active:hover,
    .btn-alt1.btn-shade4:active.focus,
    .btn-alt1.btn-shade4:active:focus,
    .btn-alt1.btn-shade4:active:hover,
    .open>.dropdown-toggle.btn-alt1.btn-shade4.focus,
    .open>.dropdown-toggle.btn-alt1.btn-shade4:focus,
    .open>.dropdown-toggle.btn-alt1.btn-shade4:hover {
        background-color: #ffbf31;
        border-color: #ffbf31
    }
    
    .btn-alt1.btn-shade4.disabled,
    .btn-alt1.btn-shade4.disabled.active,
    .btn-alt1.btn-shade4.disabled.focus,
    .btn-alt1.btn-shade4.disabled:active,
    .btn-alt1.btn-shade4.disabled:focus,
    .btn-alt1.btn-shade4.disabled:hover,
    .btn-alt1.btn-shade4[disabled],
    .btn-alt1.btn-shade4[disabled].active,
    .btn-alt1.btn-shade4[disabled].focus,
    .btn-alt1.btn-shade4[disabled]:active,
    .btn-alt1.btn-shade4[disabled]:focus,
    .btn-alt1.btn-shade4[disabled]:hover,
    fieldset[disabled] .btn-alt1.btn-shade4,
    fieldset[disabled] .btn-alt1.btn-shade4.active,
    fieldset[disabled] .btn-alt1.btn-shade4.focus,
    fieldset[disabled] .btn-alt1.btn-shade4:active,
    fieldset[disabled] .btn-alt1.btn-shade4:focus,
    fieldset[disabled] .btn-alt1.btn-shade4:hover {
        background-color: #ffc441;
        border-color: #ffc441
    }
    
    .btn-alt1.btn-shade4 .badge {
        color: #ffc441
    }
    
    .btn-alt2.btn-shade1 {
        background-color: #9169bc;
        border-color: #9169bc
    }
    
    .btn-alt2.btn-shade1.focus,
    .btn-alt2.btn-shade1:focus {
        background-color: #9169bc;
        border-color: #9169bc
    }
    
    .btn-alt2.btn-shade1:hover {
        background-color: #9e7bc4;
        border-color: #9e7bc4
    }
    
    .btn-alt2.btn-shade1.active,
    .btn-alt2.btn-shade1:active,
    .open>.dropdown-toggle.btn-alt2.btn-shade1 {
        background-color: #895eb8;
        border-color: #895eb8
    }
    
    .btn-alt2.btn-shade1.active.focus,
    .btn-alt2.btn-shade1.active:focus,
    .btn-alt2.btn-shade1.active:hover,
    .btn-alt2.btn-shade1:active.focus,
    .btn-alt2.btn-shade1:active:focus,
    .btn-alt2.btn-shade1:active:hover,
    .open>.dropdown-toggle.btn-alt2.btn-shade1.focus,
    .open>.dropdown-toggle.btn-alt2.btn-shade1:focus,
    .open>.dropdown-toggle.btn-alt2.btn-shade1:hover {
        background-color: #895eb8;
        border-color: #895eb8
    }
    
    .btn-alt2.btn-shade1.disabled,
    .btn-alt2.btn-shade1.disabled.active,
    .btn-alt2.btn-shade1.disabled.focus,
    .btn-alt2.btn-shade1.disabled:active,
    .btn-alt2.btn-shade1.disabled:focus,
    .btn-alt2.btn-shade1.disabled:hover,
    .btn-alt2.btn-shade1[disabled],
    .btn-alt2.btn-shade1[disabled].active,
    .btn-alt2.btn-shade1[disabled].focus,
    .btn-alt2.btn-shade1[disabled]:active,
    .btn-alt2.btn-shade1[disabled]:focus,
    .btn-alt2.btn-shade1[disabled]:hover,
    fieldset[disabled] .btn-alt2.btn-shade1,
    fieldset[disabled] .btn-alt2.btn-shade1.active,
    fieldset[disabled] .btn-alt2.btn-shade1.focus,
    fieldset[disabled] .btn-alt2.btn-shade1:active,
    fieldset[disabled] .btn-alt2.btn-shade1:focus,
    fieldset[disabled] .btn-alt2.btn-shade1:hover {
        background-color: #9169bc;
        border-color: #9169bc
    }
    
    .btn-alt2.btn-shade1 .badge {
        color: #9169bc
    }
    
    .btn-alt2.btn-shade2 {
        background-color: #8c62b9;
        border-color: #8c62b9
    }
    
    .btn-alt2.btn-shade2.focus,
    .btn-alt2.btn-shade2:focus {
        background-color: #8c62b9;
        border-color: #8c62b9
    }
    
    .btn-alt2.btn-shade2:hover {
        background-color: #9974c1;
        border-color: #9974c1
    }
    
    .btn-alt2.btn-shade2.active,
    .btn-alt2.btn-shade2:active,
    .open>.dropdown-toggle.btn-alt2.btn-shade2 {
        background-color: #8457b4;
        border-color: #8457b4
    }
    
    .btn-alt2.btn-shade2.active.focus,
    .btn-alt2.btn-shade2.active:focus,
    .btn-alt2.btn-shade2.active:hover,
    .btn-alt2.btn-shade2:active.focus,
    .btn-alt2.btn-shade2:active:focus,
    .btn-alt2.btn-shade2:active:hover,
    .open>.dropdown-toggle.btn-alt2.btn-shade2.focus,
    .open>.dropdown-toggle.btn-alt2.btn-shade2:focus,
    .open>.dropdown-toggle.btn-alt2.btn-shade2:hover {
        background-color: #8457b4;
        border-color: #8457b4
    }
    
    .btn-alt2.btn-shade2.disabled,
    .btn-alt2.btn-shade2.disabled.active,
    .btn-alt2.btn-shade2.disabled.focus,
    .btn-alt2.btn-shade2.disabled:active,
    .btn-alt2.btn-shade2.disabled:focus,
    .btn-alt2.btn-shade2.disabled:hover,
    .btn-alt2.btn-shade2[disabled],
    .btn-alt2.btn-shade2[disabled].active,
    .btn-alt2.btn-shade2[disabled].focus,
    .btn-alt2.btn-shade2[disabled]:active,
    .btn-alt2.btn-shade2[disabled]:focus,
    .btn-alt2.btn-shade2[disabled]:hover,
    fieldset[disabled] .btn-alt2.btn-shade2,
    fieldset[disabled] .btn-alt2.btn-shade2.active,
    fieldset[disabled] .btn-alt2.btn-shade2.focus,
    fieldset[disabled] .btn-alt2.btn-shade2:active,
    fieldset[disabled] .btn-alt2.btn-shade2:focus,
    fieldset[disabled] .btn-alt2.btn-shade2:hover {
        background-color: #8c62b9;
        border-color: #8c62b9
    }
    
    .btn-alt2.btn-shade2 .badge {
        color: #8c62b9
    }
    
    .btn-alt2.btn-shade3 {
        background-color: #875bb6;
        border-color: #875bb6
    }
    
    .btn-alt2.btn-shade3.focus,
    .btn-alt2.btn-shade3:focus {
        background-color: #875bb6;
        border-color: #875bb6
    }
    
    .btn-alt2.btn-shade3:hover {
        background-color: #946dbe;
        border-color: #946dbe
    }
    
    .btn-alt2.btn-shade3.active,
    .btn-alt2.btn-shade3:active,
    .open>.dropdown-toggle.btn-alt2.btn-shade3 {
        background-color: #7f50b1;
        border-color: #7f50b1
    }
    
    .btn-alt2.btn-shade3.active.focus,
    .btn-alt2.btn-shade3.active:focus,
    .btn-alt2.btn-shade3.active:hover,
    .btn-alt2.btn-shade3:active.focus,
    .btn-alt2.btn-shade3:active:focus,
    .btn-alt2.btn-shade3:active:hover,
    .open>.dropdown-toggle.btn-alt2.btn-shade3.focus,
    .open>.dropdown-toggle.btn-alt2.btn-shade3:focus,
    .open>.dropdown-toggle.btn-alt2.btn-shade3:hover {
        background-color: #7f50b1;
        border-color: #7f50b1
    }
    
    .btn-alt2.btn-shade3.disabled,
    .btn-alt2.btn-shade3.disabled.active,
    .btn-alt2.btn-shade3.disabled.focus,
    .btn-alt2.btn-shade3.disabled:active,
    .btn-alt2.btn-shade3.disabled:focus,
    .btn-alt2.btn-shade3.disabled:hover,
    .btn-alt2.btn-shade3[disabled],
    .btn-alt2.btn-shade3[disabled].active,
    .btn-alt2.btn-shade3[disabled].focus,
    .btn-alt2.btn-shade3[disabled]:active,
    .btn-alt2.btn-shade3[disabled]:focus,
    .btn-alt2.btn-shade3[disabled]:hover,
    fieldset[disabled] .btn-alt2.btn-shade3,
    fieldset[disabled] .btn-alt2.btn-shade3.active,
    fieldset[disabled] .btn-alt2.btn-shade3.focus,
    fieldset[disabled] .btn-alt2.btn-shade3:active,
    fieldset[disabled] .btn-alt2.btn-shade3:focus,
    fieldset[disabled] .btn-alt2.btn-shade3:hover {
        background-color: #875bb6;
        border-color: #875bb6
    }
    
    .btn-alt2.btn-shade3 .badge {
        color: #875bb6
    }
    
    .btn-alt2.btn-shade4 {
        background-color: #8154b3;
        border-color: #8154b3
    }
    
    .btn-alt2.btn-shade4.focus,
    .btn-alt2.btn-shade4:focus {
        background-color: #8154b3;
        border-color: #8154b3
    }
    
    .btn-alt2.btn-shade4:hover {
        background-color: #8e65bb;
        border-color: #8e65bb
    }
    
    .btn-alt2.btn-shade4.active,
    .btn-alt2.btn-shade4:active,
    .open>.dropdown-toggle.btn-alt2.btn-shade4 {
        background-color: #7a4cab;
        border-color: #7a4cab
    }
    
    .btn-alt2.btn-shade4.active.focus,
    .btn-alt2.btn-shade4.active:focus,
    .btn-alt2.btn-shade4.active:hover,
    .btn-alt2.btn-shade4:active.focus,
    .btn-alt2.btn-shade4:active:focus,
    .btn-alt2.btn-shade4:active:hover,
    .open>.dropdown-toggle.btn-alt2.btn-shade4.focus,
    .open>.dropdown-toggle.btn-alt2.btn-shade4:focus,
    .open>.dropdown-toggle.btn-alt2.btn-shade4:hover {
        background-color: #7a4cab;
        border-color: #7a4cab
    }
    
    .btn-alt2.btn-shade4.disabled,
    .btn-alt2.btn-shade4.disabled.active,
    .btn-alt2.btn-shade4.disabled.focus,
    .btn-alt2.btn-shade4.disabled:active,
    .btn-alt2.btn-shade4.disabled:focus,
    .btn-alt2.btn-shade4.disabled:hover,
    .btn-alt2.btn-shade4[disabled],
    .btn-alt2.btn-shade4[disabled].active,
    .btn-alt2.btn-shade4[disabled].focus,
    .btn-alt2.btn-shade4[disabled]:active,
    .btn-alt2.btn-shade4[disabled]:focus,
    .btn-alt2.btn-shade4[disabled]:hover,
    fieldset[disabled] .btn-alt2.btn-shade4,
    fieldset[disabled] .btn-alt2.btn-shade4.active,
    fieldset[disabled] .btn-alt2.btn-shade4.focus,
    fieldset[disabled] .btn-alt2.btn-shade4:active,
    fieldset[disabled] .btn-alt2.btn-shade4:focus,
    fieldset[disabled] .btn-alt2.btn-shade4:hover {
        background-color: #8154b3;
        border-color: #8154b3
    }
    
    .btn-alt2.btn-shade4 .badge {
        color: #8154b3
    }
    
    .btn-alt3.btn-shade1 {
        background-color: #ff6b91;
        border-color: #ff6b91
    }
    
    .btn-alt3.btn-shade1.focus,
    .btn-alt3.btn-shade1:focus {
        background-color: #ff6b91;
        border-color: #ff6b91
    }
    
    .btn-alt3.btn-shade1:hover {
        background-color: #ff84a4;
        border-color: #ff84a4
    }
    
    .btn-alt3.btn-shade1.active,
    .btn-alt3.btn-shade1:active,
    .open>.dropdown-toggle.btn-alt3.btn-shade1 {
        background-color: #ff5b86;
        border-color: #ff5b86
    }
    
    .btn-alt3.btn-shade1.active.focus,
    .btn-alt3.btn-shade1.active:focus,
    .btn-alt3.btn-shade1.active:hover,
    .btn-alt3.btn-shade1:active.focus,
    .btn-alt3.btn-shade1:active:focus,
    .btn-alt3.btn-shade1:active:hover,
    .open>.dropdown-toggle.btn-alt3.btn-shade1.focus,
    .open>.dropdown-toggle.btn-alt3.btn-shade1:focus,
    .open>.dropdown-toggle.btn-alt3.btn-shade1:hover {
        background-color: #ff5b86;
        border-color: #ff5b86
    }
    
    .btn-alt3.btn-shade1.disabled,
    .btn-alt3.btn-shade1.disabled.active,
    .btn-alt3.btn-shade1.disabled.focus,
    .btn-alt3.btn-shade1.disabled:active,
    .btn-alt3.btn-shade1.disabled:focus,
    .btn-alt3.btn-shade1.disabled:hover,
    .btn-alt3.btn-shade1[disabled],
    .btn-alt3.btn-shade1[disabled].active,
    .btn-alt3.btn-shade1[disabled].focus,
    .btn-alt3.btn-shade1[disabled]:active,
    .btn-alt3.btn-shade1[disabled]:focus,
    .btn-alt3.btn-shade1[disabled]:hover,
    fieldset[disabled] .btn-alt3.btn-shade1,
    fieldset[disabled] .btn-alt3.btn-shade1.active,
    fieldset[disabled] .btn-alt3.btn-shade1.focus,
    fieldset[disabled] .btn-alt3.btn-shade1:active,
    fieldset[disabled] .btn-alt3.btn-shade1:focus,
    fieldset[disabled] .btn-alt3.btn-shade1:hover {
        background-color: #ff6b91;
        border-color: #ff6b91
    }
    
    .btn-alt3.btn-shade1 .badge {
        color: #ff6b91
    }
    
    .btn-alt3.btn-shade2 {
        background-color: #ff6089;
        border-color: #ff6089
    }
    
    .btn-alt3.btn-shade2.focus,
    .btn-alt3.btn-shade2:focus {
        background-color: #ff6089;
        border-color: #ff6089
    }
    
    .btn-alt3.btn-shade2:hover {
        background-color: #ff7a9c;
        border-color: #ff7a9c
    }
    
    .btn-alt3.btn-shade2.active,
    .btn-alt3.btn-shade2:active,
    .open>.dropdown-toggle.btn-alt3.btn-shade2 {
        background-color: #ff517e;
        border-color: #ff517e
    }
    
    .btn-alt3.btn-shade2.active.focus,
    .btn-alt3.btn-shade2.active:focus,
    .btn-alt3.btn-shade2.active:hover,
    .btn-alt3.btn-shade2:active.focus,
    .btn-alt3.btn-shade2:active:focus,
    .btn-alt3.btn-shade2:active:hover,
    .open>.dropdown-toggle.btn-alt3.btn-shade2.focus,
    .open>.dropdown-toggle.btn-alt3.btn-shade2:focus,
    .open>.dropdown-toggle.btn-alt3.btn-shade2:hover {
        background-color: #ff517e;
        border-color: #ff517e
    }
    
    .btn-alt3.btn-shade2.disabled,
    .btn-alt3.btn-shade2.disabled.active,
    .btn-alt3.btn-shade2.disabled.focus,
    .btn-alt3.btn-shade2.disabled:active,
    .btn-alt3.btn-shade2.disabled:focus,
    .btn-alt3.btn-shade2.disabled:hover,
    .btn-alt3.btn-shade2[disabled],
    .btn-alt3.btn-shade2[disabled].active,
    .btn-alt3.btn-shade2[disabled].focus,
    .btn-alt3.btn-shade2[disabled]:active,
    .btn-alt3.btn-shade2[disabled]:focus,
    .btn-alt3.btn-shade2[disabled]:hover,
    fieldset[disabled] .btn-alt3.btn-shade2,
    fieldset[disabled] .btn-alt3.btn-shade2.active,
    fieldset[disabled] .btn-alt3.btn-shade2.focus,
    fieldset[disabled] .btn-alt3.btn-shade2:active,
    fieldset[disabled] .btn-alt3.btn-shade2:focus,
    fieldset[disabled] .btn-alt3.btn-shade2:hover {
        background-color: #ff6089;
        border-color: #ff6089
    }
    
    .btn-alt3.btn-shade2 .badge {
        color: #ff6089
    }
    
    .btn-alt3.btn-shade3 {
        background-color: #ff5682;
        border-color: #ff5682
    }
    
    .btn-alt3.btn-shade3.focus,
    .btn-alt3.btn-shade3:focus {
        background-color: #ff5682;
        border-color: #ff5682
    }
    
    .btn-alt3.btn-shade3:hover {
        background-color: #ff7095;
        border-color: #ff7095
    }
    
    .btn-alt3.btn-shade3.active,
    .btn-alt3.btn-shade3:active,
    .open>.dropdown-toggle.btn-alt3.btn-shade3 {
        background-color: #ff4776;
        border-color: #ff4776
    }
    
    .btn-alt3.btn-shade3.active.focus,
    .btn-alt3.btn-shade3.active:focus,
    .btn-alt3.btn-shade3.active:hover,
    .btn-alt3.btn-shade3:active.focus,
    .btn-alt3.btn-shade3:active:focus,
    .btn-alt3.btn-shade3:active:hover,
    .open>.dropdown-toggle.btn-alt3.btn-shade3.focus,
    .open>.dropdown-toggle.btn-alt3.btn-shade3:focus,
    .open>.dropdown-toggle.btn-alt3.btn-shade3:hover {
        background-color: #ff4776;
        border-color: #ff4776
    }
    
    .btn-alt3.btn-shade3.disabled,
    .btn-alt3.btn-shade3.disabled.active,
    .btn-alt3.btn-shade3.disabled.focus,
    .btn-alt3.btn-shade3.disabled:active,
    .btn-alt3.btn-shade3.disabled:focus,
    .btn-alt3.btn-shade3.disabled:hover,
    .btn-alt3.btn-shade3[disabled],
    .btn-alt3.btn-shade3[disabled].active,
    .btn-alt3.btn-shade3[disabled].focus,
    .btn-alt3.btn-shade3[disabled]:active,
    .btn-alt3.btn-shade3[disabled]:focus,
    .btn-alt3.btn-shade3[disabled]:hover,
    fieldset[disabled] .btn-alt3.btn-shade3,
    fieldset[disabled] .btn-alt3.btn-shade3.active,
    fieldset[disabled] .btn-alt3.btn-shade3.focus,
    fieldset[disabled] .btn-alt3.btn-shade3:active,
    fieldset[disabled] .btn-alt3.btn-shade3:focus,
    fieldset[disabled] .btn-alt3.btn-shade3:hover {
        background-color: #ff5682;
        border-color: #ff5682
    }
    
    .btn-alt3.btn-shade3 .badge {
        color: #ff5682
    }
    
    .btn-alt3.btn-shade4 {
        background-color: #ff4c7a;
        border-color: #ff4c7a
    }
    
    .btn-alt3.btn-shade4.focus,
    .btn-alt3.btn-shade4:focus {
        background-color: #ff4c7a;
        border-color: #ff4c7a
    }
    
    .btn-alt3.btn-shade4:hover {
        background-color: #ff668d;
        border-color: #ff668d
    }
    
    .btn-alt3.btn-shade4.active,
    .btn-alt3.btn-shade4:active,
    .open>.dropdown-toggle.btn-alt3.btn-shade4 {
        background-color: #ff3d6f;
        border-color: #ff3d6f
    }
    
    .btn-alt3.btn-shade4.active.focus,
    .btn-alt3.btn-shade4.active:focus,
    .btn-alt3.btn-shade4.active:hover,
    .btn-alt3.btn-shade4:active.focus,
    .btn-alt3.btn-shade4:active:focus,
    .btn-alt3.btn-shade4:active:hover,
    .open>.dropdown-toggle.btn-alt3.btn-shade4.focus,
    .open>.dropdown-toggle.btn-alt3.btn-shade4:focus,
    .open>.dropdown-toggle.btn-alt3.btn-shade4:hover {
        background-color: #ff3d6f;
        border-color: #ff3d6f
    }
    
    .btn-alt3.btn-shade4.disabled,
    .btn-alt3.btn-shade4.disabled.active,
    .btn-alt3.btn-shade4.disabled.focus,
    .btn-alt3.btn-shade4.disabled:active,
    .btn-alt3.btn-shade4.disabled:focus,
    .btn-alt3.btn-shade4.disabled:hover,
    .btn-alt3.btn-shade4[disabled],
    .btn-alt3.btn-shade4[disabled].active,
    .btn-alt3.btn-shade4[disabled].focus,
    .btn-alt3.btn-shade4[disabled]:active,
    .btn-alt3.btn-shade4[disabled]:focus,
    .btn-alt3.btn-shade4[disabled]:hover,
    fieldset[disabled] .btn-alt3.btn-shade4,
    fieldset[disabled] .btn-alt3.btn-shade4.active,
    fieldset[disabled] .btn-alt3.btn-shade4.focus,
    fieldset[disabled] .btn-alt3.btn-shade4:active,
    fieldset[disabled] .btn-alt3.btn-shade4:focus,
    fieldset[disabled] .btn-alt3.btn-shade4:hover {
        background-color: #ff4c7a;
        border-color: #ff4c7a
    }
    
    .btn-alt3.btn-shade4 .badge {
        color: #ff4c7a
    }
    
    .btn-alt4.btn-shade1 {
        background-color: #b4b4b4;
        border-color: #b4b4b4
    }
    
    .btn-alt4.btn-shade1.focus,
    .btn-alt4.btn-shade1:focus {
        background-color: #b4b4b4;
        border-color: #b4b4b4
    }
    
    .btn-alt4.btn-shade1:hover {
        background-color: silver;
        border-color: silver
    }
    
    .btn-alt4.btn-shade1.active,
    .btn-alt4.btn-shade1:active,
    .open>.dropdown-toggle.btn-alt4.btn-shade1 {
        background-color: #acacac;
        border-color: #acacac
    }
    
    .btn-alt4.btn-shade1.active.focus,
    .btn-alt4.btn-shade1.active:focus,
    .btn-alt4.btn-shade1.active:hover,
    .btn-alt4.btn-shade1:active.focus,
    .btn-alt4.btn-shade1:active:focus,
    .btn-alt4.btn-shade1:active:hover,
    .open>.dropdown-toggle.btn-alt4.btn-shade1.focus,
    .open>.dropdown-toggle.btn-alt4.btn-shade1:focus,
    .open>.dropdown-toggle.btn-alt4.btn-shade1:hover {
        background-color: #acacac;
        border-color: #acacac
    }
    
    .btn-alt4.btn-shade1.disabled,
    .btn-alt4.btn-shade1.disabled.active,
    .btn-alt4.btn-shade1.disabled.focus,
    .btn-alt4.btn-shade1.disabled:active,
    .btn-alt4.btn-shade1.disabled:focus,
    .btn-alt4.btn-shade1.disabled:hover,
    .btn-alt4.btn-shade1[disabled],
    .btn-alt4.btn-shade1[disabled].active,
    .btn-alt4.btn-shade1[disabled].focus,
    .btn-alt4.btn-shade1[disabled]:active,
    .btn-alt4.btn-shade1[disabled]:focus,
    .btn-alt4.btn-shade1[disabled]:hover,
    fieldset[disabled] .btn-alt4.btn-shade1,
    fieldset[disabled] .btn-alt4.btn-shade1.active,
    fieldset[disabled] .btn-alt4.btn-shade1.focus,
    fieldset[disabled] .btn-alt4.btn-shade1:active,
    fieldset[disabled] .btn-alt4.btn-shade1:focus,
    fieldset[disabled] .btn-alt4.btn-shade1:hover {
        background-color: #b4b4b4;
        border-color: #b4b4b4
    }
    
    .btn-alt4.btn-shade1 .badge {
        color: #b4b4b4
    }
    
    .btn-alt4.btn-shade2 {
        background-color: #afafaf;
        border-color: #afafaf
    }
    
    .btn-alt4.btn-shade2.focus,
    .btn-alt4.btn-shade2:focus {
        background-color: #afafaf;
        border-color: #afafaf
    }
    
    .btn-alt4.btn-shade2:hover {
        background-color: #bbb;
        border-color: #bbb
    }
    
    .btn-alt4.btn-shade2.active,
    .btn-alt4.btn-shade2:active,
    .open>.dropdown-toggle.btn-alt4.btn-shade2 {
        background-color: #a7a7a7;
        border-color: #a7a7a7
    }
    
    .btn-alt4.btn-shade2.active.focus,
    .btn-alt4.btn-shade2.active:focus,
    .btn-alt4.btn-shade2.active:hover,
    .btn-alt4.btn-shade2:active.focus,
    .btn-alt4.btn-shade2:active:focus,
    .btn-alt4.btn-shade2:active:hover,
    .open>.dropdown-toggle.btn-alt4.btn-shade2.focus,
    .open>.dropdown-toggle.btn-alt4.btn-shade2:focus,
    .open>.dropdown-toggle.btn-alt4.btn-shade2:hover {
        background-color: #a7a7a7;
        border-color: #a7a7a7
    }
    
    .btn-alt4.btn-shade2.disabled,
    .btn-alt4.btn-shade2.disabled.active,
    .btn-alt4.btn-shade2.disabled.focus,
    .btn-alt4.btn-shade2.disabled:active,
    .btn-alt4.btn-shade2.disabled:focus,
    .btn-alt4.btn-shade2.disabled:hover,
    .btn-alt4.btn-shade2[disabled],
    .btn-alt4.btn-shade2[disabled].active,
    .btn-alt4.btn-shade2[disabled].focus,
    .btn-alt4.btn-shade2[disabled]:active,
    .btn-alt4.btn-shade2[disabled]:focus,
    .btn-alt4.btn-shade2[disabled]:hover,
    fieldset[disabled] .btn-alt4.btn-shade2,
    fieldset[disabled] .btn-alt4.btn-shade2.active,
    fieldset[disabled] .btn-alt4.btn-shade2.focus,
    fieldset[disabled] .btn-alt4.btn-shade2:active,
    fieldset[disabled] .btn-alt4.btn-shade2:focus,
    fieldset[disabled] .btn-alt4.btn-shade2:hover {
        background-color: #afafaf;
        border-color: #afafaf
    }
    
    .btn-alt4.btn-shade2 .badge {
        color: #afafaf
    }
    
    .btn-alt4.btn-shade3 {
        background-color: #a9a9a9;
        border-color: #a9a9a9
    }
    
    .btn-alt4.btn-shade3.focus,
    .btn-alt4.btn-shade3:focus {
        background-color: #a9a9a9;
        border-color: #a9a9a9
    }
    
    .btn-alt4.btn-shade3:hover {
        background-color: #b6b6b6;
        border-color: #b6b6b6
    }
    
    .btn-alt4.btn-shade3.active,
    .btn-alt4.btn-shade3:active,
    .open>.dropdown-toggle.btn-alt4.btn-shade3 {
        background-color: #a2a2a2;
        border-color: #a2a2a2
    }
    
    .btn-alt4.btn-shade3.active.focus,
    .btn-alt4.btn-shade3.active:focus,
    .btn-alt4.btn-shade3.active:hover,
    .btn-alt4.btn-shade3:active.focus,
    .btn-alt4.btn-shade3:active:focus,
    .btn-alt4.btn-shade3:active:hover,
    .open>.dropdown-toggle.btn-alt4.btn-shade3.focus,
    .open>.dropdown-toggle.btn-alt4.btn-shade3:focus,
    .open>.dropdown-toggle.btn-alt4.btn-shade3:hover {
        background-color: #a2a2a2;
        border-color: #a2a2a2
    }
    
    .btn-alt4.btn-shade3.disabled,
    .btn-alt4.btn-shade3.disabled.active,
    .btn-alt4.btn-shade3.disabled.focus,
    .btn-alt4.btn-shade3.disabled:active,
    .btn-alt4.btn-shade3.disabled:focus,
    .btn-alt4.btn-shade3.disabled:hover,
    .btn-alt4.btn-shade3[disabled],
    .btn-alt4.btn-shade3[disabled].active,
    .btn-alt4.btn-shade3[disabled].focus,
    .btn-alt4.btn-shade3[disabled]:active,
    .btn-alt4.btn-shade3[disabled]:focus,
    .btn-alt4.btn-shade3[disabled]:hover,
    fieldset[disabled] .btn-alt4.btn-shade3,
    fieldset[disabled] .btn-alt4.btn-shade3.active,
    fieldset[disabled] .btn-alt4.btn-shade3.focus,
    fieldset[disabled] .btn-alt4.btn-shade3:active,
    fieldset[disabled] .btn-alt4.btn-shade3:focus,
    fieldset[disabled] .btn-alt4.btn-shade3:hover {
        background-color: #a9a9a9;
        border-color: #a9a9a9
    }
    
    .btn-alt4.btn-shade3 .badge {
        color: #a9a9a9
    }
    
    .btn-alt4.btn-shade4 {
        background-color: #a4a4a4;
        border-color: #a4a4a4
    }
    
    .btn-alt4.btn-shade4.focus,
    .btn-alt4.btn-shade4:focus {
        background-color: #a4a4a4;
        border-color: #a4a4a4
    }
    
    .btn-alt4.btn-shade4:hover {
        background-color: #b1b1b1;
        border-color: #b1b1b1
    }
    
    .btn-alt4.btn-shade4.active,
    .btn-alt4.btn-shade4:active,
    .open>.dropdown-toggle.btn-alt4.btn-shade4 {
        background-color: #9d9d9d;
        border-color: #9d9d9d
    }
    
    .btn-alt4.btn-shade4.active.focus,
    .btn-alt4.btn-shade4.active:focus,
    .btn-alt4.btn-shade4.active:hover,
    .btn-alt4.btn-shade4:active.focus,
    .btn-alt4.btn-shade4:active:focus,
    .btn-alt4.btn-shade4:active:hover,
    .open>.dropdown-toggle.btn-alt4.btn-shade4.focus,
    .open>.dropdown-toggle.btn-alt4.btn-shade4:focus,
    .open>.dropdown-toggle.btn-alt4.btn-shade4:hover {
        background-color: #9d9d9d;
        border-color: #9d9d9d
    }
    
    .btn-alt4.btn-shade4.disabled,
    .btn-alt4.btn-shade4.disabled.active,
    .btn-alt4.btn-shade4.disabled.focus,
    .btn-alt4.btn-shade4.disabled:active,
    .btn-alt4.btn-shade4.disabled:focus,
    .btn-alt4.btn-shade4.disabled:hover,
    .btn-alt4.btn-shade4[disabled],
    .btn-alt4.btn-shade4[disabled].active,
    .btn-alt4.btn-shade4[disabled].focus,
    .btn-alt4.btn-shade4[disabled]:active,
    .btn-alt4.btn-shade4[disabled]:focus,
    .btn-alt4.btn-shade4[disabled]:hover,
    fieldset[disabled] .btn-alt4.btn-shade4,
    fieldset[disabled] .btn-alt4.btn-shade4.active,
    fieldset[disabled] .btn-alt4.btn-shade4.focus,
    fieldset[disabled] .btn-alt4.btn-shade4:active,
    fieldset[disabled] .btn-alt4.btn-shade4:focus,
    fieldset[disabled] .btn-alt4.btn-shade4:hover {
        background-color: #a4a4a4;
        border-color: #a4a4a4
    }
    
    .btn-alt4.btn-shade4 .badge {
        color: #a4a4a4
    }
    
    .btn-default.btn-facebook {
        color: #5d82d1
    }
    
    .btn-default.btn-facebook.active,
    .btn-default.btn-facebook:active,
    .open>.dropdown-toggle.btn-default.btn-facebook {
        color: #5d82d1
    }
    
    .btn-default.btn-facebook.active.focus,
    .btn-default.btn-facebook.active:focus,
    .btn-default.btn-facebook.active:hover,
    .btn-default.btn-facebook:active.focus,
    .btn-default.btn-facebook:active:focus,
    .btn-default.btn-facebook:active:hover,
    .open>.dropdown-toggle.btn-default.btn-facebook.focus,
    .open>.dropdown-toggle.btn-default.btn-facebook:focus,
    .open>.dropdown-toggle.btn-default.btn-facebook:hover {
        color: #5d82d1
    }
    
    .btn-default.btn-twitter {
        color: #50bff5
    }
    
    .btn-default.btn-twitter.active,
    .btn-default.btn-twitter:active,
    .open>.dropdown-toggle.btn-default.btn-twitter {
        color: #50bff5
    }
    
    .btn-default.btn-twitter.active.focus,
    .btn-default.btn-twitter.active:focus,
    .btn-default.btn-twitter.active:hover,
    .btn-default.btn-twitter:active.focus,
    .btn-default.btn-twitter:active:focus,
    .btn-default.btn-twitter:active:hover,
    .open>.dropdown-toggle.btn-default.btn-twitter.focus,
    .open>.dropdown-toggle.btn-default.btn-twitter:focus,
    .open>.dropdown-toggle.btn-default.btn-twitter:hover {
        color: #50bff5
    }
    
    .btn-default.btn-google-plus {
        color: #eb5e4c
    }
    
    .btn-default.btn-google-plus.active,
    .btn-default.btn-google-plus:active,
    .open>.dropdown-toggle.btn-default.btn-google-plus {
        color: #eb5e4c
    }
    
    .btn-default.btn-google-plus.active.focus,
    .btn-default.btn-google-plus.active:focus,
    .btn-default.btn-google-plus.active:hover,
    .btn-default.btn-google-plus:active.focus,
    .btn-default.btn-google-plus:active:focus,
    .btn-default.btn-google-plus:active:hover,
    .open>.dropdown-toggle.btn-default.btn-google-plus.focus,
    .open>.dropdown-toggle.btn-default.btn-google-plus:focus,
    .open>.dropdown-toggle.btn-default.btn-google-plus:hover {
        color: #eb5e4c
    }
    
    .btn-default.btn-dribbble {
        color: #f7659c
    }
    
    .btn-default.btn-dribbble.active,
    .btn-default.btn-dribbble:active,
    .open>.dropdown-toggle.btn-default.btn-dribbble {
        color: #f7659c
    }
    
    .btn-default.btn-dribbble.active.focus,
    .btn-default.btn-dribbble.active:focus,
    .btn-default.btn-dribbble.active:hover,
    .btn-default.btn-dribbble:active.focus,
    .btn-default.btn-dribbble:active:focus,
    .btn-default.btn-dribbble:active:hover,
    .open>.dropdown-toggle.btn-default.btn-dribbble.focus,
    .open>.dropdown-toggle.btn-default.btn-dribbble:focus,
    .open>.dropdown-toggle.btn-default.btn-dribbble:hover {
        color: #f7659c
    }
    
    .btn-default.btn-flickr {
        color: #0063dc
    }
    
    .btn-default.btn-flickr.active,
    .btn-default.btn-flickr:active,
    .open>.dropdown-toggle.btn-default.btn-flickr {
        color: #0063dc
    }
    
    .btn-default.btn-flickr.active.focus,
    .btn-default.btn-flickr.active:focus,
    .btn-default.btn-flickr.active:hover,
    .btn-default.btn-flickr:active.focus,
    .btn-default.btn-flickr:active:focus,
    .btn-default.btn-flickr:active:hover,
    .open>.dropdown-toggle.btn-default.btn-flickr.focus,
    .open>.dropdown-toggle.btn-default.btn-flickr:focus,
    .open>.dropdown-toggle.btn-default.btn-flickr:hover {
        color: #0063dc
    }
    
    .btn-default.btn-linkedin {
        color: #238cc8
    }
    
    .btn-default.btn-linkedin.active,
    .btn-default.btn-linkedin:active,
    .open>.dropdown-toggle.btn-default.btn-linkedin {
        color: #238cc8
    }
    
    .btn-default.btn-linkedin.active.focus,
    .btn-default.btn-linkedin.active:focus,
    .btn-default.btn-linkedin.active:hover,
    .btn-default.btn-linkedin:active.focus,
    .btn-default.btn-linkedin:active:focus,
    .btn-default.btn-linkedin:active:hover,
    .open>.dropdown-toggle.btn-default.btn-linkedin.focus,
    .open>.dropdown-toggle.btn-default.btn-linkedin:focus,
    .open>.dropdown-toggle.btn-default.btn-linkedin:hover {
        color: #238cc8
    }
    
    .btn-default.btn-youtube {
        color: #ef4e41
    }
    
    .btn-default.btn-youtube.active,
    .btn-default.btn-youtube:active,
    .open>.dropdown-toggle.btn-default.btn-youtube {
        color: #ef4e41
    }
    
    .btn-default.btn-youtube.active.focus,
    .btn-default.btn-youtube.active:focus,
    .btn-default.btn-youtube.active:hover,
    .btn-default.btn-youtube:active.focus,
    .btn-default.btn-youtube:active:focus,
    .btn-default.btn-youtube:active:hover,
    .open>.dropdown-toggle.btn-default.btn-youtube.focus,
    .open>.dropdown-toggle.btn-default.btn-youtube:focus,
    .open>.dropdown-toggle.btn-default.btn-youtube:hover {
        color: #ef4e41
    }
    
    .btn-default.btn-pinterest {
        color: #e13138
    }
    
    .btn-default.btn-pinterest.active,
    .btn-default.btn-pinterest:active,
    .open>.dropdown-toggle.btn-default.btn-pinterest {
        color: #e13138
    }
    
    .btn-default.btn-pinterest.active.focus,
    .btn-default.btn-pinterest.active:focus,
    .btn-default.btn-pinterest.active:hover,
    .btn-default.btn-pinterest:active.focus,
    .btn-default.btn-pinterest:active:focus,
    .btn-default.btn-pinterest:active:hover,
    .open>.dropdown-toggle.btn-default.btn-pinterest.focus,
    .open>.dropdown-toggle.btn-default.btn-pinterest:focus,
    .open>.dropdown-toggle.btn-default.btn-pinterest:hover {
        color: #e13138
    }
    
    .btn-default.btn-github {
        color: var(--oqlis-text)
    }
    
    .btn-default.btn-github.active,
    .btn-default.btn-github:active,
    .open>.dropdown-toggle.btn-default.btn-github {
        color: var(--oqlis-text)
    }
    
    .btn-default.btn-github.active.focus,
    .btn-default.btn-github.active:focus,
    .btn-default.btn-github.active:hover,
    .btn-default.btn-github:active.focus,
    .btn-default.btn-github:active:focus,
    .btn-default.btn-github:active:hover,
    .open>.dropdown-toggle.btn-default.btn-github.focus,
    .open>.dropdown-toggle.btn-default.btn-github:focus,
    .open>.dropdown-toggle.btn-default.btn-github:hover {
        color: var(--oqlis-text)
    }
    
    .btn-default.btn-tumblr {
        color: #426d9b
    }
    
    .btn-default.btn-tumblr.active,
    .btn-default.btn-tumblr:active,
    .open>.dropdown-toggle.btn-default.btn-tumblr {
        color: #426d9b
    }
    
    .btn-default.btn-tumblr.active.focus,
    .btn-default.btn-tumblr.active:focus,
    .btn-default.btn-tumblr.active:hover,
    .btn-default.btn-tumblr:active.focus,
    .btn-default.btn-tumblr:active:focus,
    .btn-default.btn-tumblr:active:hover,
    .open>.dropdown-toggle.btn-default.btn-tumblr.focus,
    .open>.dropdown-toggle.btn-default.btn-tumblr:focus,
    .open>.dropdown-toggle.btn-default.btn-tumblr:hover {
        color: #426d9b
    }
    
    .btn-social.btn-facebook {
        color: var(--oqlis-text);
        background-color: #5d82d1;
        border-color: #5d82d1
    }
    
    .btn-social.btn-facebook.focus,
    .btn-social.btn-facebook:focus {
        color: var(--oqlis-text);
        background-color: #3864c3;
        border-color: #274688
    }
    
    .btn-social.btn-facebook:hover {
        color: var(--oqlis-text);
        background-color: #3864c3;
        border-color: #3560bc
    }
    
    .btn-social.btn-facebook.active,
    .btn-social.btn-facebook:active,
    .open>.dropdown-toggle.btn-social.btn-facebook {
        color: var(--oqlis-text);
        background-color: #3864c3;
        border-color: #3560bc
    }
    
    .btn-social.btn-facebook.active.focus,
    .btn-social.btn-facebook.active:focus,
    .btn-social.btn-facebook.active:hover,
    .btn-social.btn-facebook:active.focus,
    .btn-social.btn-facebook:active:focus,
    .btn-social.btn-facebook:active:hover,
    .open>.dropdown-toggle.btn-social.btn-facebook.focus,
    .open>.dropdown-toggle.btn-social.btn-facebook:focus,
    .open>.dropdown-toggle.btn-social.btn-facebook:hover {
        color: var(--oqlis-text);
        background-color: #3056a8;
        border-color: #274688
    }
    
    .btn-social.btn-facebook.active,
    .btn-social.btn-facebook:active,
    .open>.dropdown-toggle.btn-social.btn-facebook {
        background-image: none
    }
    
    .btn-social.btn-facebook.disabled,
    .btn-social.btn-facebook.disabled.active,
    .btn-social.btn-facebook.disabled.focus,
    .btn-social.btn-facebook.disabled:active,
    .btn-social.btn-facebook.disabled:focus,
    .btn-social.btn-facebook.disabled:hover,
    .btn-social.btn-facebook[disabled],
    .btn-social.btn-facebook[disabled].active,
    .btn-social.btn-facebook[disabled].focus,
    .btn-social.btn-facebook[disabled]:active,
    .btn-social.btn-facebook[disabled]:focus,
    .btn-social.btn-facebook[disabled]:hover,
    fieldset[disabled] .btn-social.btn-facebook,
    fieldset[disabled] .btn-social.btn-facebook.active,
    fieldset[disabled] .btn-social.btn-facebook.focus,
    fieldset[disabled] .btn-social.btn-facebook:active,
    fieldset[disabled] .btn-social.btn-facebook:focus,
    fieldset[disabled] .btn-social.btn-facebook:hover {
        background-color: #5d82d1;
        border-color: #5d82d1
    }
    
    .btn-social.btn-facebook .badge {
        color: #5d82d1;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-facebook.focus,
    .btn-social.btn-facebook:focus {
        color: var(--oqlis-text);
        background-color: #5d82d1;
        border-color: #5d82d1
    }
    
    .btn-social.btn-facebook:hover {
        color: var(--oqlis-text);
        background-color: #7191d7;
        border-color: #7191d7
    }
    
    .btn-social.btn-facebook.active,
    .btn-social.btn-facebook:active,
    .open>.dropdown-toggle.btn-social.btn-facebook {
        color: var(--oqlis-text);
        background-color: #4973cb;
        border-color: #4973cb
    }
    
    .btn-social.btn-facebook.active.focus,
    .btn-social.btn-facebook.active:focus,
    .btn-social.btn-facebook.active:hover,
    .btn-social.btn-facebook:active.focus,
    .btn-social.btn-facebook:active:focus,
    .btn-social.btn-facebook:active:hover,
    .open>.dropdown-toggle.btn-social.btn-facebook.focus,
    .open>.dropdown-toggle.btn-social.btn-facebook:focus,
    .open>.dropdown-toggle.btn-social.btn-facebook:hover {
        color: var(--oqlis-text);
        background-color: #4973cb;
        border-color: #4973cb
    }
    
    .btn-social.btn-facebook.active,
    .btn-social.btn-facebook:active,
    .open>.dropdown-toggle.btn-social.btn-facebook {
        background-image: none
    }
    
    .btn-social.btn-facebook.disabled,
    .btn-social.btn-facebook.disabled.active,
    .btn-social.btn-facebook.disabled.focus,
    .btn-social.btn-facebook.disabled:active,
    .btn-social.btn-facebook.disabled:focus,
    .btn-social.btn-facebook.disabled:hover,
    .btn-social.btn-facebook[disabled],
    .btn-social.btn-facebook[disabled].active,
    .btn-social.btn-facebook[disabled].focus,
    .btn-social.btn-facebook[disabled]:active,
    .btn-social.btn-facebook[disabled]:focus,
    .btn-social.btn-facebook[disabled]:hover,
    fieldset[disabled] .btn-social.btn-facebook,
    fieldset[disabled] .btn-social.btn-facebook.active,
    fieldset[disabled] .btn-social.btn-facebook.focus,
    fieldset[disabled] .btn-social.btn-facebook:active,
    fieldset[disabled] .btn-social.btn-facebook:focus,
    fieldset[disabled] .btn-social.btn-facebook:hover {
        background-color: #5d82d1;
        border-color: #5d82d1
    }
    
    .btn-social.btn-facebook .badge {
        color: #5d82d1;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-twitter {
        color: var(--oqlis-text);
        background-color: #50bff5;
        border-color: #50bff5
    }
    
    .btn-social.btn-twitter.focus,
    .btn-social.btn-twitter:focus {
        color: var(--oqlis-text);
        background-color: #20adf2;
        border-color: #0b81bb
    }
    
    .btn-social.btn-twitter:hover {
        color: var(--oqlis-text);
        background-color: #20adf2;
        border-color: #16aaf2
    }
    
    .btn-social.btn-twitter.active,
    .btn-social.btn-twitter:active,
    .open>.dropdown-toggle.btn-social.btn-twitter {
        color: var(--oqlis-text);
        background-color: #20adf2;
        border-color: #16aaf2
    }
    
    .btn-social.btn-twitter.active.focus,
    .btn-social.btn-twitter.active:focus,
    .btn-social.btn-twitter.active:hover,
    .btn-social.btn-twitter:active.focus,
    .btn-social.btn-twitter:active:focus,
    .btn-social.btn-twitter:active:hover,
    .open>.dropdown-toggle.btn-social.btn-twitter.focus,
    .open>.dropdown-toggle.btn-social.btn-twitter:focus,
    .open>.dropdown-toggle.btn-social.btn-twitter:hover {
        color: var(--oqlis-text);
        background-color: #0d9ce1;
        border-color: #0b81bb
    }
    
    .btn-social.btn-twitter.active,
    .btn-social.btn-twitter:active,
    .open>.dropdown-toggle.btn-social.btn-twitter {
        background-image: none
    }
    
    .btn-social.btn-twitter.disabled,
    .btn-social.btn-twitter.disabled.active,
    .btn-social.btn-twitter.disabled.focus,
    .btn-social.btn-twitter.disabled:active,
    .btn-social.btn-twitter.disabled:focus,
    .btn-social.btn-twitter.disabled:hover,
    .btn-social.btn-twitter[disabled],
    .btn-social.btn-twitter[disabled].active,
    .btn-social.btn-twitter[disabled].focus,
    .btn-social.btn-twitter[disabled]:active,
    .btn-social.btn-twitter[disabled]:focus,
    .btn-social.btn-twitter[disabled]:hover,
    fieldset[disabled] .btn-social.btn-twitter,
    fieldset[disabled] .btn-social.btn-twitter.active,
    fieldset[disabled] .btn-social.btn-twitter.focus,
    fieldset[disabled] .btn-social.btn-twitter:active,
    fieldset[disabled] .btn-social.btn-twitter:focus,
    fieldset[disabled] .btn-social.btn-twitter:hover {
        background-color: #50bff5;
        border-color: #50bff5
    }
    
    .btn-social.btn-twitter .badge {
        color: #50bff5;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-twitter.focus,
    .btn-social.btn-twitter:focus {
        color: var(--oqlis-text);
        background-color: #50bff5;
        border-color: #50bff5
    }
    
    .btn-social.btn-twitter:hover {
        color: var(--oqlis-text);
        background-color: #68c8f6;
        border-color: #68c8f6
    }
    
    .btn-social.btn-twitter.active,
    .btn-social.btn-twitter:active,
    .open>.dropdown-toggle.btn-social.btn-twitter {
        color: var(--oqlis-text);
        background-color: #38b6f4;
        border-color: #38b6f4
    }
    
    .btn-social.btn-twitter.active.focus,
    .btn-social.btn-twitter.active:focus,
    .btn-social.btn-twitter.active:hover,
    .btn-social.btn-twitter:active.focus,
    .btn-social.btn-twitter:active:focus,
    .btn-social.btn-twitter:active:hover,
    .open>.dropdown-toggle.btn-social.btn-twitter.focus,
    .open>.dropdown-toggle.btn-social.btn-twitter:focus,
    .open>.dropdown-toggle.btn-social.btn-twitter:hover {
        color: var(--oqlis-text);
        background-color: #38b6f4;
        border-color: #38b6f4
    }
    
    .btn-social.btn-twitter.active,
    .btn-social.btn-twitter:active,
    .open>.dropdown-toggle.btn-social.btn-twitter {
        background-image: none
    }
    
    .btn-social.btn-twitter.disabled,
    .btn-social.btn-twitter.disabled.active,
    .btn-social.btn-twitter.disabled.focus,
    .btn-social.btn-twitter.disabled:active,
    .btn-social.btn-twitter.disabled:focus,
    .btn-social.btn-twitter.disabled:hover,
    .btn-social.btn-twitter[disabled],
    .btn-social.btn-twitter[disabled].active,
    .btn-social.btn-twitter[disabled].focus,
    .btn-social.btn-twitter[disabled]:active,
    .btn-social.btn-twitter[disabled]:focus,
    .btn-social.btn-twitter[disabled]:hover,
    fieldset[disabled] .btn-social.btn-twitter,
    fieldset[disabled] .btn-social.btn-twitter.active,
    fieldset[disabled] .btn-social.btn-twitter.focus,
    fieldset[disabled] .btn-social.btn-twitter:active,
    fieldset[disabled] .btn-social.btn-twitter:focus,
    fieldset[disabled] .btn-social.btn-twitter:hover {
        background-color: #50bff5;
        border-color: #50bff5
    }
    
    .btn-social.btn-twitter .badge {
        color: #50bff5;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-google-plus {
        color: var(--oqlis-text);
        background-color: #eb5e4c;
        border-color: #eb5e4c
    }
    
    .btn-social.btn-google-plus.focus,
    .btn-social.btn-google-plus:focus {
        color: var(--oqlis-text);
        background-color: #e6351e;
        border-color: #a52312
    }
    
    .btn-social.btn-google-plus:hover {
        color: var(--oqlis-text);
        background-color: #e6351e;
        border-color: #e13019
    }
    
    .btn-social.btn-google-plus.active,
    .btn-social.btn-google-plus:active,
    .open>.dropdown-toggle.btn-social.btn-google-plus {
        color: var(--oqlis-text);
        background-color: #e6351e;
        border-color: #e13019
    }
    
    .btn-social.btn-google-plus.active.focus,
    .btn-social.btn-google-plus.active:focus,
    .btn-social.btn-google-plus.active:hover,
    .btn-social.btn-google-plus:active.focus,
    .btn-social.btn-google-plus:active:focus,
    .btn-social.btn-google-plus:active:hover,
    .open>.dropdown-toggle.btn-social.btn-google-plus.focus,
    .open>.dropdown-toggle.btn-social.btn-google-plus:focus,
    .open>.dropdown-toggle.btn-social.btn-google-plus:hover {
        color: var(--oqlis-text);
        background-color: #ca2b17;
        border-color: #a52312
    }
    
    .btn-social.btn-google-plus.active,
    .btn-social.btn-google-plus:active,
    .open>.dropdown-toggle.btn-social.btn-google-plus {
        background-image: none
    }
    
    .btn-social.btn-google-plus.disabled,
    .btn-social.btn-google-plus.disabled.active,
    .btn-social.btn-google-plus.disabled.focus,
    .btn-social.btn-google-plus.disabled:active,
    .btn-social.btn-google-plus.disabled:focus,
    .btn-social.btn-google-plus.disabled:hover,
    .btn-social.btn-google-plus[disabled],
    .btn-social.btn-google-plus[disabled].active,
    .btn-social.btn-google-plus[disabled].focus,
    .btn-social.btn-google-plus[disabled]:active,
    .btn-social.btn-google-plus[disabled]:focus,
    .btn-social.btn-google-plus[disabled]:hover,
    fieldset[disabled] .btn-social.btn-google-plus,
    fieldset[disabled] .btn-social.btn-google-plus.active,
    fieldset[disabled] .btn-social.btn-google-plus.focus,
    fieldset[disabled] .btn-social.btn-google-plus:active,
    fieldset[disabled] .btn-social.btn-google-plus:focus,
    fieldset[disabled] .btn-social.btn-google-plus:hover {
        background-color: #eb5e4c;
        border-color: #eb5e4c
    }
    
    .btn-social.btn-google-plus .badge {
        color: #eb5e4c;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-google-plus.focus,
    .btn-social.btn-google-plus:focus {
        color: var(--oqlis-text);
        background-color: #eb5e4c;
        border-color: #eb5e4c
    }
    
    .btn-social.btn-google-plus:hover {
        color: var(--oqlis-text);
        background-color: #ee7363;
        border-color: #ee7363
    }
    
    .btn-social.btn-google-plus.active,
    .btn-social.btn-google-plus:active,
    .open>.dropdown-toggle.btn-social.btn-google-plus {
        color: var(--oqlis-text);
        background-color: #e84935;
        border-color: #e84935
    }
    
    .btn-social.btn-google-plus.active.focus,
    .btn-social.btn-google-plus.active:focus,
    .btn-social.btn-google-plus.active:hover,
    .btn-social.btn-google-plus:active.focus,
    .btn-social.btn-google-plus:active:focus,
    .btn-social.btn-google-plus:active:hover,
    .open>.dropdown-toggle.btn-social.btn-google-plus.focus,
    .open>.dropdown-toggle.btn-social.btn-google-plus:focus,
    .open>.dropdown-toggle.btn-social.btn-google-plus:hover {
        color: var(--oqlis-text);
        background-color: #e84935;
        border-color: #e84935
    }
    
    .btn-social.btn-google-plus.active,
    .btn-social.btn-google-plus:active,
    .open>.dropdown-toggle.btn-social.btn-google-plus {
        background-image: none
    }
    
    .btn-social.btn-google-plus.disabled,
    .btn-social.btn-google-plus.disabled.active,
    .btn-social.btn-google-plus.disabled.focus,
    .btn-social.btn-google-plus.disabled:active,
    .btn-social.btn-google-plus.disabled:focus,
    .btn-social.btn-google-plus.disabled:hover,
    .btn-social.btn-google-plus[disabled],
    .btn-social.btn-google-plus[disabled].active,
    .btn-social.btn-google-plus[disabled].focus,
    .btn-social.btn-google-plus[disabled]:active,
    .btn-social.btn-google-plus[disabled]:focus,
    .btn-social.btn-google-plus[disabled]:hover,
    fieldset[disabled] .btn-social.btn-google-plus,
    fieldset[disabled] .btn-social.btn-google-plus.active,
    fieldset[disabled] .btn-social.btn-google-plus.focus,
    fieldset[disabled] .btn-social.btn-google-plus:active,
    fieldset[disabled] .btn-social.btn-google-plus:focus,
    fieldset[disabled] .btn-social.btn-google-plus:hover {
        background-color: #eb5e4c;
        border-color: #eb5e4c
    }
    
    .btn-social.btn-google-plus .badge {
        color: #eb5e4c;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-dribbble {
        color: var(--oqlis-text);
        background-color: #f7659c;
        border-color: #f7659c
    }
    
    .btn-social.btn-dribbble.focus,
    .btn-social.btn-dribbble:focus {
        color: var(--oqlis-text);
        background-color: #f4357d;
        border-color: #d20b56
    }
    
    .btn-social.btn-dribbble:hover {
        color: var(--oqlis-text);
        background-color: #f4357d;
        border-color: #f42b77
    }
    
    .btn-social.btn-dribbble.active,
    .btn-social.btn-dribbble:active,
    .open>.dropdown-toggle.btn-social.btn-dribbble {
        color: var(--oqlis-text);
        background-color: #f4357d;
        border-color: #f42b77
    }
    
    .btn-social.btn-dribbble.active.focus,
    .btn-social.btn-dribbble.active:focus,
    .btn-social.btn-dribbble.active:hover,
    .btn-social.btn-dribbble:active.focus,
    .btn-social.btn-dribbble:active:focus,
    .btn-social.btn-dribbble:active:hover,
    .open>.dropdown-toggle.btn-social.btn-dribbble.focus,
    .open>.dropdown-toggle.btn-social.btn-dribbble:focus,
    .open>.dropdown-toggle.btn-social.btn-dribbble:hover {
        color: var(--oqlis-text);
        background-color: #f31367;
        border-color: #d20b56
    }
    
    .btn-social.btn-dribbble.active,
    .btn-social.btn-dribbble:active,
    .open>.dropdown-toggle.btn-social.btn-dribbble {
        background-image: none
    }
    
    .btn-social.btn-dribbble.disabled,
    .btn-social.btn-dribbble.disabled.active,
    .btn-social.btn-dribbble.disabled.focus,
    .btn-social.btn-dribbble.disabled:active,
    .btn-social.btn-dribbble.disabled:focus,
    .btn-social.btn-dribbble.disabled:hover,
    .btn-social.btn-dribbble[disabled],
    .btn-social.btn-dribbble[disabled].active,
    .btn-social.btn-dribbble[disabled].focus,
    .btn-social.btn-dribbble[disabled]:active,
    .btn-social.btn-dribbble[disabled]:focus,
    .btn-social.btn-dribbble[disabled]:hover,
    fieldset[disabled] .btn-social.btn-dribbble,
    fieldset[disabled] .btn-social.btn-dribbble.active,
    fieldset[disabled] .btn-social.btn-dribbble.focus,
    fieldset[disabled] .btn-social.btn-dribbble:active,
    fieldset[disabled] .btn-social.btn-dribbble:focus,
    fieldset[disabled] .btn-social.btn-dribbble:hover {
        background-color: #f7659c;
        border-color: #f7659c
    }
    
    .btn-social.btn-dribbble .badge {
        color: #f7659c;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-dribbble.focus,
    .btn-social.btn-dribbble:focus {
        color: var(--oqlis-text);
        background-color: #f7659c;
        border-color: #f7659c
    }
    
    .btn-social.btn-dribbble:hover {
        color: var(--oqlis-text);
        background-color: #f87dac;
        border-color: #f87dac
    }
    
    .btn-social.btn-dribbble.active,
    .btn-social.btn-dribbble:active,
    .open>.dropdown-toggle.btn-social.btn-dribbble {
        color: var(--oqlis-text);
        background-color: #f64d8c;
        border-color: #f64d8c
    }
    
    .btn-social.btn-dribbble.active.focus,
    .btn-social.btn-dribbble.active:focus,
    .btn-social.btn-dribbble.active:hover,
    .btn-social.btn-dribbble:active.focus,
    .btn-social.btn-dribbble:active:focus,
    .btn-social.btn-dribbble:active:hover,
    .open>.dropdown-toggle.btn-social.btn-dribbble.focus,
    .open>.dropdown-toggle.btn-social.btn-dribbble:focus,
    .open>.dropdown-toggle.btn-social.btn-dribbble:hover {
        color: var(--oqlis-text);
        background-color: #f64d8c;
        border-color: #f64d8c
    }
    
    .btn-social.btn-dribbble.active,
    .btn-social.btn-dribbble:active,
    .open>.dropdown-toggle.btn-social.btn-dribbble {
        background-image: none
    }
    
    .btn-social.btn-dribbble.disabled,
    .btn-social.btn-dribbble.disabled.active,
    .btn-social.btn-dribbble.disabled.focus,
    .btn-social.btn-dribbble.disabled:active,
    .btn-social.btn-dribbble.disabled:focus,
    .btn-social.btn-dribbble.disabled:hover,
    .btn-social.btn-dribbble[disabled],
    .btn-social.btn-dribbble[disabled].active,
    .btn-social.btn-dribbble[disabled].focus,
    .btn-social.btn-dribbble[disabled]:active,
    .btn-social.btn-dribbble[disabled]:focus,
    .btn-social.btn-dribbble[disabled]:hover,
    fieldset[disabled] .btn-social.btn-dribbble,
    fieldset[disabled] .btn-social.btn-dribbble.active,
    fieldset[disabled] .btn-social.btn-dribbble.focus,
    fieldset[disabled] .btn-social.btn-dribbble:active,
    fieldset[disabled] .btn-social.btn-dribbble:focus,
    fieldset[disabled] .btn-social.btn-dribbble:hover {
        background-color: #f7659c;
        border-color: #f7659c
    }
    
    .btn-social.btn-dribbble .badge {
        color: #f7659c;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-flickr {
        color: var(--oqlis-text);
        background-color: #0063dc;
        border-color: #0063dc
    }
    
    .btn-social.btn-flickr.focus,
    .btn-social.btn-flickr:focus {
        color: var(--oqlis-text);
        background-color: #004ca9;
        border-color: #002a5d
    }
    
    .btn-social.btn-flickr:hover {
        color: var(--oqlis-text);
        background-color: #004ca9;
        border-color: #00479f
    }
    
    .btn-social.btn-flickr.active,
    .btn-social.btn-flickr:active,
    .open>.dropdown-toggle.btn-social.btn-flickr {
        color: var(--oqlis-text);
        background-color: #004ca9;
        border-color: #00479f
    }
    
    .btn-social.btn-flickr.active.focus,
    .btn-social.btn-flickr.active:focus,
    .btn-social.btn-flickr.active:hover,
    .btn-social.btn-flickr:active.focus,
    .btn-social.btn-flickr:active:focus,
    .btn-social.btn-flickr:active:hover,
    .open>.dropdown-toggle.btn-social.btn-flickr.focus,
    .open>.dropdown-toggle.btn-social.btn-flickr:focus,
    .open>.dropdown-toggle.btn-social.btn-flickr:hover {
        color: var(--oqlis-text);
        background-color: #003c85;
        border-color: #002a5d
    }
    
    .btn-social.btn-flickr.active,
    .btn-social.btn-flickr:active,
    .open>.dropdown-toggle.btn-social.btn-flickr {
        background-image: none
    }
    
    .btn-social.btn-flickr.disabled,
    .btn-social.btn-flickr.disabled.active,
    .btn-social.btn-flickr.disabled.focus,
    .btn-social.btn-flickr.disabled:active,
    .btn-social.btn-flickr.disabled:focus,
    .btn-social.btn-flickr.disabled:hover,
    .btn-social.btn-flickr[disabled],
    .btn-social.btn-flickr[disabled].active,
    .btn-social.btn-flickr[disabled].focus,
    .btn-social.btn-flickr[disabled]:active,
    .btn-social.btn-flickr[disabled]:focus,
    .btn-social.btn-flickr[disabled]:hover,
    fieldset[disabled] .btn-social.btn-flickr,
    fieldset[disabled] .btn-social.btn-flickr.active,
    fieldset[disabled] .btn-social.btn-flickr.focus,
    fieldset[disabled] .btn-social.btn-flickr:active,
    fieldset[disabled] .btn-social.btn-flickr:focus,
    fieldset[disabled] .btn-social.btn-flickr:hover {
        background-color: #0063dc;
        border-color: #0063dc
    }
    
    .btn-social.btn-flickr .badge {
        color: #0063dc;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-flickr.focus,
    .btn-social.btn-flickr:focus {
        color: var(--oqlis-text);
        background-color: #0063dc;
        border-color: #0063dc
    }
    
    .btn-social.btn-flickr:hover {
        color: var(--oqlis-text);
        background-color: #006ef6;
        border-color: #006ef6
    }
    
    .btn-social.btn-flickr.active,
    .btn-social.btn-flickr:active,
    .open>.dropdown-toggle.btn-social.btn-flickr {
        color: var(--oqlis-text);
        background-color: #0058c3;
        border-color: #0058c3
    }
    
    .btn-social.btn-flickr.active.focus,
    .btn-social.btn-flickr.active:focus,
    .btn-social.btn-flickr.active:hover,
    .btn-social.btn-flickr:active.focus,
    .btn-social.btn-flickr:active:focus,
    .btn-social.btn-flickr:active:hover,
    .open>.dropdown-toggle.btn-social.btn-flickr.focus,
    .open>.dropdown-toggle.btn-social.btn-flickr:focus,
    .open>.dropdown-toggle.btn-social.btn-flickr:hover {
        color: var(--oqlis-text);
        background-color: #0058c3;
        border-color: #0058c3
    }
    
    .btn-social.btn-flickr.active,
    .btn-social.btn-flickr:active,
    .open>.dropdown-toggle.btn-social.btn-flickr {
        background-image: none
    }
    
    .btn-social.btn-flickr.disabled,
    .btn-social.btn-flickr.disabled.active,
    .btn-social.btn-flickr.disabled.focus,
    .btn-social.btn-flickr.disabled:active,
    .btn-social.btn-flickr.disabled:focus,
    .btn-social.btn-flickr.disabled:hover,
    .btn-social.btn-flickr[disabled],
    .btn-social.btn-flickr[disabled].active,
    .btn-social.btn-flickr[disabled].focus,
    .btn-social.btn-flickr[disabled]:active,
    .btn-social.btn-flickr[disabled]:focus,
    .btn-social.btn-flickr[disabled]:hover,
    fieldset[disabled] .btn-social.btn-flickr,
    fieldset[disabled] .btn-social.btn-flickr.active,
    fieldset[disabled] .btn-social.btn-flickr.focus,
    fieldset[disabled] .btn-social.btn-flickr:active,
    fieldset[disabled] .btn-social.btn-flickr:focus,
    fieldset[disabled] .btn-social.btn-flickr:hover {
        background-color: #0063dc;
        border-color: #0063dc
    }
    
    .btn-social.btn-flickr .badge {
        color: #0063dc;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-linkedin {
        color: var(--oqlis-text);
        background-color: #238cc8;
        border-color: #238cc8
    }
    
    .btn-social.btn-linkedin.focus,
    .btn-social.btn-linkedin:focus {
        color: var(--oqlis-text);
        background-color: #1b6e9d;
        border-color: #10405b
    }
    
    .btn-social.btn-linkedin:hover {
        color: var(--oqlis-text);
        background-color: #1b6e9d;
        border-color: #1a6894
    }
    
    .btn-social.btn-linkedin.active,
    .btn-social.btn-linkedin:active,
    .open>.dropdown-toggle.btn-social.btn-linkedin {
        color: var(--oqlis-text);
        background-color: #1b6e9d;
        border-color: #1a6894
    }
    
    .btn-social.btn-linkedin.active.focus,
    .btn-social.btn-linkedin.active:focus,
    .btn-social.btn-linkedin.active:hover,
    .btn-social.btn-linkedin:active.focus,
    .btn-social.btn-linkedin:active:focus,
    .btn-social.btn-linkedin:active:hover,
    .open>.dropdown-toggle.btn-social.btn-linkedin.focus,
    .open>.dropdown-toggle.btn-social.btn-linkedin:focus,
    .open>.dropdown-toggle.btn-social.btn-linkedin:hover {
        color: var(--oqlis-text);
        background-color: #16587e;
        border-color: #10405b
    }
    
    .btn-social.btn-linkedin.active,
    .btn-social.btn-linkedin:active,
    .open>.dropdown-toggle.btn-social.btn-linkedin {
        background-image: none
    }
    
    .btn-social.btn-linkedin.disabled,
    .btn-social.btn-linkedin.disabled.active,
    .btn-social.btn-linkedin.disabled.focus,
    .btn-social.btn-linkedin.disabled:active,
    .btn-social.btn-linkedin.disabled:focus,
    .btn-social.btn-linkedin.disabled:hover,
    .btn-social.btn-linkedin[disabled],
    .btn-social.btn-linkedin[disabled].active,
    .btn-social.btn-linkedin[disabled].focus,
    .btn-social.btn-linkedin[disabled]:active,
    .btn-social.btn-linkedin[disabled]:focus,
    .btn-social.btn-linkedin[disabled]:hover,
    fieldset[disabled] .btn-social.btn-linkedin,
    fieldset[disabled] .btn-social.btn-linkedin.active,
    fieldset[disabled] .btn-social.btn-linkedin.focus,
    fieldset[disabled] .btn-social.btn-linkedin:active,
    fieldset[disabled] .btn-social.btn-linkedin:focus,
    fieldset[disabled] .btn-social.btn-linkedin:hover {
        background-color: #238cc8;
        border-color: #238cc8
    }
    
    .btn-social.btn-linkedin .badge {
        color: #238cc8;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-linkedin.focus,
    .btn-social.btn-linkedin:focus {
        color: var(--oqlis-text);
        background-color: #238cc8;
        border-color: #238cc8
    }
    
    .btn-social.btn-linkedin:hover {
        color: var(--oqlis-text);
        background-color: #2b9ada;
        border-color: #2b9ada
    }
    
    .btn-social.btn-linkedin.active,
    .btn-social.btn-linkedin:active,
    .open>.dropdown-toggle.btn-social.btn-linkedin {
        color: var(--oqlis-text);
        background-color: #1f7db2;
        border-color: #1f7db2
    }
    
    .btn-social.btn-linkedin.active.focus,
    .btn-social.btn-linkedin.active:focus,
    .btn-social.btn-linkedin.active:hover,
    .btn-social.btn-linkedin:active.focus,
    .btn-social.btn-linkedin:active:focus,
    .btn-social.btn-linkedin:active:hover,
    .open>.dropdown-toggle.btn-social.btn-linkedin.focus,
    .open>.dropdown-toggle.btn-social.btn-linkedin:focus,
    .open>.dropdown-toggle.btn-social.btn-linkedin:hover {
        color: var(--oqlis-text);
        background-color: #1f7db2;
        border-color: #1f7db2
    }
    
    .btn-social.btn-linkedin.active,
    .btn-social.btn-linkedin:active,
    .open>.dropdown-toggle.btn-social.btn-linkedin {
        background-image: none
    }
    
    .btn-social.btn-linkedin.disabled,
    .btn-social.btn-linkedin.disabled.active,
    .btn-social.btn-linkedin.disabled.focus,
    .btn-social.btn-linkedin.disabled:active,
    .btn-social.btn-linkedin.disabled:focus,
    .btn-social.btn-linkedin.disabled:hover,
    .btn-social.btn-linkedin[disabled],
    .btn-social.btn-linkedin[disabled].active,
    .btn-social.btn-linkedin[disabled].focus,
    .btn-social.btn-linkedin[disabled]:active,
    .btn-social.btn-linkedin[disabled]:focus,
    .btn-social.btn-linkedin[disabled]:hover,
    fieldset[disabled] .btn-social.btn-linkedin,
    fieldset[disabled] .btn-social.btn-linkedin.active,
    fieldset[disabled] .btn-social.btn-linkedin.focus,
    fieldset[disabled] .btn-social.btn-linkedin:active,
    fieldset[disabled] .btn-social.btn-linkedin:focus,
    fieldset[disabled] .btn-social.btn-linkedin:hover {
        background-color: #238cc8;
        border-color: #238cc8
    }
    
    .btn-social.btn-linkedin .badge {
        color: #238cc8;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-youtube {
        color: var(--oqlis-text);
        background-color: #ef4e41;
        border-color: #ef4e41
    }
    
    .btn-social.btn-youtube.focus,
    .btn-social.btn-youtube:focus {
        color: var(--oqlis-text);
        background-color: #e92414;
        border-color: #a3190e
    }
    
    .btn-social.btn-youtube:hover {
        color: var(--oqlis-text);
        background-color: #e92414;
        border-color: #e02213
    }
    
    .btn-social.btn-youtube.active,
    .btn-social.btn-youtube:active,
    .open>.dropdown-toggle.btn-social.btn-youtube {
        color: var(--oqlis-text);
        background-color: #e92414;
        border-color: #e02213
    }
    
    .btn-social.btn-youtube.active.focus,
    .btn-social.btn-youtube.active:focus,
    .btn-social.btn-youtube.active:hover,
    .btn-social.btn-youtube:active.focus,
    .btn-social.btn-youtube:active:focus,
    .btn-social.btn-youtube:active:hover,
    .open>.dropdown-toggle.btn-social.btn-youtube.focus,
    .open>.dropdown-toggle.btn-social.btn-youtube:focus,
    .open>.dropdown-toggle.btn-social.btn-youtube:hover {
        color: var(--oqlis-text);
        background-color: #c81f11;
        border-color: #a3190e
    }
    
    .btn-social.btn-youtube.active,
    .btn-social.btn-youtube:active,
    .open>.dropdown-toggle.btn-social.btn-youtube {
        background-image: none
    }
    
    .btn-social.btn-youtube.disabled,
    .btn-social.btn-youtube.disabled.active,
    .btn-social.btn-youtube.disabled.focus,
    .btn-social.btn-youtube.disabled:active,
    .btn-social.btn-youtube.disabled:focus,
    .btn-social.btn-youtube.disabled:hover,
    .btn-social.btn-youtube[disabled],
    .btn-social.btn-youtube[disabled].active,
    .btn-social.btn-youtube[disabled].focus,
    .btn-social.btn-youtube[disabled]:active,
    .btn-social.btn-youtube[disabled]:focus,
    .btn-social.btn-youtube[disabled]:hover,
    fieldset[disabled] .btn-social.btn-youtube,
    fieldset[disabled] .btn-social.btn-youtube.active,
    fieldset[disabled] .btn-social.btn-youtube.focus,
    fieldset[disabled] .btn-social.btn-youtube:active,
    fieldset[disabled] .btn-social.btn-youtube:focus,
    fieldset[disabled] .btn-social.btn-youtube:hover {
        background-color: #ef4e41;
        border-color: #ef4e41
    }
    
    .btn-social.btn-youtube .badge {
        color: #ef4e41;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-youtube.focus,
    .btn-social.btn-youtube:focus {
        color: var(--oqlis-text);
        background-color: #ef4e41;
        border-color: #ef4e41
    }
    
    .btn-social.btn-youtube:hover {
        color: var(--oqlis-text);
        background-color: #f16459;
        border-color: #f16459
    }
    
    .btn-social.btn-youtube.active,
    .btn-social.btn-youtube:active,
    .open>.dropdown-toggle.btn-social.btn-youtube {
        color: var(--oqlis-text);
        background-color: #ed3829;
        border-color: #ed3829
    }
    
    .btn-social.btn-youtube.active.focus,
    .btn-social.btn-youtube.active:focus,
    .btn-social.btn-youtube.active:hover,
    .btn-social.btn-youtube:active.focus,
    .btn-social.btn-youtube:active:focus,
    .btn-social.btn-youtube:active:hover,
    .open>.dropdown-toggle.btn-social.btn-youtube.focus,
    .open>.dropdown-toggle.btn-social.btn-youtube:focus,
    .open>.dropdown-toggle.btn-social.btn-youtube:hover {
        color: var(--oqlis-text);
        background-color: #ed3829;
        border-color: #ed3829
    }
    
    .btn-social.btn-youtube.active,
    .btn-social.btn-youtube:active,
    .open>.dropdown-toggle.btn-social.btn-youtube {
        background-image: none
    }
    
    .btn-social.btn-youtube.disabled,
    .btn-social.btn-youtube.disabled.active,
    .btn-social.btn-youtube.disabled.focus,
    .btn-social.btn-youtube.disabled:active,
    .btn-social.btn-youtube.disabled:focus,
    .btn-social.btn-youtube.disabled:hover,
    .btn-social.btn-youtube[disabled],
    .btn-social.btn-youtube[disabled].active,
    .btn-social.btn-youtube[disabled].focus,
    .btn-social.btn-youtube[disabled]:active,
    .btn-social.btn-youtube[disabled]:focus,
    .btn-social.btn-youtube[disabled]:hover,
    fieldset[disabled] .btn-social.btn-youtube,
    fieldset[disabled] .btn-social.btn-youtube.active,
    fieldset[disabled] .btn-social.btn-youtube.focus,
    fieldset[disabled] .btn-social.btn-youtube:active,
    fieldset[disabled] .btn-social.btn-youtube:focus,
    fieldset[disabled] .btn-social.btn-youtube:hover {
        background-color: #ef4e41;
        border-color: #ef4e41
    }
    
    .btn-social.btn-youtube .badge {
        color: #ef4e41;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-pinterest {
        color: var(--oqlis-text);
        background-color: #e13138;
        border-color: #e13138
    }
    
    .btn-social.btn-pinterest.focus,
    .btn-social.btn-pinterest:focus {
        color: var(--oqlis-text);
        background-color: #c31c23;
        border-color: #801317
    }
    
    .btn-social.btn-pinterest:hover {
        color: var(--oqlis-text);
        background-color: #c31c23;
        border-color: #ba1b21
    }
    
    .btn-social.btn-pinterest.active,
    .btn-social.btn-pinterest:active,
    .open>.dropdown-toggle.btn-social.btn-pinterest {
        color: var(--oqlis-text);
        background-color: #c31c23;
        border-color: #ba1b21
    }
    
    .btn-social.btn-pinterest.active.focus,
    .btn-social.btn-pinterest.active:focus,
    .btn-social.btn-pinterest.active:hover,
    .btn-social.btn-pinterest:active.focus,
    .btn-social.btn-pinterest:active:focus,
    .btn-social.btn-pinterest:active:hover,
    .open>.dropdown-toggle.btn-social.btn-pinterest.focus,
    .open>.dropdown-toggle.btn-social.btn-pinterest:focus,
    .open>.dropdown-toggle.btn-social.btn-pinterest:hover {
        color: var(--oqlis-text);
        background-color: #a3181d;
        border-color: #801317
    }
    
    .btn-social.btn-pinterest.active,
    .btn-social.btn-pinterest:active,
    .open>.dropdown-toggle.btn-social.btn-pinterest {
        background-image: none
    }
    
    .btn-social.btn-pinterest.disabled,
    .btn-social.btn-pinterest.disabled.active,
    .btn-social.btn-pinterest.disabled.focus,
    .btn-social.btn-pinterest.disabled:active,
    .btn-social.btn-pinterest.disabled:focus,
    .btn-social.btn-pinterest.disabled:hover,
    .btn-social.btn-pinterest[disabled],
    .btn-social.btn-pinterest[disabled].active,
    .btn-social.btn-pinterest[disabled].focus,
    .btn-social.btn-pinterest[disabled]:active,
    .btn-social.btn-pinterest[disabled]:focus,
    .btn-social.btn-pinterest[disabled]:hover,
    fieldset[disabled] .btn-social.btn-pinterest,
    fieldset[disabled] .btn-social.btn-pinterest.active,
    fieldset[disabled] .btn-social.btn-pinterest.focus,
    fieldset[disabled] .btn-social.btn-pinterest:active,
    fieldset[disabled] .btn-social.btn-pinterest:focus,
    fieldset[disabled] .btn-social.btn-pinterest:hover {
        background-color: #e13138;
        border-color: #e13138
    }
    
    .btn-social.btn-pinterest .badge {
        color: #e13138;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-pinterest.focus,
    .btn-social.btn-pinterest:focus {
        color: var(--oqlis-text);
        background-color: #e13138;
        border-color: #e13138
    }
    
    .btn-social.btn-pinterest:hover {
        color: var(--oqlis-text);
        background-color: #e4474e;
        border-color: #e4474e
    }
    
    .btn-social.btn-pinterest.active,
    .btn-social.btn-pinterest:active,
    .open>.dropdown-toggle.btn-social.btn-pinterest {
        color: var(--oqlis-text);
        background-color: #d92027;
        border-color: #d92027
    }
    
    .btn-social.btn-pinterest.active.focus,
    .btn-social.btn-pinterest.active:focus,
    .btn-social.btn-pinterest.active:hover,
    .btn-social.btn-pinterest:active.focus,
    .btn-social.btn-pinterest:active:focus,
    .btn-social.btn-pinterest:active:hover,
    .open>.dropdown-toggle.btn-social.btn-pinterest.focus,
    .open>.dropdown-toggle.btn-social.btn-pinterest:focus,
    .open>.dropdown-toggle.btn-social.btn-pinterest:hover {
        color: var(--oqlis-text);
        background-color: #d92027;
        border-color: #d92027
    }
    
    .btn-social.btn-pinterest.active,
    .btn-social.btn-pinterest:active,
    .open>.dropdown-toggle.btn-social.btn-pinterest {
        background-image: none
    }
    
    .btn-social.btn-pinterest.disabled,
    .btn-social.btn-pinterest.disabled.active,
    .btn-social.btn-pinterest.disabled.focus,
    .btn-social.btn-pinterest.disabled:active,
    .btn-social.btn-pinterest.disabled:focus,
    .btn-social.btn-pinterest.disabled:hover,
    .btn-social.btn-pinterest[disabled],
    .btn-social.btn-pinterest[disabled].active,
    .btn-social.btn-pinterest[disabled].focus,
    .btn-social.btn-pinterest[disabled]:active,
    .btn-social.btn-pinterest[disabled]:focus,
    .btn-social.btn-pinterest[disabled]:hover,
    fieldset[disabled] .btn-social.btn-pinterest,
    fieldset[disabled] .btn-social.btn-pinterest.active,
    fieldset[disabled] .btn-social.btn-pinterest.focus,
    fieldset[disabled] .btn-social.btn-pinterest:active,
    fieldset[disabled] .btn-social.btn-pinterest:focus,
    fieldset[disabled] .btn-social.btn-pinterest:hover {
        background-color: #e13138;
        border-color: #e13138
    }
    
    .btn-social.btn-pinterest .badge {
        color: #e13138;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-github {
        color: var(--oqlis-text);
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-text)
    }
    
    .btn-social.btn-github.focus,
    .btn-social.btn-github:focus {
        color: var(--oqlis-text);
        background-color: #1a1a1a;
        border-color: var(--oqlis-text)
    }
    
    .btn-social.btn-github:hover {
        color: var(--oqlis-text);
        background-color: #1a1a1a;
        border-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-github.active,
    .btn-social.btn-github:active,
    .open>.dropdown-toggle.btn-social.btn-github {
        color: var(--oqlis-text);
        background-color: #1a1a1a;
        border-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-github.active.focus,
    .btn-social.btn-github.active:focus,
    .btn-social.btn-github.active:hover,
    .btn-social.btn-github:active.focus,
    .btn-social.btn-github:active:focus,
    .btn-social.btn-github:active:hover,
    .open>.dropdown-toggle.btn-social.btn-github.focus,
    .open>.dropdown-toggle.btn-social.btn-github:focus,
    .open>.dropdown-toggle.btn-social.btn-github:hover {
        color: var(--oqlis-text);
        background-color: #080808;
        border-color: var(--oqlis-text)
    }
    
    .btn-social.btn-github.active,
    .btn-social.btn-github:active,
    .open>.dropdown-toggle.btn-social.btn-github {
        background-image: none
    }
    
    .btn-social.btn-github.disabled,
    .btn-social.btn-github.disabled.active,
    .btn-social.btn-github.disabled.focus,
    .btn-social.btn-github.disabled:active,
    .btn-social.btn-github.disabled:focus,
    .btn-social.btn-github.disabled:hover,
    .btn-social.btn-github[disabled],
    .btn-social.btn-github[disabled].active,
    .btn-social.btn-github[disabled].focus,
    .btn-social.btn-github[disabled]:active,
    .btn-social.btn-github[disabled]:focus,
    .btn-social.btn-github[disabled]:hover,
    fieldset[disabled] .btn-social.btn-github,
    fieldset[disabled] .btn-social.btn-github.active,
    fieldset[disabled] .btn-social.btn-github.focus,
    fieldset[disabled] .btn-social.btn-github:active,
    fieldset[disabled] .btn-social.btn-github:focus,
    fieldset[disabled] .btn-social.btn-github:hover {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-text)
    }
    
    .btn-social.btn-github .badge {
        color: var(--oqlis-text);
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-github.focus,
    .btn-social.btn-github:focus {
        color: var(--oqlis-text);
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-text)
    }
    
    .btn-social.btn-github:hover {
        color: var(--oqlis-text);
        background-color: #404040;
        border-color: #404040
    }
    
    .btn-social.btn-github.active,
    .btn-social.btn-github:active,
    .open>.dropdown-toggle.btn-social.btn-github {
        color: var(--oqlis-text);
        background-color: #262626;
        border-color: #262626
    }
    
    .btn-social.btn-github.active.focus,
    .btn-social.btn-github.active:focus,
    .btn-social.btn-github.active:hover,
    .btn-social.btn-github:active.focus,
    .btn-social.btn-github:active:focus,
    .btn-social.btn-github:active:hover,
    .open>.dropdown-toggle.btn-social.btn-github.focus,
    .open>.dropdown-toggle.btn-social.btn-github:focus,
    .open>.dropdown-toggle.btn-social.btn-github:hover {
        color: var(--oqlis-text);
        background-color: #262626;
        border-color: #262626
    }
    
    .btn-social.btn-github.active,
    .btn-social.btn-github:active,
    .open>.dropdown-toggle.btn-social.btn-github {
        background-image: none
    }
    
    .btn-social.btn-github.disabled,
    .btn-social.btn-github.disabled.active,
    .btn-social.btn-github.disabled.focus,
    .btn-social.btn-github.disabled:active,
    .btn-social.btn-github.disabled:focus,
    .btn-social.btn-github.disabled:hover,
    .btn-social.btn-github[disabled],
    .btn-social.btn-github[disabled].active,
    .btn-social.btn-github[disabled].focus,
    .btn-social.btn-github[disabled]:active,
    .btn-social.btn-github[disabled]:focus,
    .btn-social.btn-github[disabled]:hover,
    fieldset[disabled] .btn-social.btn-github,
    fieldset[disabled] .btn-social.btn-github.active,
    fieldset[disabled] .btn-social.btn-github.focus,
    fieldset[disabled] .btn-social.btn-github:active,
    fieldset[disabled] .btn-social.btn-github:focus,
    fieldset[disabled] .btn-social.btn-github:hover {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-text)
    }
    
    .btn-social.btn-github .badge {
        color: var(--oqlis-text);
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-tumblr {
        color: var(--oqlis-text);
        background-color: #426d9b;
        border-color: #426d9b
    }
    
    .btn-social.btn-tumblr.focus,
    .btn-social.btn-tumblr:focus {
        color: var(--oqlis-text);
        background-color: #335477;
        border-color: #1c2e42
    }
    
    .btn-social.btn-tumblr:hover {
        color: var(--oqlis-text);
        background-color: #335477;
        border-color: #304f70
    }
    
    .btn-social.btn-tumblr.active,
    .btn-social.btn-tumblr:active,
    .open>.dropdown-toggle.btn-social.btn-tumblr {
        color: var(--oqlis-text);
        background-color: #335477;
        border-color: #304f70
    }
    
    .btn-social.btn-tumblr.active.focus,
    .btn-social.btn-tumblr.active:focus,
    .btn-social.btn-tumblr.active:hover,
    .btn-social.btn-tumblr:active.focus,
    .btn-social.btn-tumblr:active:focus,
    .btn-social.btn-tumblr:active:hover,
    .open>.dropdown-toggle.btn-social.btn-tumblr.focus,
    .open>.dropdown-toggle.btn-social.btn-tumblr:focus,
    .open>.dropdown-toggle.btn-social.btn-tumblr:hover {
        color: var(--oqlis-text);
        background-color: #28425e;
        border-color: #1c2e42
    }
    
    .btn-social.btn-tumblr.active,
    .btn-social.btn-tumblr:active,
    .open>.dropdown-toggle.btn-social.btn-tumblr {
        background-image: none
    }
    
    .btn-social.btn-tumblr.disabled,
    .btn-social.btn-tumblr.disabled.active,
    .btn-social.btn-tumblr.disabled.focus,
    .btn-social.btn-tumblr.disabled:active,
    .btn-social.btn-tumblr.disabled:focus,
    .btn-social.btn-tumblr.disabled:hover,
    .btn-social.btn-tumblr[disabled],
    .btn-social.btn-tumblr[disabled].active,
    .btn-social.btn-tumblr[disabled].focus,
    .btn-social.btn-tumblr[disabled]:active,
    .btn-social.btn-tumblr[disabled]:focus,
    .btn-social.btn-tumblr[disabled]:hover,
    fieldset[disabled] .btn-social.btn-tumblr,
    fieldset[disabled] .btn-social.btn-tumblr.active,
    fieldset[disabled] .btn-social.btn-tumblr.focus,
    fieldset[disabled] .btn-social.btn-tumblr:active,
    fieldset[disabled] .btn-social.btn-tumblr:focus,
    fieldset[disabled] .btn-social.btn-tumblr:hover {
        background-color: #426d9b;
        border-color: #426d9b
    }
    
    .btn-social.btn-tumblr .badge {
        color: #426d9b;
        background-color: var(--oqlis-surface)
    }
    
    .btn-social.btn-tumblr.focus,
    .btn-social.btn-tumblr:focus {
        color: var(--oqlis-text);
        background-color: #426d9b;
        border-color: #426d9b
    }
    
    .btn-social.btn-tumblr:hover {
        color: var(--oqlis-text);
        background-color: #4a7aad;
        border-color: #4a7aad
    }
    
    .btn-social.btn-tumblr.active,
    .btn-social.btn-tumblr:active,
    .open>.dropdown-toggle.btn-social.btn-tumblr {
        color: var(--oqlis-text);
        background-color: #3a6089;
        border-color: #3a6089
    }
    
    .btn-social.btn-tumblr.active.focus,
    .btn-social.btn-tumblr.active:focus,
    .btn-social.btn-tumblr.active:hover,
    .btn-social.btn-tumblr:active.focus,
    .btn-social.btn-tumblr:active:focus,
    .btn-social.btn-tumblr:active:hover,
    .open>.dropdown-toggle.btn-social.btn-tumblr.focus,
    .open>.dropdown-toggle.btn-social.btn-tumblr:focus,
    .open>.dropdown-toggle.btn-social.btn-tumblr:hover {
        color: var(--oqlis-text);
        background-color: #3a6089;
        border-color: #3a6089
    }
    
    .btn-social.btn-tumblr.active,
    .btn-social.btn-tumblr:active,
    .open>.dropdown-toggle.btn-social.btn-tumblr {
        background-image: none
    }
    
    .btn-social.btn-tumblr.disabled,
    .btn-social.btn-tumblr.disabled.active,
    .btn-social.btn-tumblr.disabled.focus,
    .btn-social.btn-tumblr.disabled:active,
    .btn-social.btn-tumblr.disabled:focus,
    .btn-social.btn-tumblr.disabled:hover,
    .btn-social.btn-tumblr[disabled],
    .btn-social.btn-tumblr[disabled].active,
    .btn-social.btn-tumblr[disabled].focus,
    .btn-social.btn-tumblr[disabled]:active,
    .btn-social.btn-tumblr[disabled]:focus,
    .btn-social.btn-tumblr[disabled]:hover,
    fieldset[disabled] .btn-social.btn-tumblr,
    fieldset[disabled] .btn-social.btn-tumblr.active,
    fieldset[disabled] .btn-social.btn-tumblr.focus,
    fieldset[disabled] .btn-social.btn-tumblr:active,
    fieldset[disabled] .btn-social.btn-tumblr:focus,
    fieldset[disabled] .btn-social.btn-tumblr:hover {
        background-color: #426d9b;
        border-color: #426d9b
    }
    
    .btn-social.btn-tumblr .badge {
        color: #426d9b;
        background-color: var(--oqlis-surface)
    }
    
    .btn .icon {
        font-size: 19px;
        vertical-align: middle
    }
    
    .btn .icon.icon-left {
        margin-right: 3px
    }
    
    .btn .icon.icon-right {
        margin-left: 3px
    }
    
    .btn .icon.fa {
        font-size: 15px
    }
    
    .btn.btn-lg .icon {
        font-size: 23px;
        line-height: 25px
    }
    
    .btn.btn-sm .icon {
        font-size: 16px;
        line-height: 16px
    }
    
    .btn.btn-xs .icon {
        font-size: 14px;
        line-height: 16px
    }
    
    .btn-group.open .dropdown-toggle {
        box-shadow: none
    }
    
    .panel {
        background-color: var(--oqlis-surface);
        margin-bottom: 15px;
        box-shadow: none;
        border-width: 0;
        border-radius: 5px
    }
    
    .panel-heading {
        font-size: 16px;
        font-weight: 400;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 0
    }
    
    .panel-heading .panel-title,
    .panel-heading .title,
    .panel-heading>h1,
    .panel-heading>h2,
    .panel-heading>h3,
    .panel-heading>h4,
    .panel-heading>h5,
    .panel-heading>h6 {
        font-size: 15px;
        font-weight: 600;
        display: block;
        margin: 0;
        overflow: hidden;
    }
    
    .panel-heading .tools {
        position: absolute;
        float: right;
        font-size: 0;
        right: 0px;
        z-index: 9;
        top: 0px;
    }
    
    .panel-heading .tool-buttons {
        position: absolute;
        top: 0;
        right: 0px;
        float: right;
        font-size: 0
    }

    .panel-heading .tool-buttons > .btn,
    .panel-heading .tool-buttons > .textarea-icon,
    .panel-heading .tool-buttons > .dropdown {
        border-radius: 4px;
    }

    .panel-heading .tool-buttons > .dropdown > .btn {
        border-radius: inherit;
    }

    .panel-heading .tool-buttons > :not(.hide):not(.hidden):not(.is-hidden):not([style*="display: none"])
    + :not(.hide):not(.hidden):not(.is-hidden):not([style*="display: none"]) {
        margin-left: -1px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .panel-heading .tool-buttons > :not(.hide):not(.hidden):not(.is-hidden):not([style*="display: none"]):has(
        + :not(.hide):not(.hidden):not(.is-hidden):not([style*="display: none"])
    ) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .panel-heading .tool-buttons.tool-buttons--explore {
        display: flex;
        align-items: center;
        font-size: inherit;
    }

    .panel-heading .tool-buttons > [style*="visibility: hidden"],
    .panel-heading .tool-buttons > .hide,
    .panel-heading .tool-buttons > .hidden,
    .panel-heading .tool-buttons > .is-hidden {
        display: none;
    }
    
    .panel-heading .tools>a {
        display: inline-block
    }
    
    .panel-heading .tools .icon {
        display: inline-block;
        margin-left: 5px;
        font-size: 18px;
        line-height: 28px;
        vertical-align: middle;
        cursor: pointer
    }
    
    .panel-heading .tools .icon:hover {
        color: var(--main_color)
    }
    
    .panel-heading .tools .icon.s7-close {
        font-size: 27px;
        margin-left: 1px;
        position: relative;
        top: 1px
    }
    
    .panel-heading .tools .value {
        font-size: 24px;
        line-height: 22px
    }
    
    .panel-heading.no-border {
        border-width: 0
    }
    
    .panel-alt1 .panel-heading,
    .panel-alt2 .panel-heading,
    .panel-alt3 .panel-heading,
    .panel-alt4 .panel-heading,
    .panel-danger .panel-heading,
    .panel-dark .panel-heading,
    .panel-heading-fullwidth .panel-heading,
    .panel-info .panel-heading,
    .panel-primary .panel-heading,
    .panel-success .panel-heading,
    .panel-warning .panel-heading {
        margin: 0;
        padding-left: 10px;
        padding-right: 10px
    }
    
    .panel-alt1 .panel-heading .panel-title,
    .panel-alt1 .panel-heading .title,
    .panel-alt1 .panel-heading h1,
    .panel-alt1 .panel-heading h2,
    .panel-alt1 .panel-heading h3,
    .panel-alt1 .panel-heading h4,
    .panel-alt1 .panel-heading h5,
    .panel-alt1 .panel-heading h6,
    .panel-alt2 .panel-heading .panel-title,
    .panel-alt2 .panel-heading .title,
    .panel-alt2 .panel-heading h1,
    .panel-alt2 .panel-heading h2,
    .panel-alt2 .panel-heading h3,
    .panel-alt2 .panel-heading h4,
    .panel-alt2 .panel-heading h5,
    .panel-alt2 .panel-heading h6,
    .panel-alt3 .panel-heading .panel-title,
    .panel-alt3 .panel-heading .title,
    .panel-alt3 .panel-heading h1,
    .panel-alt3 .panel-heading h2,
    .panel-alt3 .panel-heading h3,
    .panel-alt3 .panel-heading h4,
    .panel-alt3 .panel-heading h5,
    .panel-alt3 .panel-heading h6,
    .panel-alt4 .panel-heading .panel-title,
    .panel-alt4 .panel-heading .title,
    .panel-alt4 .panel-heading h1,
    .panel-alt4 .panel-heading h2,
    .panel-alt4 .panel-heading h3,
    .panel-alt4 .panel-heading h4,
    .panel-alt4 .panel-heading h5,
    .panel-alt4 .panel-heading h6,
    .panel-danger .panel-heading .panel-title,
    .panel-danger .panel-heading .title,
    .panel-danger .panel-heading h1,
    .panel-danger .panel-heading h2,
    .panel-danger .panel-heading h3,
    .panel-danger .panel-heading h4,
    .panel-danger .panel-heading h5,
    .panel-danger .panel-heading h6,
    .panel-dark .panel-heading .panel-title,
    .panel-dark .panel-heading .title,
    .panel-dark .panel-heading h1,
    .panel-dark .panel-heading h2,
    .panel-dark .panel-heading h3,
    .panel-dark .panel-heading h4,
    .panel-dark .panel-heading h5,
    .panel-dark .panel-heading h6,
    .panel-heading-fullwidth .panel-heading .panel-title,
    .panel-heading-fullwidth .panel-heading .title,
    .panel-heading-fullwidth .panel-heading h1,
    .panel-heading-fullwidth .panel-heading h2,
    .panel-heading-fullwidth .panel-heading h3,
    .panel-heading-fullwidth .panel-heading h4,
    .panel-heading-fullwidth .panel-heading h5,
    .panel-heading-fullwidth .panel-heading h6,
    .panel-info .panel-heading .panel-title,
    .panel-info .panel-heading .title,
    .panel-info .panel-heading h1,
    .panel-info .panel-heading h2,
    .panel-info .panel-heading h3,
    .panel-info .panel-heading h4,
    .panel-info .panel-heading h5,
    .panel-info .panel-heading h6,
    .panel-primary .panel-heading .panel-title,
    .panel-primary .panel-heading .title,
    .panel-primary .panel-heading h1,
    .panel-primary .panel-heading h2,
    .panel-primary .panel-heading h3,
    .panel-primary .panel-heading h4,
    .panel-primary .panel-heading h5,
    .panel-primary .panel-heading h6,
    .panel-success .panel-heading .panel-title,
    .panel-success .panel-heading .title,
    .panel-success .panel-heading h1,
    .panel-success .panel-heading h2,
    .panel-success .panel-heading h3,
    .panel-success .panel-heading h4,
    .panel-success .panel-heading h5,
    .panel-success .panel-heading h6,
    .panel-warning .panel-heading .panel-title,
    .panel-warning .panel-heading .title,
    .panel-warning .panel-heading h1,
    .panel-warning .panel-heading h2,
    .panel-warning .panel-heading h3,
    .panel-warning .panel-heading h4,
    .panel-warning .panel-heading h5,
    .panel-warning .panel-heading h6 {
        border-width: 0
    }
    
    .panel-borders {
        border-width: 1px
    }
    
    .panel-transparent {
        background-color: transparent
    }
    
    .panel-alt1 .panel-heading,
    .panel-alt2 .panel-heading,
    .panel-alt3 .panel-heading,
    .panel-alt4 .panel-heading,
    .panel-danger .panel-heading,
    .panel-dark .panel-heading,
    .panel-full-alt1 .panel-heading,
    .panel-full-alt2 .panel-heading,
    .panel-full-alt3 .panel-heading,
    .panel-full-alt4 .panel-heading,
    .panel-full-danger .panel-heading,
    .panel-full-dark .panel-heading,
    .panel-full-info .panel-heading,
    .panel-full-primary .panel-heading,
    .panel-full-success .panel-heading,
    .panel-full-warning .panel-heading,
    .panel-info .panel-heading,
    .panel-primary .panel-heading,
    .panel-success .panel-heading,
    .panel-warning .panel-heading {
        color: var(--oqlis-surface)
    }
    
    .panel-alt1 .panel-heading .tools>a,
    .panel-alt2 .panel-heading .tools>a,
    .panel-alt3 .panel-heading .tools>a,
    .panel-alt4 .panel-heading .tools>a,
    .panel-danger .panel-heading .tools>a,
    .panel-dark .panel-heading .tools>a,
    .panel-full-alt1 .panel-heading .tools>a,
    .panel-full-alt2 .panel-heading .tools>a,
    .panel-full-alt3 .panel-heading .tools>a,
    .panel-full-alt4 .panel-heading .tools>a,
    .panel-full-danger .panel-heading .tools>a,
    .panel-full-dark .panel-heading .tools>a,
    .panel-full-info .panel-heading .tools>a,
    .panel-full-primary .panel-heading .tools>a,
    .panel-full-success .panel-heading .tools>a,
    .panel-full-warning .panel-heading .tools>a,
    .panel-info .panel-heading .tools>a,
    .panel-primary .panel-heading .tools>a,
    .panel-success .panel-heading .tools>a,
    .panel-warning .panel-heading .tools>a {
        color: var(--oqlis-surface)
    }
    
    .panel-full-primary .panel-heading .tools .icon:hover,
    .panel-full-primary .panel-heading .tools>a:hover,
    .panel-primary .panel-heading .tools .icon:hover,
    .panel-primary .panel-heading .tools>a:hover {
        color: #419d89
    }
    
    .panel-full-success .panel-heading .tools .icon:hover,
    .panel-full-success .panel-heading .tools>a:hover,
    .panel-success .panel-heading .tools .icon:hover,
    .panel-success .panel-heading .tools>a:hover {
        color: #57a99b
    }
    
    .panel-full-info .panel-heading .tools .icon:hover,
    .panel-full-info .panel-heading .tools>a:hover,
    .panel-info .panel-heading .tools .icon:hover,
    .panel-info .panel-heading .tools>a:hover {
        color: #6aa7bc
    }
    
    .panel-full-warning .panel-heading .tools .icon:hover,
    .panel-full-warning .panel-heading .tools>a:hover,
    .panel-warning .panel-heading .tools .icon:hover,
    .panel-warning .panel-heading .tools>a:hover {
        color: #dca54d
    }
    
    .panel-danger .panel-heading .tools .icon:hover,
    .panel-danger .panel-heading .tools>a:hover,
    .panel-full-danger .panel-heading .tools .icon:hover,
    .panel-full-danger .panel-heading .tools>a:hover {
        color: #cc3f3f
    }
    
    .panel-alt1 .panel-heading,
    .panel-full-alt1 .panel-heading {
        background-color: #ffd26e
    }
    
    .panel-alt1 .panel-heading .tools .icon:hover,
    .panel-alt1 .panel-heading .tools>a:hover,
    .panel-full-alt1 .panel-heading .tools .icon:hover,
    .panel-full-alt1 .panel-heading .tools>a:hover {
        color: #dcaf4b
    }
    
    .panel-alt2 .panel-heading,
    .panel-full-alt2 .panel-heading {
        background-color: #9974c1
    }
    
    .panel-alt2 .panel-heading .tools .icon:hover,
    .panel-alt2 .panel-heading .tools>a:hover,
    .panel-full-alt2 .panel-heading .tools .icon:hover,
    .panel-full-alt2 .panel-heading .tools>a:hover {
        color: #76519e
    }
    
    .panel-alt3 .panel-heading,
    .panel-full-alt3 .panel-heading {
        background-color: #ff7a9c
    }
    
    .panel-alt3 .panel-heading .tools .icon:hover,
    .panel-alt3 .panel-heading .tools>a:hover,
    .panel-full-alt3 .panel-heading .tools .icon:hover,
    .panel-full-alt3 .panel-heading .tools>a:hover {
        color: #dc5779
    }
    
    .panel-alt4 .panel-heading,
    .panel-full-alt4 .panel-heading {
        background-color: #bbb
    }
    
    .panel-alt4 .panel-heading .tools .icon:hover,
    .panel-alt4 .panel-heading .tools>a:hover,
    .panel-full-alt4 .panel-heading .tools .icon:hover,
    .panel-full-alt4 .panel-heading .tools>a:hover {
        color: #989898
    }
    
    .panel-dark .panel-heading,
    .panel-full-dark .panel-heading {
        background-color: #3d3c3c
    }
    
    .panel-dark .panel-heading .tools .icon:hover,
    .panel-dark .panel-heading .tools>a:hover,
    .panel-full-dark .panel-heading .tools .icon:hover,
    .panel-full-dark .panel-heading .tools>a:hover {
        color: #1a1919
    }
    
    .panel-full-primary {
        background-color: #64c0ac;
        color: var(--oqlis-surface)
    }
    
    .panel-full-primary .panel-heading {
        border-color: #5ab6a2
    }
    
    .panel-full-success {
        background-color: var(--main_color);
        color: var(--oqlis-surface)
    }
    
    .panel-full-success .panel-heading {
        border-color: #70c2b4
    }
    
    .panel-full-info {
        background-color: #8dcadf;
        color: var(--oqlis-surface)
    }
    
    .panel-full-info .panel-heading {
        border-color: #83c0d5
    }
    
    .panel-full-warning {
        background-color: #ffc870;
        color: var(--oqlis-surface)
    }
    
    .panel-full-warning .panel-heading {
        border-color: #f5be66
    }
    
    .panel-full-danger {
        background-color: #ef6262;
        color: var(--oqlis-surface)
    }
    
    .panel-full-danger .panel-heading {
        border-color: #e55858
    }
    
    .panel-full-alt1 {
        background-color: #ffd26e;
        color: var(--oqlis-surface)
    }
    
    .panel-full-alt1 .panel-heading {
        border-color: #f5c864
    }
    
    .panel-full-alt2 {
        background-color: #9974c1;
        color: var(--oqlis-surface)
    }
    
    .panel-full-alt2 .panel-heading {
        border-color: #8f6ab7
    }
    
    .panel-full-alt3 {
        background-color: #ff7a9c;
        color: var(--oqlis-surface)
    }
    
    .panel-full-alt3 .panel-heading {
        border-color: #f57092
    }
    
    .panel-full-alt4 {
        background-color: #bbb;
        color: var(--oqlis-surface)
    }
    
    .panel-full-alt4 .panel-heading {
        border-color: #b1b1b1
    }
    
    .panel-full-dark {
        background-color: #3d3c3c;
        color: var(--oqlis-surface)
    }
    
    .panel-full-dark .panel-heading {
        border-color: #333232
    }
    
    .dropdown-menu {
        box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
        border-color: rgba(0, 0, 0, .1)
    }
    
    .dropdown-menu>li>a {
        font-weight: 300;
        color: var(--oqlis-text);
        padding: 3px 8px
    }
    
    .dropdown-menu>li>a .icon {
        font-size: 13px !important;
        line-height: 15px !important;
        vertical-align: middle;
        margin-right: 4px
    }
    
    .dropdown-menu>li>a:hover {
        background-color: var(--main_color);
        color: var(--oqlis-surface)
    }
    
    .dropdown-menu>li>a:active,
    .dropdown-menu>li>a:focus {
        background-color: transparent;
        color: var(--oqlis-text)
    }
    
    .dropdown-menu .divider {
        margin: 6px 0;
        background-color: rgba(0, 0, 0, .1)
    }
    
    .dropdown-header {
        padding: 5px 20px 1px;
        font-weight: 600;
        color: var(--oqlis-text);
        cursor: default
    }
    
    .panel-group.accordion {
        margin-bottom: 15px;
        padding: 0
    }
    
    .panel-group.accordion .panel {
        padding: 0
    }
    
    .panel-group.accordion .panel .panel-heading {
        background: var(--oqlis-surface);
        padding: 0;
        margin: 0
    }
    
    .panel-group.accordion .panel .panel-heading a {
        padding: 15px 10px;
        display: block;
        color: var(--oqlis-text);
        font-weight: 400
    }
    
    .panel-group.accordion .panel .panel-heading a .icon {
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -o-transition: -o-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        font-size: 15px;
        vertical-align: middle;
        position: relative;
        top: -1px;
        display: inline-block
    }
    
    .panel-group.accordion .panel .panel-heading a.collapsed {
        color: var(--oqlis-text);
    }
    
    .panel-group.accordion .panel .panel-heading a.collapsed .icon {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    
    .panel-group.accordion .panel .panel-collapse .panel-body {
        padding: 0 30px 5px 20px;
        border-top: 0
    }

    .panel-group.accordion.accordion-standard .panel .panel-heading a {
        color: var(--oqlis-text)FFF
    }
    .panel-group.accordion.accordion-standard .panel .panel-heading a.collapsed {
        color: var(--oqlis-text)FFF
    }
    .panel-group.accordion.accordion-standard .panel .panel-collapse .panel-body {
        color: var(--oqlis-text)FFF
    }
    
    .panel-group.accordion.accordion-color .panel .panel-heading a {
        background-color: #ff7fa0;
        color: var(--oqlis-surface)
    }
    
    .panel-group.accordion.accordion-color .panel .panel-heading a.collapsed {
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
    }
    
    .panel-group.accordion.accordion-color .panel .panel-collapse .panel-body {
        background-color: #ff7fa0;
        color: var(--oqlis-surface)
    }
    
    .panel-group.accordion.accordion-semi .panel .panel-heading a {
        background-color: var(--main_color);
        color: var(--oqlis-text);
        -webkit-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out
    }
    
    .panel-group.accordion.accordion-semi .panel .panel-heading a.collapsed {
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
        border-bottom: 0
    }
    
    .panel-group.accordion.accordion-semi .panel .panel-collapse .panel-body {
        padding-top: 15px
    }
    
    .panel-group.accordion.accordion-semi .panel-heading.success a {
        background-color: var(--main_color)
    }
    
    .panel-group.accordion.accordion-semi .panel-heading.warning a {
        background-color: #ffc870
    }
    
    .panel-group.accordion.accordion-semi .panel-heading.danger a {
        background-color: #ef6262
    }
    
    .nav-tabs {
        background-color: var(--oqlis-surface-alt);
        border-bottom-width: 0
    }
    
    .nav-tabs>li {
        margin-right: 2px
    }
    
    .nav-tabs>li a {
        padding: 15px 15px;
        margin-right: 0;
        min-width: 60px;
        text-align: center;
        border-radius: 0;
        color: var(--oqlis-text);
        border-width: 0;
        font-size: 12px;
    }
    
    .nav-tabs>li a:hover {
        background: 0 0;
        color: var(--main_color)
    }
    
    .nav-tabs>li a:active {
        background-color: transparent
    }
    
    .nav-tabs>li.active {
        position: relative;
        background: 0 0;
        border-bottom: 2px solid var(--main_color);
        color: var(--main_color)
    }
    
    .nav-tabs>li.active a,
    .nav-tabs>li.active a:focus,
    .nav-tabs>li.active a:hover {
        background-color: var(--oqlis-surface);
        border-radius: 4px;
    }
    
    .nav-tabs>li.active.add-tab a,
    .nav-tabs>li.active.add-tab a:focus,
    .nav-tabs>li.active.add-tab a:hover {
        background-color: transparent;
    }
    
    .tab-content {
        background: var(--oqlis-surface);
        padding: 20px 20px 20px 20px
    }
    
    .tab-content .tab-pane h1:first-child,
    .tab-content .tab-pane h2:first-child,
    .tab-content .tab-pane h3:first-child,
    .tab-content .tab-pane h4:first-child,
    .tab-content .tab-pane h5:first-child,
    .tab-content .tab-pane h6:first-child {
        margin-top: 5px
    }
    
    .tab-bottom .tab-content {
        margin-bottom: 0
    }
    
    .tab-bottom .nav-tabs {
        margin-bottom: 40px
    }
    
    .tab-left .nav-tabs,
    .tab-right .nav-tabs {
        float: left
    }
    
    .tab-left .nav-tabs>li,
    .tab-right .nav-tabs>li {
        float: none;
        margin-right: 0;
        margin-bottom: 0
    }
    
    .tab-left .nav-tabs>li>a,
    .tab-right .nav-tabs>li>a {
        text-align: left;
        min-width: 38px;
        padding: 15px 17px;
        border-radius: 0;
        -webkit-border-radius: 0
    }
    
    .tab-left .nav-tabs>li>a .icon,
    .tab-right .nav-tabs>li>a .icon {
        font-size: 20px
    }
    
    .tab-left .tab-content,
    .tab-right .tab-content {
        overflow: auto
    }
    
    .tab-right .nav-tabs {
        float: right
    }
    
    .md-modal .md-content,
    .md-modal .modal-content,
    .modal .md-content,
    .modal .modal-content {
        box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
        border-radius: 3px;
        overflow: visible;
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
        border-radius:10px;
    }
    
    .md-modal .md-content .modal-header,
    .md-modal .modal-content .modal-header,
    .modal .md-content .modal-header,
    .modal .modal-content .modal-header {
        border: 0;
        border-radius: 10px 10px 0 0;
    }
    
    .md-modal .md-content .modal-header h1,
    .md-modal .md-content .modal-header h2,
    .md-modal .md-content .modal-header h3,
    .md-modal .md-content .modal-header h4,
    .md-modal .md-content .modal-header h5,
    .md-modal .md-content .modal-header h6,
    .md-modal .modal-content .modal-header h1,
    .md-modal .modal-content .modal-header h2,
    .md-modal .modal-content .modal-header h3,
    .md-modal .modal-content .modal-header h4,
    .md-modal .modal-content .modal-header h5,
    .md-modal .modal-content .modal-header h6,
    .modal .md-content .modal-header h1,
    .modal .md-content .modal-header h2,
    .modal .md-content .modal-header h3,
    .modal .md-content .modal-header h4,
    .modal .md-content .modal-header h5,
    .modal .md-content .modal-header h6,
    .modal .modal-content .modal-header h1,
    .modal .modal-content .modal-header h2,
    .modal .modal-content .modal-header h3,
    .modal .modal-content .modal-header h4,
    .modal .modal-content .modal-header h5,
    .modal .modal-content .modal-header h6 {
        display: block;
        margin: 0
    }
    
    .md-modal .md-content .modal-header .close,
    .md-modal .modal-content .modal-header .close,
    .modal .md-content .modal-header .close,
    .modal .modal-content .modal-header .close {
        font-size: 26px;
        opacity: .4;
        text-shadow: none
    }
    
    .md-modal .md-content .modal-header .close:hover,
    .md-modal .modal-content .modal-header .close:hover,
    .modal .md-content .modal-header .close:hover,
    .modal .modal-content .modal-header .close:hover {
        opacity: .8
    }
    
    .md-modal .md-content .modal-body,
    .md-modal .modal-content .modal-body,
    .modal .md-content .modal-body,
    .modal .modal-content .modal-body {
        padding: 10px 30px
    }
    
    .md-modal .md-content .modal-body .i-circle,
    .md-modal .modal-content .modal-body .i-circle,
    .modal .md-content .modal-body .i-circle,
    .modal .modal-content .modal-body .i-circle {
        border: 2px solid #f1f1f1;
        border-radius: 50%;
        display: inline-block;
        height: 80px;
        width: 80px;
        margin-bottom: 15px;
        line-height: 105px
    }
    
    .md-modal .md-content .modal-body .i-circle .icon,
    .md-modal .modal-content .modal-body .i-circle .icon,
    .modal .md-content .modal-body .i-circle .icon,
    .modal .modal-content .modal-body .i-circle .icon {
        font-size: 45px
    }
    
    .md-modal .md-content .modal-footer,
    .md-modal .modal-content .modal-footer,
    .modal .md-content .modal-footer,
    .modal .modal-content .modal-footer {
        background-color: var(--oqlis-surface-alt);
        border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
    }
    
    .md-modal .full-color .md-content,
    .md-modal .full-color .modal-content,
    .md-modal.full-color .md-content,
    .md-modal.full-color .modal-content,
    .modal .full-color .md-content,
    .modal .full-color .modal-content,
    .modal.full-color .md-content,
    .modal.full-color .modal-content {
        color: var(--oqlis-surface)
    }
    
    .md-modal .full-color .md-content .modal-header,
    .md-modal .full-color .modal-content .modal-header,
    .md-modal.full-color .md-content .modal-header,
    .md-modal.full-color .modal-content .modal-header,
    .modal .full-color .md-content .modal-header,
    .modal .full-color .modal-content .modal-header,
    .modal.full-color .md-content .modal-header,
    .modal.full-color .modal-content .modal-header {
        background-color: #5cbda8
    }
    
    .md-modal .full-color .md-content .modal-header .close,
    .md-modal .full-color .modal-content .modal-header .close,
    .md-modal.full-color .md-content .modal-header .close,
    .md-modal.full-color .modal-content .modal-header .close,
    .modal .full-color .md-content .modal-header .close,
    .modal .full-color .modal-content .modal-header .close,
    .modal.full-color .md-content .modal-header .close,
    .modal.full-color .modal-content .modal-header .close {
        color: var(--oqlis-text);
        line-height: 40px;
        opacity: .6
    }
    
    .md-modal .full-color .md-content .modal-header .close:hover,
    .md-modal .full-color .modal-content .modal-header .close:hover,
    .md-modal.full-color .md-content .modal-header .close:hover,
    .md-modal.full-color .modal-content .modal-header .close:hover,
    .modal .full-color .md-content .modal-header .close:hover,
    .modal .full-color .modal-content .modal-header .close:hover,
    .modal.full-color .md-content .modal-header .close:hover,
    .modal.full-color .modal-content .modal-header .close:hover {
        opacity: 1
    }
    
    .md-modal .full-color .md-content .modal-body,
    .md-modal .full-color .md-content .modal-footer,
    .md-modal .full-color .modal-content .modal-body,
    .md-modal .full-color .modal-content .modal-footer,
    .md-modal.full-color .md-content .modal-body,
    .md-modal.full-color .md-content .modal-footer,
    .md-modal.full-color .modal-content .modal-body,
    .md-modal.full-color .modal-content .modal-footer,
    .modal .full-color .md-content .modal-body,
    .modal .full-color .md-content .modal-footer,
    .modal .full-color .modal-content .modal-body,
    .modal .full-color .modal-content .modal-footer,
    .modal.full-color .md-content .modal-body,
    .modal.full-color .md-content .modal-footer,
    .modal.full-color .modal-content .modal-body,
    .modal.full-color .modal-content .modal-footer {
        background-color: var(--main_color)
    }
    
    .md-modal .full-color .md-content .modal-footer,
    .md-modal .full-color .modal-content .modal-footer,
    .md-modal.full-color .md-content .modal-footer,
    .md-modal.full-color .modal-content .modal-footer,
    .modal .full-color .md-content .modal-footer,
    .modal .full-color .modal-content .modal-footer,
    .modal.full-color .md-content .modal-footer,
    .modal.full-color .modal-content .modal-footer {
        border: 0
    }
    
    .md-modal .full-color.success .md-content .modal-header,
    .md-modal .full-color.success .modal-content .modal-header,
    .md-modal.full-color.success .md-content .modal-header,
    .md-modal.full-color.success .modal-content .modal-header,
    .modal .full-color.success .md-content .modal-header,
    .modal .full-color.success .modal-content .modal-header,
    .modal.full-color.success .md-content .modal-header,
    .modal.full-color.success .modal-content .modal-header {
        background-color: #6bc6b7
    }
    
    .md-modal .full-color.success .md-content .modal-body,
    .md-modal .full-color.success .md-content .modal-footer,
    .md-modal .full-color.success .modal-content .modal-body,
    .md-modal .full-color.success .modal-content .modal-footer,
    .md-modal.full-color.success .md-content .modal-body,
    .md-modal.full-color.success .md-content .modal-footer,
    .md-modal.full-color.success .modal-content .modal-body,
    .md-modal.full-color.success .modal-content .modal-footer,
    .modal .full-color.success .md-content .modal-body,
    .modal .full-color.success .md-content .modal-footer,
    .modal .full-color.success .modal-content .modal-body,
    .modal .full-color.success .modal-content .modal-footer,
    .modal.full-color.success .md-content .modal-body,
    .modal.full-color.success .md-content .modal-footer,
    .modal.full-color.success .modal-content .modal-body,
    .modal.full-color.success .modal-content .modal-footer {
        background-color: var(--main_color)
    }
    
    .md-modal .full-color.info .md-content .modal-header,
    .md-modal .full-color.info .modal-content .modal-header,
    .md-modal.full-color.info .md-content .modal-header,
    .md-modal.full-color.info .modal-content .modal-header,
    .modal .full-color.info .md-content .modal-header,
    .modal .full-color.info .modal-content .modal-header,
    .modal.full-color.info .md-content .modal-header,
    .modal.full-color.info .modal-content .modal-header {
        background-color: #7dc3db
    }
    
    .md-modal .full-color.info .md-content .modal-body,
    .md-modal .full-color.info .md-content .modal-footer,
    .md-modal .full-color.info .modal-content .modal-body,
    .md-modal .full-color.info .modal-content .modal-footer,
    .md-modal.full-color.info .md-content .modal-body,
    .md-modal.full-color.info .md-content .modal-footer,
    .md-modal.full-color.info .modal-content .modal-body,
    .md-modal.full-color.info .modal-content .modal-footer,
    .modal .full-color.info .md-content .modal-body,
    .modal .full-color.info .md-content .modal-footer,
    .modal .full-color.info .modal-content .modal-body,
    .modal .full-color.info .modal-content .modal-footer,
    .modal.full-color.info .md-content .modal-body,
    .modal.full-color.info .md-content .modal-footer,
    .modal.full-color.info .modal-content .modal-body,
    .modal.full-color.info .modal-content .modal-footer {
        background-color: #8dcadf
    }
    
    .md-modal .full-color.warning .md-content .modal-header,
    .md-modal .full-color.warning .modal-content .modal-header,
    .md-modal.full-color.warning .md-content .modal-header,
    .md-modal.full-color.warning .modal-content .modal-header,
    .modal .full-color.warning .md-content .modal-header,
    .modal .full-color.warning .modal-content .modal-header,
    .modal.full-color.warning .md-content .modal-header,
    .modal.full-color.warning .modal-content .modal-header {
        background-color: #ffc05c
    }
    
    .md-modal .full-color.warning .md-content .modal-body,
    .md-modal .full-color.warning .md-content .modal-footer,
    .md-modal .full-color.warning .modal-content .modal-body,
    .md-modal .full-color.warning .modal-content .modal-footer,
    .md-modal.full-color.warning .md-content .modal-body,
    .md-modal.full-color.warning .md-content .modal-footer,
    .md-modal.full-color.warning .modal-content .modal-body,
    .md-modal.full-color.warning .modal-content .modal-footer,
    .modal .full-color.warning .md-content .modal-body,
    .modal .full-color.warning .md-content .modal-footer,
    .modal .full-color.warning .modal-content .modal-body,
    .modal .full-color.warning .modal-content .modal-footer,
    .modal.full-color.warning .md-content .modal-body,
    .modal.full-color.warning .md-content .modal-footer,
    .modal.full-color.warning .modal-content .modal-body,
    .modal.full-color.warning .modal-content .modal-footer {
        background-color: #ffc870
    }
    
    .md-modal .full-color.danger .md-content .modal-header,
    .md-modal .full-color.danger .modal-content .modal-header,
    .md-modal.full-color.danger .md-content .modal-header,
    .md-modal.full-color.danger .modal-content .modal-header,
    .modal .full-color.danger .md-content .modal-header,
    .modal .full-color.danger .modal-content .modal-header,
    .modal.full-color.danger .md-content .modal-header,
    .modal.full-color.danger .modal-content .modal-header {
        background-color: #ed4f4f
    }
    
    .md-modal .full-color.danger .md-content .modal-body,
    .md-modal .full-color.danger .md-content .modal-footer,
    .md-modal .full-color.danger .modal-content .modal-body,
    .md-modal .full-color.danger .modal-content .modal-footer,
    .md-modal.full-color.danger .md-content .modal-body,
    .md-modal.full-color.danger .md-content .modal-footer,
    .md-modal.full-color.danger .modal-content .modal-body,
    .md-modal.full-color.danger .modal-content .modal-footer,
    .modal .full-color.danger .md-content .modal-body,
    .modal .full-color.danger .md-content .modal-footer,
    .modal .full-color.danger .modal-content .modal-body,
    .modal .full-color.danger .modal-content .modal-footer,
    .modal.full-color.danger .md-content .modal-body,
    .modal.full-color.danger .md-content .modal-footer,
    .modal.full-color.danger .modal-content .modal-body,
    .modal.full-color.danger .modal-content .modal-footer {
        background-color: #ef6262
    }
    
    .md-modal .full-color.dark .md-content .modal-header,
    .md-modal .full-color.dark .modal-content .modal-header,
    .md-modal.full-color.dark .md-content .modal-header,
    .md-modal.full-color.dark .modal-content .modal-header,
    .modal .full-color.dark .md-content .modal-header,
    .modal .full-color.dark .modal-content .modal-header,
    .modal.full-color.dark .md-content .modal-header,
    .modal.full-color.dark .modal-content .modal-header {
        background-color: #383737
    }
    
    .md-modal .full-color.dark .md-content .modal-body,
    .md-modal .full-color.dark .md-content .modal-footer,
    .md-modal .full-color.dark .modal-content .modal-body,
    .md-modal .full-color.dark .modal-content .modal-footer,
    .md-modal.full-color.dark .md-content .modal-body,
    .md-modal.full-color.dark .md-content .modal-footer,
    .md-modal.full-color.dark .modal-content .modal-body,
    .md-modal.full-color.dark .modal-content .modal-footer,
    .modal .full-color.dark .md-content .modal-body,
    .modal .full-color.dark .md-content .modal-footer,
    .modal .full-color.dark .modal-content .modal-body,
    .modal .full-color.dark .modal-content .modal-footer,
    .modal.full-color.dark .md-content .modal-body,
    .modal.full-color.dark .md-content .modal-footer,
    .modal.full-color.dark .modal-content .modal-body,
    .modal.full-color.dark .modal-content .modal-footer {
        background-color: #3d3c3c
    }
    
    .md-modal .full-width,
    .md-modal.full-width,
    .modal .full-width,
    .modal.full-width {
        width: 90%;
        max-width: none
    }
    
    .md-modal.colored-header .md-content .modal-header,
    .md-modal.colored-header .modal-content .modal-header,
    .modal.colored-header .md-content .modal-header,
    .modal.colored-header .modal-content .modal-header {
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
        padding: 20px 30px;
        border-radius:10px;
    }
    
    .md-modal.colored-header .md-content .modal-header .close,
    .md-modal.colored-header .modal-content .modal-header .close,
    .modal.colored-header .md-content .modal-header .close,
    .modal.colored-header .modal-content .modal-header .close {
        color: var(--oqlis-text);
        margin-top: 2px
    }
    
    .md-modal.colored-header.success .md-content .modal-header,
    .md-modal.colored-header.success .modal-content .modal-header,
    .modal.colored-header.success .md-content .modal-header,
    .modal.colored-header.success .modal-content .modal-header {
        background-color: var(--main_color)
    }
    
    .md-modal.colored-header.info .md-content .modal-header,
    .md-modal.colored-header.info .modal-content .modal-header,
    .modal.colored-header.info .md-content .modal-header,
    .modal.colored-header.info .modal-content .modal-header {
        background-color: #8dcadf
    }
    
    .md-modal.colored-header.warning .md-content .modal-header,
    .md-modal.colored-header.warning .modal-content .modal-header,
    .modal.colored-header.warning .md-content .modal-header,
    .modal.colored-header.warning .modal-content .modal-header {
        background-color: #ffc870
    }
    
    .md-modal.colored-header.danger .md-content .modal-header,
    .md-modal.colored-header.danger .modal-content .modal-header,
    .modal.colored-header.danger .md-content .modal-header,
    .modal.colored-header.danger .modal-content .modal-header {
        background-color: #ef6262
    }
    
    .md-modal.colored-header.dark .md-content .modal-header,
    .md-modal.colored-header.dark .modal-content .modal-header,
    .modal.colored-header.dark .md-content .modal-header,
    .modal.colored-header.dark .modal-content .modal-header {
        background-color: #3d3c3c
    }
    
    .md-modal.md-dark .md-content,
    .md-modal.md-dark .modal-content,
    .modal.md-dark .md-content,
    .modal.md-dark .modal-content {
        color: var(--oqlis-surface)
    }
    
    .md-modal.md-dark .md-content .modal-header,
    .md-modal.md-dark .modal-content .modal-header,
    .modal.md-dark .md-content .modal-header,
    .modal.md-dark .modal-content .modal-header {
        background-color: var(--main_color);
        padding: 20px 15px
    }
    
    .md-modal.md-dark .md-content .modal-header .close,
    .md-modal.md-dark .modal-content .modal-header .close,
    .modal.md-dark .md-content .modal-header .close,
    .modal.md-dark .modal-content .modal-header .close {
        color: var(--oqlis-text);
        margin-top: 2px
    }
    
    .md-modal.md-dark .md-content .modal-body.form .form-control,
    .md-modal.md-dark .modal-content .modal-body.form .form-control,
    .modal.md-dark .md-content .modal-body.form .form-control,
    .modal.md-dark .modal-content .modal-body.form .form-control {
        background-color: #3d3c3c
    }
    
    .md-modal.md-dark .md-content .modal-body,
    .md-modal.md-dark .md-content .modal-footer,
    .md-modal.md-dark .modal-content .modal-body,
    .md-modal.md-dark .modal-content .modal-footer,
    .modal.md-dark .md-content .modal-body,
    .modal.md-dark .md-content .modal-footer,
    .modal.md-dark .modal-content .modal-body,
    .modal.md-dark .modal-content .modal-footer {
        background-color: #3d3c3c
    }
    
    .md-modal.md-dark .md-content .modal-footer,
    .md-modal.md-dark .modal-content .modal-footer,
    .modal.md-dark .md-content .modal-footer,
    .modal.md-dark .modal-content .modal-footer {
        border: 0
    }
    
    .md-modal.md-dark.success .md-content .modal-header,
    .md-modal.md-dark.success .modal-content .modal-header,
    .modal.md-dark.success .md-content .modal-header,
    .modal.md-dark.success .modal-content .modal-header {
        background-color: var(--main_color)
    }
    
    .md-modal.md-dark.info .md-content .modal-header,
    .md-modal.md-dark.info .modal-content .modal-header,
    .modal.md-dark.info .md-content .modal-header,
    .modal.md-dark.info .modal-content .modal-header {
        background-color: #8dcadf
    }
    
    .md-modal.md-dark.warning .md-content .modal-header,
    .md-modal.md-dark.warning .modal-content .modal-header,
    .modal.md-dark.warning .md-content .modal-header,
    .modal.md-dark.warning .modal-content .modal-header {
        background-color: #ffc870
    }
    
    .md-modal.md-dark.danger .md-content .modal-header,
    .md-modal.md-dark.danger .modal-content .modal-header,
    .modal.md-dark.danger .md-content .modal-header,
    .modal.md-dark.danger .modal-content .modal-header {
        background-color: #ef6262
    }
    
    .md-modal.md-dark.dark .md-content .modal-header,
    .md-modal.md-dark.dark .modal-content .modal-header,
    .modal.md-dark.dark .md-content .modal-header,
    .modal.md-dark.dark .modal-content .modal-header {
        background-color: #383737
    }
    
    @media (max-width:767px) {
        .md-modal {
            min-width: 100%;
            padding: 0 15px
        }
    }
    
    .md-overlay {
        z-index: 1050
    }
    
    .am-modal-open {
        overflow-x: visible
    }
    
    .alert {
        line-height: 25px
    }
    
    .alert .icon {
        font-size: 24px;
        color: var(--oqlis-text);
        vertical-align: middle;
        margin-right: 9px;
        line-height: 22px
    }
    
    .alert .close {
        font-size: 31px
    }
    
    .alert .message>p,
    .alert .message>ul {
        margin-bottom: 0
    }
    
    .alert .message>p+p {
        margin-top: 5px
    }
    
    .alert-dismissible .close {
        top: -4px;
        right: -30px
    }
    
    .alert-primary {
        background-color: var(--main_color);
        border-color: var(--main_color);
        color: var(--oqlis-surface)
    }
    
    .alert-primary hr {
        border-top-color: var(--main_color)
    }
    
    .alert-primary .alert-link {
        color: #e6e6e6
    }
    
    .alert-dismissible.alert-primary .close {
        color: #2b6a5c;
        text-shadow: 0 1px 0 #2b6a5c
    }
    
    .alert-dismissible.alert-success .close {
        color: #307d70;
        text-shadow: 0 1px 0 #307d70
    }
    
    .alert-dismissible.alert-info .close {
        color: #2e86a5;
        text-shadow: 0 1px 0 #2e86a5
    }
    
    .alert-dismissible.alert-warning .close {
        color: #d68400;
        text-shadow: 0 1px 0 #d68400
    }
    
    .alert-dismissible.alert-danger .close {
        color: #a71111;
        text-shadow: 0 1px 0 #a71111
    }
    
    .alert-icon {
        background-color: var(--oqlis-surface);
        border: 0;
        padding: 0;
        position: relative;
        width: 100%;
        display: table;
        table-layout: fixed
    }
    
    .alert-icon>.icon {
        display: table-cell;
        width: 55px;
        text-align: center;
        vertical-align: middle;
        cursor: default
    }
    
    .alert-icon>.icon:after {
        position: absolute;
        margin-left: 54px;
        top: 50%;
        margin-top: -11px;
        content: '';
        display: block;
        width: 0;
        height: 0;
        -moz-transform: scale(.9999);
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        border-left: 11px solid var(--oqlis-surface)
    }
    
    .alert-icon>.message {
        display: table-cell;
        padding: 18px;
        color: var(--oqlis-text);
        border: 1px solid #d4d4d4;
        border-left-width: 0
    }
    
    .alert-icon.alert-dismissible .close {
        position: absolute;
        right: 11px;
        top: 14px;
        color: var(--oqlis-text);
        text-shadow: 0 1px 0 var(--oqlis-text);
    }
    
    .alert-icon.alert-primary>.icon {
        background-color: var(--main_color)
    }
    
    .alert-icon.alert-primary>.icon:after {
        border-left-color: var(--main_color)
    }
    
    .alert-icon.alert-success>.icon {
        background-color: var(--main_color)
    }
    
    .alert-icon.alert-success>.icon:after {
        border-left-color: var(--main_color)
    }
    
    .alert-icon.alert-info>.icon {
        background-color: #8dcadf
    }
    
    .alert-icon.alert-info>.icon:after {
        border-left-color: #8dcadf
    }
    
    .alert-icon.alert-warning>.icon {
        background-color: #ffc870
    }
    
    .alert-icon.alert-warning>.icon:after {
        border-left-color: #ffc870
    }
    
    .alert-icon.alert-danger>.icon {
        background-color: #ef6262
    }
    
    .alert-icon.alert-danger>.icon:after {
        border-left-color: #ef6262
    }
    
    .alert-border-color.alert-primary .message {
        border-color: var(--main_color)
    }
    
    .alert-border-color.alert-success .message {
        border-color: var(--main_color)
    }
    
    .alert-border-color.alert-info .message {
        border-color: #8dcadf
    }
    
    .alert-border-color.alert-warning .message {
        border-color: #ffc870
    }
    
    .alert-border-color.alert-danger .message {
        border-color: #ef6262
    }
    
    .alert-icon-color {
        border: 1px solid #e6e6e6
    }
    
    .alert-icon-color>.icon {
        background-color: #f8f8f8!important;
        border-width: 0
    }
    
    .alert-icon-color>.icon:after {
        border-left-color: var(--oqlis-surface)!important;
        display: none
    }
    
    .alert-icon-color>.message {
        border-width: 0
    }
    
    .alert-icon-color.alert-primary>.icon {
        background-color: transparent;
        color: var(--main_color)
    }
    
    .alert-icon-color.alert-success>.icon {
        background-color: transparent;
        color: var(--main_color)
    }
    
    .alert-icon-color.alert-info>.icon {
        background-color: transparent;
        color: #8dcadf
    }
    
    .alert-icon-color.alert-warning>.icon {
        background-color: transparent;
        color: #ffc870
    }
    
    .alert-icon-color.alert-danger>.icon {
        background-color: transparent;
        color: #ef6262
    }
    
    .table>thead>tr>th {
        border-bottom-width: 1px;
        font-weight: 500;
        font-size: 12px
    }
    
    .table>thead.primary>tr>th {
        color: var(--main_color)
    }
    
    .table>thead.alt3>tr>th {
        color: #ff7fa0
    }
    
    .table>tbody>tr>td {
        font-weight: 300;
        vertical-align: middle
    }
    
    .table>tbody.no-border-x>tr>td {
        border-top-width: 0
    }
    
    .table-condensed>thead>tr>th {
        padding-top: 10px;
        padding-bottom: 8px
    }
    
    .table-responsive {
        border: 0
    }
    
    .table tbody tr td.user-avatar img {
        height: 30px;
        width: 30px;
        border-radius: 50%;
        margin-right: 10px
    }
    
    @media (max-width:767px) {
        .table tbody tr td.user-avatar img {
            display: none
        }
    }
    
    .table .number {
        text-align: right
    }
    
    .table-fw-widget tr td:first-child,
    .table-fw-widget tr th:first-child {
        padding-left: 15px
    }
    
    .table-fw-widget tr td:last-child,
    .table-fw-widget tr th:last-child {
        padding-right: 15px
    }
    
    .table-fw-widget thead tr th {
        padding-top: 15px;
        padding-bottom: 10px
    }
    
    .badge {
        font-size: 11px
    }
    
    .badge-primary {
        background-color: var(--main_color)
    }
    
    .badge-success {
        background-color: var(--main_color)
    }
    
    .badge-info {
        background-color: #8dcadf
    }
    
    .badge-warning {
        background-color: #ffc870
    }
    
    .badge-danger {
        background-color: #ef6262
    }
    
    .label {
        border-radius: 4px;
        padding: 4px 10px;
        margin-right: 2px;
    }
    
    .list-group-item {
        padding: 13px 15px
    }
    
    .text-success {
        color: var(--main_color)
    }
    
    a.text-success:focus,
    a.text-success:hover {
        color: var(--focus_color)
    }
    
    .text-info {
        color: #8dcadf
    }
    
    a.text-info:focus,
    a.text-info:hover {
        color: #65b7d4
    }
    
    .text-warning {
        color: #ffc870
    }
    
    a.text-warning:focus,
    a.text-warning:hover {
        color: #ffb43d
    }
    
    .text-danger {
        color: #ef6262
    }
    
    a.text-danger:focus,
    a.text-danger:hover {
        color: #ea3434
    }
    
    .text-alt1 {
        color: #ffe088
    }
    
    a.text-alt1:focus,
    a.text-alt1:hover {
        color: #ffd355
    }
    
    .text-alt2 {
        color: #bda5d7
    }
    
    a.text-alt2:focus,
    a.text-alt2:hover {
        color: #a382c7
    }
    
    .text-alt3 {
        color: #ff7fa0
    }
    
    a.text-alt3:focus,
    a.text-alt3:hover {
        color: #ff4c7a
    }
    
    .text-alt4 {
        color: #dfdfdf
    }
    
    a.text-alt4:focus,
    a.text-alt4:hover {
        color: #c6c6c6
    }
    
    .progress {
        height: 22px;
        box-shadow: none
    }
    
    .progress-bar {
        box-shadow: none;
        line-height: 22px
    }
    
    .form-control {
        border-width: 1px;
        box-shadow: none;
        padding: 10px 12px;
        font-size: 14px
    }
    
    .form-control:focus {
        box-shadow: none;
        border-color: #d1d1d1
    }
    
    .form-control[multiple] {
        padding: 0
    }
    
    .form-control[multiple] option {
        padding: 8px 12px
    }
    
    input.form-control,
    textarea.form-control {
        -webkit-appearance: none
    }
    
    label {
        font-weight: 400;
        font-size: 12px;
        margin-bottom: 8px
    }
    
    .am-checkbox,
    .am-radio {
        display: block;
        line-height: 22px;
        margin: 0;
        padding: 7px 0
    }
    
    .form-horizontal .am-checkbox,
    .form-horizontal .am-radio {
        padding: 7px 0;
        min-height: auto
    }
    
    .am-checkbox input[type=checkbox],
    .am-checkbox input[type=radio],
    .am-radio input[type=checkbox],
    .am-radio input[type=radio] {
        margin: 0;
        display: none;
        width: 22px
    }
    
    .am-checkbox label,
    .am-radio label {
        margin-bottom: 0
    }
    
    .am-checkbox input[type=checkbox]+label,
    .am-checkbox input[type=radio]+label,
    .am-radio input[type=checkbox]+label,
    .am-radio input[type=radio]+label {
        padding-left: 0
    }
    
    .am-checkbox input[type=checkbox]+label:before,
    .am-checkbox input[type=radio]+label:before,
    .am-radio input[type=checkbox]+label:before,
    .am-radio input[type=radio]+label:before {
        content: "";
        width: 22px;
        height: 22px;
        display: inline-block;
        border: 2px solid #d1d1d1;
        margin-right: 5px;
        font-size: 18px;
        font-family: 'Stroke 7';
        font-weight: 400;
        line-height: 19px;
        vertical-align: bottom;
        text-align: center;
        background-color: transparent;
        cursor: pointer
    }
    
    .am-checkbox input[type=checkbox]+label:hover:before,
    .am-checkbox input[type=radio]+label:hover:before,
    .am-radio input[type=checkbox]+label:hover:before,
    .am-radio input[type=radio]+label:hover:before {
        border-color: #d1d1d1
    }
    
    .am-checkbox input[type=checkbox]:hover+label:before,
    .am-checkbox input[type=radio]:hover+label:before,
    .am-radio input[type=checkbox]:hover+label:before,
    .am-radio input[type=radio]:hover+label:before {
        border-color: #d1d1d1
    }
    
    .am-checkbox input[type=checkbox]:checked+label:before,
    .am-checkbox input[type=radio]:checked+label:before,
    .am-radio input[type=checkbox]:checked+label:before,
    .am-radio input[type=radio]:checked+label:before {
        content: "\e6cd";
        color: var(--main_color);
        border-color: var(--main_color)
    }
    
    .am-checkbox input[type=checkbox]:disabled+label,
    .am-checkbox input[type=radio]:disabled+label,
    .am-radio input[type=checkbox]:disabled+label,
    .am-radio input[type=radio]:disabled+label {
        opacity: .5;
        pointer-events: none
    }
    
    .am-checkbox input[type=checkbox]:disabled+label:before,
    .am-checkbox input[type=radio]:disabled+label:before,
    .am-radio input[type=checkbox]:disabled+label:before,
    .am-radio input[type=radio]:disabled+label:before {
        pointer-events: none!important;
        background-color: var(--oqlis-surface)
    }
    
    .am-checkbox input[type=radio]+label:before,
    .am-radio input[type=radio]+label:before {
        border-radius: 50%;
        font-family: 'Stroke 7';
        line-height: 19px;
        font-size: 14px
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .am-checkbox input[type=radio]+label:before,
        .am-radio input[type=radio]+label:before {
            line-height: 18px
        }
    }
    
    .am-checkbox input[type=radio]:checked+label:before,
    .am-radio input[type=radio]:checked+label:before {
        content: "\e6ce"
    }
    
    .am-checkbox.inline,
    .am-radio.inline {
        display: inline-block
    }
    
    .am-checkbox.inline+.am-checkbox.inline,
    .am-checkbox.inline+.am-radio.inline,
    .am-radio.inline+.am-checkbox.inline,
    .am-radio.inline+.am-radio.inline {
        margin-left: 18px
    }
    
    .form-horizontal .form-group {
        margin-bottom: 0;
        padding: 12px 0
    }
    
    .input-group-addon {
        font-size: 15px
    }
    
    .input-group-addon .am-checkbox,
    .input-group-addon .am-radio {
        padding: 0;
        line-height: 21px
    }
    
    .input-group-addon .am-checkbox input+label,
    .input-group-addon .am-radio input+label {
        margin: 0
    }
    
    .input-group-addon .am-checkbox input+label:before,
    .input-group-addon .am-radio input+label:before {
        margin: 0;
        border-color: var(--oqlis-border)
    }
    
    .input-group-btn .btn {
        height: 44px
    }
    
    .nano>.nano-pane {
        width: 6px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, .1)
    }
    
    .nano>.nano-pane>.nano-slider {
        background-color: rgba(0, 0, 0, .25);
        width: 100%;
        border-radius: 3px;
        margin: 0
    }
    /* form.dropzone {
    border: 2px dashed #c5c5c5;
    padding: 70px 60px 80px;
    background: 0 0
}

form.dropzone .icon {
    background-color: #e6e6e6;
    border-radius: 50%;
    display: inline-block;
    height: 100px;
    width: 100px;
    margin-bottom: 15px;
    padding: 20px;
    text-align: center
}

form.dropzone .icon span {
    font-size: 60px;
    color: #646262
}

form.dropzone h2 {
    margin-bottom: 30px;
    font-size: 40px;
    font-weight: 600
}

form.dropzone .note {
    font-size: 16px
} */
    
    .fuelux .wizard {
        border: 1px solid #d4d4d4;
        border-radius: 4px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
        background-color: var(--oqlis-surface);
        position: relative;
        min-height: 48px;
        overflow: hidden
    }
    
    .fuelux .wizard:after,
    .fuelux .wizard:before {
        display: table;
        content: "";
        line-height: 0
    }
    
    .fuelux .wizard:after {
        clear: both
    }
    
    .fuelux .wizard>.steps {
        list-style: none outside none;
        padding: 0;
        margin: 0
    }
    
    .fuelux .wizard>.steps.previous-disabled li.complete {
        cursor: default
    }
    
    .fuelux .wizard>.steps.previous-disabled li.complete:hover {
        background: var(--oqlis-surface-muted);
        color: var(--oqlis-text);
        cursor: default
    }
    
    .fuelux .wizard>.steps.previous-disabled li.complete:hover .chevron:before {
        border-left-color: var(--oqlis-surface-muted)
    }
    
    .fuelux .wizard>.steps li {
        float: left;
        margin: 0;
        padding: 0 20px 0 30px;
        height: 46px;
        line-height: 46px;
        position: relative;
        background: var(--oqlis-surface);
        color: var(--oqlis-text-muted);
        font-size: 16px;
        cursor: not-allowed
    }
    
    .fuelux .wizard>.steps li .chevron {
        border: 24px solid transparent;
        border-left: 14px solid var(--oqlis-border);
        border-right: 0;
        display: block;
        position: absolute;
        right: -14px;
        top: 0;
        z-index: 1
    }
    
    .fuelux .wizard>.steps li .chevron:before {
        border: 24px solid transparent;
        border-left: 14px solid var(--oqlis-text);
        border-right: 0;
        content: "";
        display: block;
        position: absolute;
        right: 1px;
        top: -24px
    }
    
    .fuelux .wizard>.steps li.complete {
        background: var(--oqlis-surface-muted);
        color: var(--oqlis-text)
    }
    
    .fuelux .wizard>.steps li.complete:hover {
        background: var(--oqlis-surface-alt);
        cursor: pointer
    }
    
    .fuelux .wizard>.steps li.complete:hover .chevron:before {
        border-left: 14px solid var(--oqlis-surface-alt)
    }
    
    .fuelux .wizard>.steps li.complete .chevron:before {
        border-left: 14px solid var(--oqlis-surface-muted)
    }
    
    .fuelux .wizard>.steps li.active {
        background: var(--oqlis-surface-alt);
        color: var(--oqlis-link);
        cursor: default
    }
    
    .fuelux .wizard>.steps li.active .chevron:before {
        border-left: 14px solid var(--oqlis-surface-alt)
    }
    
    .fuelux .wizard>.steps li.active .badge {
        background-color: var(--oqlis-link)
    }
    
    .fuelux .wizard>.steps li .badge {
        margin-right: 8px
    }
    
    .fuelux .wizard>.steps li .badge-success {
        background-color: var(--oqlis-btn-success-border)
    }
    
    .fuelux .wizard>.steps li:first-child {
        border-radius: 4px 0 0 4px;
        padding-left: 20px
    }
    
    .fuelux .wizard>.actions {
        z-index: 1000;
        position: absolute;
        right: 0;
        line-height: 46px;
        float: right;
        padding-left: 15px;
        padding-right: 15px;
        vertical-align: middle;
        background-color: var(--oqlis-surface-muted);
        border-left: 1px solid var(--oqlis-border)
    }
    
    .fuelux .wizard>.actions a {
        line-height: 45px;
        font-size: 11px;
        margin-right: 8px
    }
    
    .fuelux .wizard>.actions .btn-prev[disabled] {
        cursor: not-allowed
    }
    
    .fuelux .wizard>.actions .btn-prev span {
        margin-right: 5px
    }
    
    .fuelux .wizard>.actions .btn-next[disabled] {
        cursor: not-allowed
    }
    
    .fuelux .wizard>.actions .btn-next span {
        margin-left: 5px
    }
    
    .fuelux .wizard .step-content {
        border-top: 1px solid #d4d4d4;
        padding: 10px;
        float: left;
        width: 100%
    }
    
    .fuelux .wizard .step-content .step-pane {
        display: none
    }
    
    .fuelux .wizard .step-content>.active {
        display: block
    }
    
    .fuelux .wizard .step-content>.active .btn-group .active {
        display: inline-block
    }
    
    .fuelux .wizard.complete>.actions .glyphicon-arrow-right:before {
        display: none
    }
    
    .fuelux .wizard.complete>.actions .glyphicon-arrow-right {
        margin-left: 0
    }
    
    .block-wizard {
        padding: 0
    }
    
    .fuelux .wizard {
        box-shadow: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        border: 0;
        background: var(--oqlis-surface)
    }
    
    .fuelux .wizard label.control-label {
        font-weight: 600
    }
    
    .fuelux .wizard .wizard-title {
        margin: 10px 0 0
    }
    
    .fuelux .wizard>.actions {
        line-height: 48px;
        background: var(--oqlis-surface)
    }
    
    .fuelux .wizard>.actions .btn .icon {
        font-size: 22px
    }
    
    .fuelux .wizard>.steps>li {
        height: 48px;
        background-color: var(--oqlis-surface)
    }
    
    .fuelux .wizard>.steps>li .chevron {
        border-left-color: #e0e0e0
    }
    
    .fuelux .wizard>.steps>li .chevron:before {
        border-left: 14px solid var(--oqlis-surface)
    }
    
    .fuelux .wizard>.steps li {
        font-size: 15px
    }
    
    .fuelux .wizard>.steps li:first-child {
        border-radius: 0
    }
    
    .fuelux .wizard>.steps li.active {
        background: var(--oqlis-surface);
        color: var(--main_color)
    }
    
    .fuelux .wizard>.steps li.active .chevron:before {
        -moz-transform: scale(.9999);
        border-left: 14px solid var(--oqlis-surface)
    }
    
    .fuelux .wizard>.steps li.complete {
        color: var(--oqlis-text);
        background: var(--main_color)
    }
    
    .fuelux .wizard>.steps li.complete .chevron {
        border-left-color: #4eb7a1
    }
    
    .fuelux .wizard>.steps li.complete .chevron:before {
        border-left: 14px solid var(--main_color)
    }
    
    .fuelux .wizard>.steps li.complete:hover {
        background: #5c9aff
    }
    
    .fuelux .wizard>.steps li.complete:hover .chevron:before {
        border-left-color: #5c9aff
    }
    
    .fuelux .wizard>.steps li .chevron {
        -moz-transform: scale(.9999)
    }
    
    .fuelux .wizard>.actions button {
        font-size: 11px
    }
    
    .fuelux .wizard>.actions button i {
        font-size: 11px;
        line-height: 18px
    }
    
    .fuelux .wizard>.actions button.btn-prev i {
        margin-right: 3px
    }
    
    .fuelux .wizard>.actions button.btn-next i {
        margin-left: 3px
    }
    
    .fuelux .wizard .step-content {
        padding: 20px 30px;
        clear: both;
        border-top: 1px solid #e2e2e2
    }
    
    @media (max-width:767px) {
        .wizard-row .fuelux {
            position: static
        }
    }
    
    .dd {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        max-width: 600px;
        list-style: none;
        font-size: 13px;
        line-height: 20px
    }
    
    .dd-list {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none
    }
    
    .dd-list .dd-item .dd-handle,
    .dd-list .dd3-item .dd-handle {
        cursor: default;
        display: block;
        margin: 5px 0;
        padding: 7px 10px;
        text-decoration: none;
        border: 1px solid #dedede;
        background: var(--oqlis-surface)
    }
    
    .dd-list .dd-item .dd-handle:hover,
    .dd-list .dd3-item .dd-handle:hover {
        color: var(--oqlis-text);
        background: var(--main_color);
        border-color: var(--main_color)
    }
    
    .dd-list .dd-item>button,
    .dd-list .dd3-item>button {
        font-family: FontAwesome;
        display: block;
        position: relative;
        cursor: pointer;
        float: left;
        width: 25px;
        height: 20px;
        margin: 8px 2px;
        padding: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border: 0;
        background: 0 0;
        font-size: 10px;
        line-height: 1;
        text-align: center
    }
    
    .dd-list .dd-item>button:before,
    .dd-list .dd3-item>button:before {
        content: '\f067';
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0
    }
    
    .dd-list .dd-item>button[data-action=collapse]:before,
    .dd-list .dd3-item>button[data-action=collapse]:before {
        content: '\f068'
    }
    
    .dd-list .dd-item .dd3-content,
    .dd-list .dd3-item .dd3-content {
        display: block;
        margin: 5px 0;
        padding: 7px 10px 7px 40px;
        text-decoration: none;
        background: none repeat scroll 0 0 var(--oqlis-surface);
        border: 1px solid #dedede
    }
    
    .dd-list .dd-item .dd3-content:hover,
    .dd-list .dd3-item .dd3-content:hover {
        background: var(--oqlis-surface)
    }
    
    .dd-list .dd-item .dd3-handle,
    .dd-list .dd3-item .dd3-handle {
        position: absolute;
        margin: 0;
        left: 0;
        top: 0;
        cursor: all-scroll;
        width: 34px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border: 1px solid var(--main_color);
        background: var(--main_color);
        height: 36px
    }
    
    .dd-list .dd-item .dd3-handle:before,
    .dd-list .dd3-item .dd3-handle:before {
        content: '=';
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
        width: 100%;
        text-align: center;
        text-indent: 0;
        color: var(--oqlis-text);
        font-size: 20px;
        font-weight: 400
    }
    
    .dd-list .dd-item .dd3-handle:hover,
    .dd-list .dd3-item .dd3-handle:hover {
        background: var(--focus_color);
        border-color: var(--focus_color)
    }
    
    .dd-list .dd3-item>button {
        margin-left: 35px
    }
    
    .dd-list .dd-empty,
    .dd-list .dd-item,
    .dd-list .dd-placeholder {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        min-height: 20px;
        font-size: 13px;
        line-height: 20px
    }
    
    .dd-list .dd-empty,
    .dd-list .dd-placeholder {
        margin: 5px 0;
        padding: 0;
        min-height: 30px;
        background: var(--oqlis-surface);
        border: 1px dashed #b3b3b3;
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }
    
    .dd-list .dd-empty {
        border: 1px dashed #bbb;
        min-height: 100px;
        background-color: var(--oqlis-border);
        background-image: -webkit-linear-gradient(45deg, var(--oqlis-surface) 25%, transparent 25%, transparent 75%, var(--oqlis-surface) 75%, var(--oqlis-surface)), -webkit-linear-gradient(45deg, var(--oqlis-surface) 25%, transparent 25%, transparent 75%, var(--oqlis-surface) 75%, var(--oqlis-surface));
        background-image: -o-linear-gradient(45deg, var(--oqlis-surface) 25%, transparent 25%, transparent 75%, var(--oqlis-surface) 75%, var(--oqlis-surface)), -o-linear-gradient(45deg, var(--oqlis-surface) 25%, transparent 25%, transparent 75%, var(--oqlis-surface) 75%, var(--oqlis-surface));
        background-image: linear-gradient(45deg, var(--oqlis-surface) 25%, transparent 25%, transparent 75%, var(--oqlis-surface) 75%, var(--oqlis-surface)), linear-gradient(45deg, var(--oqlis-surface) 25%, transparent 25%, transparent 75%, var(--oqlis-surface) 75%, var(--oqlis-surface));
        background-size: 60px 60px;
        background-position: 0 0, 30px 30px
    }
    
    .dd-list .dd-collapsed .dd-list {
        display: none
    }
    
    .dd-list.dd-dragel {
        position: absolute;
        pointer-events: none;
        z-index: 9999
    }
    
    .dd-list.dd-dragel>.dd-item .dd-handle {
        margin-top: 0
    }
    
    .dd-list.dd-dragel .dd-handle,
    .dd-list.dd-dragel .dd3-handle {
        box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
    }
    
    .dd-list .dd-list {
        padding-left: 30px
    }
    
    .datetimepicker .input-group-addon {
        padding: 0 9px;
        font-size: 24px
    }
    
    .datetimepicker.dropdown-menu {
        box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
        border-color: rgba(0, 0, 0, .1);
        padding: 10px
    }
    
    .datetimepicker.dropdown-menu:before {
        border-bottom-color: rgba(0, 0, 0, .08)
    }
    
    .datetimepicker.dropdown-menu table {
        border-collapse: separate;
        border-spacing: 7px 2px
    }
    
    .datetimepicker.dropdown-menu table thead tr th.next,
    .datetimepicker.dropdown-menu table thead tr th.prev {
        padding: 0
    }
    
    .datetimepicker.dropdown-menu table thead tr th.next .s7-angle-left,
    .datetimepicker.dropdown-menu table thead tr th.next .s7-angle-right,
    .datetimepicker.dropdown-menu table thead tr th.prev .s7-angle-left,
    .datetimepicker.dropdown-menu table thead tr th.prev .s7-angle-right {
        font-size: 28px
    }
    
    .datetimepicker.dropdown-menu table thead tr th.next:hover,
    .datetimepicker.dropdown-menu table thead tr th.prev:hover {
        background-color: transparent;
        color: var(--main_color)
    }
    
    .datetimepicker.dropdown-menu table thead tr th.switch {
        font-weight: 600;
        font-size: 14px
    }
    
    .datetimepicker.dropdown-menu table thead tr th.switch:hover {
        background-color: transparent;
        color: var(--oqlis-text)
    }
    
    .datetimepicker.dropdown-menu table thead tr th.dow {
        font-weight: 400;
        font-size: 14px;
        padding-top: 10px
    }
    
    .datetimepicker.dropdown-menu table tbody tr td {
        line-height: 30px;
        padding: 0 8px
    }
    
    .datetimepicker.dropdown-menu table tbody tr td.day {
        border-radius: 50%;
        color: #888
    }
    
    .datetimepicker.dropdown-menu table tbody tr td.day.new,
    .datetimepicker.dropdown-menu table tbody tr td.day.old {
        color: #c8c8c8
    }
    
    .datetimepicker.dropdown-menu table tbody tr td.day.active {
        background: var(--main_color);
        color: var(--oqlis-text);
        text-shadow: none
    }
    
    .datetimepicker.dropdown-menu table tbody tr td .hour,
    .datetimepicker.dropdown-menu table tbody tr td .minute,
    .datetimepicker.dropdown-menu table tbody tr td .month,
    .datetimepicker.dropdown-menu table tbody tr td .year {
        color: #888
    }
    
    .datetimepicker.dropdown-menu table tbody tr td .hour.new,
    .datetimepicker.dropdown-menu table tbody tr td .hour.old,
    .datetimepicker.dropdown-menu table tbody tr td .minute.new,
    .datetimepicker.dropdown-menu table tbody tr td .minute.old,
    .datetimepicker.dropdown-menu table tbody tr td .month.new,
    .datetimepicker.dropdown-menu table tbody tr td .month.old,
    .datetimepicker.dropdown-menu table tbody tr td .year.new,
    .datetimepicker.dropdown-menu table tbody tr td .year.old {
        color: #c8c8c8
    }
    
    .datetimepicker.dropdown-menu table tbody tr td .hour.active,
    .datetimepicker.dropdown-menu table tbody tr td .minute.active,
    .datetimepicker.dropdown-menu table tbody tr td .month.active,
    .datetimepicker.dropdown-menu table tbody tr td .year.active {
        background: var(--main_color);
        color: var(--oqlis-text);
        text-shadow: none
    }
    
    .datetimepicker.dropdown-menu table tbody tr td fieldset legend {
        font-size: 17px;
        font-weight: 400;
        color: var(--oqlis-text);
        margin-bottom: 5px
    }
    
    .select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    border: 1px solid #9f9f9f;
    border-radius: 0;
    border-radius: 4px;
}
.select2-container--default .select2-selection--single {
    height: 44px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 10px 12px;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    color: var(--oqlis-text)fff
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    width: 30px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    content: "\e688";
    font-family: 'Stroke 7';
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
    color: #777
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0;
    background-color: var(--oqlis-surface-muted);
    color: var(--oqlis-text);
    border-width: 0;
    padding: 4px 6px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--oqlis-text);
    margin-right: 3px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 2px 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--oqlis-text-muted)
}
.select2-container--default.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px solid #9f9f9f
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
    content: "\e682"
}
.select2-container--default.select2-container--open .select2-dropdown--below {
    top: -1px
}
.select2-container--default .select2-results__group {
    font-size: 11px;
    color: #6f6f6f
}
.select2-container--default .select2-results__option {
    padding: 10px 6px
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--oqlis-surface)
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--main_color)
}
.select2-container--default .select2-dropdown {
    border-radius: 0;
    border-width: 2px;
    border-color: var(--oqlis-border);
}
.select2-container--default .select2-search--dropdown {
    background-color: var(--oqlis-surface);
    border-bottom: 2px solid var(--oqlis-border);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: transparent;
    border-width: 0;
    outline: 0
}
    
    .slider.slider-vertical {
        margin-right: 13px
    }
    
    .slider-selection {
        background: var(--main_color);
        border: 1px solid var(--main_color);
        box-shadow: none
    }
    
    .slider-track {
        background: var(--oqlis-surface);
        box-shadow: none
    }
    
    .slider-handle {
        opacity: 1;
        background: var(--oqlis-surface);
        border: 3px solid var(--main_color);
        background-clip: padding-box;
        box-shadow: none;
        height: 23px;
        width: 23px;
        -webkit-transition: box-shadow .2s ease-in-out;
        -o-transition: box-shadow .2s ease-in-out;
        transition: box-shadow .2s ease-in-out
    }
    
    .slider.slider-horizontal .slider-handle {
        margin-top: -7px
    }
    
    .slider.slider-vertical .slider-handle {
        margin-left: -6px
    }
    
    .note-editor {
        margin-bottom: 0
    }
    
    .note-editor .note-toolbar {
        margin: 0;
        padding-bottom: 5px
    }
    
    .note-editor .note-toolbar .btn .fa {
        font-size: 14px
    }
    
    .note-editor .note-toolbar>.btn-group {
        margin-left: 0;
        margin-right: 5px;
        margin-top: 5px
    }
    
    .note-editor .note-toolbar .note-color .dropdown-toggle {
        padding-left: 5px;
        width: 20px
    }
    
    .note-editor .note-statusbar {
        background-color: #f6f6f6
    }
    
    .note-editor .note-statusbar .note-resizebar {
        height: auto;
        padding-top: 3px;
        padding-bottom: 4px
    }
    
    .note-editor .note-editable {
        border: 2px solid var(--oqlis-surface);
        padding: 10px 12px;
        margin-top: 6px
    }
    
    .note-editor .note-editing-area .note-editable {
        color: var(--oqlis-text);
    }
    
    .md-editor {
        display: block;
        border: 2px solid var(--oqlis-surface)
    }
    
    .md-editor .md-footer,
    .md-editor>.md-header {
        display: block;
        padding: 6px 4px;
        background: 0 0
    }
    
    .md-editor>.md-header {
        margin: 0
    }
    
    .md-editor>.md-preview {
        background: var(--oqlis-surface);
        border-top: 2px solid var(--oqlis-surface);
        padding: 10px 12px;
        min-height: 10px;
        overflow: auto
    }
    
    .md-editor>textarea {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
        font-size: 13px;
        outline: 0;
        margin: 0;
        display: block;
        padding: 10px 12px;
        width: 100%;
        border: 0;
        border-top: 2px solid var(--oqlis-surface);
        border-radius: 0;
        box-shadow: none;
        background: #fafafa
    }
    
    .md-editor>textarea:focus {
        box-shadow: none;
        background: var(--oqlis-surface)
    }
    
    .md-editor.active {
        border-color: #d1d1d1;
        outline: 0
    }
    
    .md-editor .md-controls {
        float: right;
        padding: 3px
    }
    
    .md-editor .md-controls .md-control {
        right: 5px;
        color: #bebebe;
        padding: 3px 3px 3px 10px
    }
    
    .md-editor .md-controls .md-control:hover {
        color: #333
    }
    
    .md-editor.md-fullscreen-mode {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        padding: 60px 30px 15px;
        background: var(--oqlis-surface)!important;
        border: 0!important
    }
    
    .md-editor.md-fullscreen-mode .md-footer {
        display: none
    }
    
    .md-editor.md-fullscreen-mode .md-input,
    .md-editor.md-fullscreen-mode .md-preview {
        margin: 0 auto!important;
        height: 100%!important;
        font-size: 20px!important;
        padding: 20px!important;
        color: #999;
        line-height: 1.6em!important;
        resize: none!important;
        box-shadow: none!important;
        background: var(--oqlis-surface)!important;
        border: 0!important
    }
    
    .md-editor.md-fullscreen-mode .md-preview {
        color: var(--oqlis-text)000;
        overflow: auto
    }
    
    .md-editor.md-fullscreen-mode .md-input:focus,
    .md-editor.md-fullscreen-mode .md-input:hover {
        color: var(--oqlis-text)000;
        background: var(--oqlis-surface)!important
    }
    
    .md-editor.md-fullscreen-mode .md-header {
        background: 0 0;
        text-align: center;
        position: fixed;
        width: 100%;
        top: 20px
    }
    
    .md-editor.md-fullscreen-mode .btn-group {
        float: none
    }
    
    .md-editor.md-fullscreen-mode .btn {
        border: 0;
        background: 0 0;
        color: #b3b3b3
    }
    
    .md-editor.md-fullscreen-mode .btn.active,
    .md-editor.md-fullscreen-mode .btn:active,
    .md-editor.md-fullscreen-mode .btn:focus,
    .md-editor.md-fullscreen-mode .btn:hover {
        box-shadow: none;
        color: #333
    }
    
    .md-editor.md-fullscreen-mode .md-fullscreen-controls {
        position: absolute;
        top: 20px;
        right: 20px;
        text-align: right;
        z-index: 1002;
        display: block
    }
    
    .md-editor.md-fullscreen-mode .md-fullscreen-controls a {
        color: #b3b3b3;
        clear: right;
        margin: 10px;
        width: 30px;
        height: 30px;
        text-align: center
    }
    
    .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
        color: var(--oqlis-text)000;
        text-decoration: none
    }
    
    .md-editor.md-fullscreen-mode .md-editor {
        height: 100%!important;
        position: relative
    }
    
    .md-editor .md-fullscreen-controls {
        display: none
    }
    
    .md-nooverflow {
        overflow: hidden;
        position: fixed;
        width: 100%
    }
    
    .parsley-errors-list.filled {
        margin-top: 10px;
        margin-bottom: 0;
        padding: 15px 20px;
        position: relative;
        background-color: #ef6262;
        color: var(--oqlis-surface)
    }
    
    .parsley-errors-list.filled:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: -6px;
        left: 20px;
        content: '';
        display: block;
        width: 0;
        height: 0;
        -moz-transform: scale(.9999);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ef6262
    }
    
    .parsley-errors-list.filled>li {
        list-style: none
    }
    
    table.dataTable {
        margin: 0!important
    }
    
    div.dataTables_wrapper div.dataTables_info {
        color: #f5f5f5;
        padding-top: 9px
    }
    
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 0
    }
    
    div.dataTables_wrapper div.dataTables_filter input {
        padding-top: 6px;
        padding-bottom: 6px
    }
    
    div.dataTables_wrapper div.dataTables_filter label,
    div.dataTables_wrapper div.dataTables_length label {
        margin-bottom: 0;
        font-size: 13px;
        color: #f5f5f5
    }
    
    div.dataTables_wrapper div.dataTables_length label select {
        padding: 2px
    }
    
    .am-datatable-header {
        border-bottom: 1px solid var(--oqlis-surface);
        margin: 2px 0 0;
        padding: 5px 10px 5px
    }
    
    .am-datatable-header .dt-buttons .btn embed {
        outline: 0
    }
    
    .am-datatable-footer {
        margin: 0;
        padding: 15px 3px 13px;
        background-color: var(--oqlis-surface);
        border-top: 1px solid var(--oqlis-surface)
    }
    
    .xs-p-50 {
        padding: 50px
    }
    
    .xs-pt-50 {
        padding-top: 50px
    }
    
    .xs-pl-50 {
        padding-left: 50px
    }
    
    .xs-pr-50 {
        padding-right: 50px
    }
    
    .xs-pb-50 {
        padding-bottom: 50px
    }
    
    .xs-m-50 {
        margin: 50px
    }
    
    .xs-mt-50 {
        margin-top: 50px
    }
    
    .xs-ml-50 {
        margin-left: 50px
    }
    
    .xs-mr-50 {
        margin-right: 50px
    }
    
    .xs-mb-50 {
        margin-bottom: 50px
    }
    
    .xs-p-40 {
        padding: 40px
    }
    
    .xs-pt-40 {
        padding-top: 40px
    }
    
    .xs-pl-40 {
        padding-left: 40px
    }
    
    .xs-pr-40 {
        padding-right: 40px
    }
    
    .xs-pb-40 {
        padding-bottom: 40px
    }
    
    .xs-m-40 {
        margin: 40px
    }
    
    .xs-mt-40 {
        margin-top: 40px
    }
    
    .xs-ml-40 {
        margin-left: 40px
    }
    
    .xs-mr-40 {
        margin-right: 40px
    }
    
    .xs-mb-40 {
        margin-bottom: 40px
    }
    
    .xs-p-30 {
        padding: 30px
    }
    
    .xs-pt-30 {
        padding-top: 30px
    }
    
    .xs-pl-30 {
        padding-left: 30px
    }
    
    .xs-pr-30 {
        padding-right: 30px
    }
    
    .xs-pb-30 {
        padding-bottom: 30px
    }
    
    .xs-m-30 {
        margin: 30px
    }
    
    .xs-mt-30 {
        margin-top: 30px
    }
    
    .xs-ml-30 {
        margin-left: 30px
    }
    
    .xs-mr-30 {
        margin-right: 30px
    }
    
    .xs-mb-30 {
        margin-bottom: 30px
    }
    
    .xs-p-20 {
        padding: 20px
    }
    
    .xs-pt-20 {
        padding-top: 20px
    }
    
    .xs-pl-20 {
        padding-left: 20px
    }
    
    .xs-pr-20 {
        padding-right: 20px
    }
    
    .xs-pb-20 {
        padding-bottom: 20px
    }
    
    .xs-m-20 {
        margin: 20px
    }
    
    .xs-mt-20 {
        margin-top: 20px
    }
    
    .xs-ml-20 {
        margin-left: 20px
    }
    
    .xs-mr-20 {
        margin-right: 20px
    }
    
    .xs-mb-20 {
        margin-bottom: 20px
    }
    
    .xs-p-15 {
        padding: 15px
    }
    
    .xs-pt-15 {
        padding-top: 15px
    }
    
    .xs-pl-15 {
        padding-left: 15px
    }
    
    .xs-pr-15 {
        padding-right: 15px
    }
    
    .xs-pb-15 {
        padding-bottom: 15px
    }
    
    .xs-m-15 {
        margin: 15px
    }
    
    .xs-mt-15 {
        margin-top: 15px
    }
    
    .xs-ml-15 {
        margin-left: 15px
    }
    
    .xs-mr-15 {
        margin-right: 15px
    }
    
    .xs-mb-15 {
        margin-bottom: 15px
    }
    
    .xs-p-10 {
        padding: 10px
    }
    
    .xs-pt-10 {
        padding-top: 10px
    }
    
    .xs-pl-10 {
        padding-left: 10px
    }
    
    .xs-pr-10 {
        padding-right: 10px
    }
    
    .xs-pb-10 {
        padding-bottom: 10px
    }
    
    .xs-m-10 {
        margin: 10px
    }
    
    .xs-mt-10 {
        margin-top: 10px
    }
    
    .xs-ml-10 {
        margin-left: 10px
    }
    
    .xs-mr-10 {
        margin-right: 10px
    }
    
    .xs-mb-10 {
        margin-bottom: 10px
    }
    
    .xs-p-5 {
        padding: 5px
    }
    
    .xs-pt-5 {
        padding-top: 5px
    }
    
    .xs-pl-5 {
        padding-left: 5px
    }
    
    .xs-pr-5 {
        padding-right: 5px
    }
    
    .xs-pb-5 {
        padding-bottom: 5px
    }
    
    .xs-m-5 {
        margin: 5px
    }
    
    .xs-mt-5 {
        margin-top: 5px
    }
    
    .xs-ml-5 {
        margin-left: 5px
    }
    
    .xs-mr-5 {
        margin-right: 5px
    }
    
    .xs-mb-5 {
        margin-bottom: 5px
    }
    
    .xs-p-0 {
        padding: 0
    }
    
    .xs-pt-0 {
        padding-top: 0
    }
    
    .xs-pl-0 {
        padding-left: 0
    }
    
    .xs-pr-0 {
        padding-right: 0
    }
    
    .xs-pb-0 {
        padding-bottom: 0
    }
    
    .xs-m-0 {
        margin: 0
    }
    
    .xs-mt-0 {
        margin-top: 0
    }
    
    .xs-ml-0 {
        margin-left: 0
    }
    
    .xs-mr-0 {
        margin-right: 0
    }
    
    .xs-mb-0 {
        margin-bottom: 0
    }
    
    @media (min-width:768px) {
        .sm-p-50 {
            padding: 50px
        }
        .sm-pt-50 {
            padding-top: 50px
        }
        .sm-pl-50 {
            padding-left: 50px
        }
        .sm-pr-50 {
            padding-right: 50px
        }
        .sm-pb-50 {
            padding-bottom: 50px
        }
        .sm-m-50 {
            margin: 50px
        }
        .sm-mt-50 {
            margin-top: 50px
        }
        .sm-ml-50 {
            margin-left: 50px
        }
        .sm-mr-50 {
            margin-right: 50px
        }
        .sm-mb-50 {
            margin-bottom: 50px
        }
        .sm-p-40 {
            padding: 40px
        }
        .sm-pt-40 {
            padding-top: 40px
        }
        .sm-pl-40 {
            padding-left: 40px
        }
        .sm-pr-40 {
            padding-right: 40px
        }
        .sm-pb-40 {
            padding-bottom: 40px
        }
        .sm-m-40 {
            margin: 40px
        }
        .sm-mt-40 {
            margin-top: 40px
        }
        .sm-ml-40 {
            margin-left: 40px
        }
        .sm-mr-40 {
            margin-right: 40px
        }
        .sm-mb-40 {
            margin-bottom: 40px
        }
        .sm-p-30 {
            padding: 30px
        }
        .sm-pt-30 {
            padding-top: 30px
        }
        .sm-pl-30 {
            padding-left: 30px
        }
        .sm-pr-30 {
            padding-right: 30px
        }
        .sm-pb-30 {
            padding-bottom: 30px
        }
        .sm-m-30 {
            margin: 30px
        }
        .sm-mt-30 {
            margin-top: 30px
        }
        .sm-ml-30 {
            margin-left: 30px
        }
        .sm-mr-30 {
            margin-right: 30px
        }
        .sm-mb-30 {
            margin-bottom: 30px
        }
        .sm-p-20 {
            padding: 20px
        }
        .sm-pt-20 {
            padding-top: 20px
        }
        .sm-pl-20 {
            padding-left: 20px
        }
        .sm-pr-20 {
            padding-right: 20px
        }
        .sm-pb-20 {
            padding-bottom: 20px
        }
        .sm-m-20 {
            margin: 20px
        }
        .sm-mt-20 {
            margin-top: 20px
        }
        .sm-ml-20 {
            margin-left: 20px
        }
        .sm-mr-20 {
            margin-right: 20px
        }
        .sm-mb-20 {
            margin-bottom: 20px
        }
        .sm-p-15 {
            padding: 15px
        }
        .sm-pt-15 {
            padding-top: 15px
        }
        .sm-pl-15 {
            padding-left: 15px
        }
        .sm-pr-15 {
            padding-right: 15px
        }
        .sm-pb-15 {
            padding-bottom: 15px
        }
        .sm-m-15 {
            margin: 15px
        }
        .sm-mt-15 {
            margin-top: 15px
        }
        .sm-ml-15 {
            margin-left: 15px
        }
        .sm-mr-15 {
            margin-right: 15px
        }
        .sm-mb-15 {
            margin-bottom: 15px
        }
        .sm-p-10 {
            padding: 10px
        }
        .sm-pt-10 {
            padding-top: 10px
        }
        .sm-pl-10 {
            padding-left: 10px
        }
        .sm-pr-10 {
            padding-right: 10px
        }
        .sm-pb-10 {
            padding-bottom: 10px
        }
        .sm-m-10 {
            margin: 10px
        }
        .sm-mt-10 {
            margin-top: 10px
        }
        .sm-ml-10 {
            margin-left: 10px
        }
        .sm-mr-10 {
            margin-right: 10px
        }
        .sm-mb-10 {
            margin-bottom: 10px
        }
        .sm-p-5 {
            padding: 5px
        }
        .sm-pt-5 {
            padding-top: 5px
        }
        .sm-pl-5 {
            padding-left: 5px
        }
        .sm-pr-5 {
            padding-right: 5px
        }
        .sm-pb-5 {
            padding-bottom: 5px
        }
        .sm-m-5 {
            margin: 5px
        }
        .sm-mt-5 {
            margin-top: 5px
        }
        .sm-ml-5 {
            margin-left: 5px
        }
        .sm-mr-5 {
            margin-right: 5px
        }
        .sm-mb-5 {
            margin-bottom: 5px
        }
        .sm-p-0 {
            padding: 0
        }
        .sm-pt-0 {
            padding-top: 0
        }
        .sm-pl-0 {
            padding-left: 0
        }
        .sm-pr-0 {
            padding-right: 0
        }
        .sm-pb-0 {
            padding-bottom: 0
        }
        .sm-m-0 {
            margin: 0
        }
        .sm-mt-0 {
            margin-top: 0
        }
        .sm-ml-0 {
            margin-left: 0
        }
        .sm-mr-0 {
            margin-right: 0
        }
        .sm-mb-0 {
            margin-bottom: 0
        }
    }
    
    @media (min-width:992px) {
        .md-p-50 {
            padding: 50px
        }
        .md-pt-50 {
            padding-top: 50px
        }
        .md-pl-50 {
            padding-left: 50px
        }
        .md-pr-50 {
            padding-right: 50px
        }
        .md-pb-50 {
            padding-bottom: 50px
        }
        .md-m-50 {
            margin: 50px
        }
        .md-mt-50 {
            margin-top: 50px
        }
        .md-ml-50 {
            margin-left: 50px
        }
        .md-mr-50 {
            margin-right: 50px
        }
        .md-mb-50 {
            margin-bottom: 50px
        }
        .md-p-40 {
            padding: 40px
        }
        .md-pt-40 {
            padding-top: 40px
        }
        .md-pl-40 {
            padding-left: 40px
        }
        .md-pr-40 {
            padding-right: 40px
        }
        .md-pb-40 {
            padding-bottom: 40px
        }
        .md-m-40 {
            margin: 40px
        }
        .md-mt-40 {
            margin-top: 40px
        }
        .md-ml-40 {
            margin-left: 40px
        }
        .md-mr-40 {
            margin-right: 40px
        }
        .md-mb-40 {
            margin-bottom: 40px
        }
        .md-p-30 {
            padding: 30px
        }
        .md-pt-30 {
            padding-top: 30px
        }
        .md-pl-30 {
            padding-left: 30px
        }
        .md-pr-30 {
            padding-right: 30px
        }
        .md-pb-30 {
            padding-bottom: 30px
        }
        .md-m-30 {
            margin: 30px
        }
        .md-mt-30 {
            margin-top: 30px
        }
        .md-ml-30 {
            margin-left: 30px
        }
        .md-mr-30 {
            margin-right: 30px
        }
        .md-mb-30 {
            margin-bottom: 30px
        }
        .md-p-20 {
            padding: 20px
        }
        .md-pt-20 {
            padding-top: 20px
        }
        .md-pl-20 {
            padding-left: 20px
        }
        .md-pr-20 {
            padding-right: 20px
        }
        .md-pb-20 {
            padding-bottom: 20px
        }
        .md-m-20 {
            margin: 20px
        }
        .md-mt-20 {
            margin-top: 20px
        }
        .md-ml-20 {
            margin-left: 20px
        }
        .md-mr-20 {
            margin-right: 20px
        }
        .md-mb-20 {
            margin-bottom: 20px
        }
        .md-p-15 {
            padding: 15px
        }
        .md-pt-15 {
            padding-top: 15px
        }
        .md-pl-15 {
            padding-left: 15px
        }
        .md-pr-15 {
            padding-right: 15px
        }
        .md-pb-15 {
            padding-bottom: 15px
        }
        .md-m-15 {
            margin: 15px
        }
        .md-mt-15 {
            margin-top: 15px
        }
        .md-ml-15 {
            margin-left: 15px
        }
        .md-mr-15 {
            margin-right: 15px
        }
        .md-mb-15 {
            margin-bottom: 15px
        }
        .md-p-10 {
            padding: 10px
        }
        .md-pt-10 {
            padding-top: 10px
        }
        .md-pl-10 {
            padding-left: 10px
        }
        .md-pr-10 {
            padding-right: 10px
        }
        .md-pb-10 {
            padding-bottom: 10px
        }
        .md-m-10 {
            margin: 10px
        }
        .md-mt-10 {
            margin-top: 10px
        }
        .md-ml-10 {
            margin-left: 10px
        }
        .md-mr-10 {
            margin-right: 10px
        }
        .md-mb-10 {
            margin-bottom: 10px
        }
        .md-p-5 {
            padding: 5px
        }
        .md-pt-5 {
            padding-top: 5px
        }
        .md-pl-5 {
            padding-left: 5px
        }
        .md-pr-5 {
            padding-right: 5px
        }
        .md-pb-5 {
            padding-bottom: 5px
        }
        .md-m-5 {
            margin: 5px
        }
        .md-mt-5 {
            margin-top: 5px
        }
        .md-ml-5 {
            margin-left: 5px
        }
        .md-mr-5 {
            margin-right: 5px
        }
        .md-mb-5 {
            margin-bottom: 5px
        }
        .md-p-0 {
            padding: 0
        }
        .md-pt-0 {
            padding-top: 0
        }
        .md-pl-0 {
            padding-left: 0
        }
        .md-pr-0 {
            padding-right: 0
        }
        .md-pb-0 {
            padding-bottom: 0
        }
        .md-m-0 {
            margin: 0
        }
        .md-mt-0 {
            margin-top: 0
        }
        .md-ml-0 {
            margin-left: 0
        }
        .md-mr-0 {
            margin-right: 0
        }
        .md-mb-0 {
            margin-bottom: 0
        }
    }
    
    @media (min-width:1200px) {
        .lg-p-200 {
            padding: 200px
        }
        .lg-pt-200 {
            padding-top: 200px
        }
        .lg-pl-200 {
            padding-left: 200px
        }
        .lg-pr-200 {
            padding-right: 200px
        }
        .lg-pb-200 {
            padding-bottom: 200px
        }
        .lg-m-200 {
            margin: 200px
        }
        .lg-mt-200 {
            margin-top: 200px
        }
        .lg-ml-200 {
            margin-left: 200px
        }
        .lg-mr-200 {
            margin-right: 200px
        }
        .lg-mb-200 {
            margin-bottom: 200px
        }
        .lg-p-150 {
            padding: 150px
        }
        .lg-pt-150 {
            padding-top: 150px
        }
        .lg-pl-150 {
            padding-left: 150px
        }
        .lg-pr-150 {
            padding-right: 150px
        }
        .lg-pb-150 {
            padding-bottom: 150px
        }
        .lg-m-150 {
            margin: 150px
        }
        .lg-mt-150 {
            margin-top: 150px
        }
        .lg-ml-150 {
            margin-left: 150px
        }
        .lg-mr-150 {
            margin-right: 150px
        }
        .lg-mb-150 {
            margin-bottom: 150px
        }
        .lg-p-100 {
            padding: 100px
        }
        .lg-pt-100 {
            padding-top: 100px
        }
        .lg-pl-100 {
            padding-left: 100px
        }
        .lg-pr-100 {
            padding-right: 100px
        }
        .lg-pb-100 {
            padding-bottom: 100px
        }
        .lg-m-100 {
            margin: 100px
        }
        .lg-mt-100 {
            margin-top: 100px
        }
        .lg-ml-100 {
            margin-left: 100px
        }
        .lg-mr-100 {
            margin-right: 100px
        }
        .lg-mb-100 {
            margin-bottom: 100px
        }
        .lg-p-50 {
            padding: 50px
        }
        .lg-pt-50 {
            padding-top: 50px
        }
        .lg-pl-50 {
            padding-left: 50px
        }
        .lg-pr-50 {
            padding-right: 50px
        }
        .lg-pb-50 {
            padding-bottom: 50px
        }
        .lg-m-50 {
            margin: 50px
        }
        .lg-mt-50 {
            margin-top: 50px
        }
        .lg-ml-50 {
            margin-left: 50px
        }
        .lg-mr-50 {
            margin-right: 50px
        }
        .lg-mb-50 {
            margin-bottom: 50px
        }
        .lg-p-40 {
            padding: 40px
        }
        .lg-pt-40 {
            padding-top: 40px
        }
        .lg-pl-40 {
            padding-left: 40px
        }
        .lg-pr-40 {
            padding-right: 40px
        }
        .lg-pb-40 {
            padding-bottom: 40px
        }
        .lg-m-40 {
            margin: 40px
        }
        .lg-mt-40 {
            margin-top: 40px
        }
        .lg-ml-40 {
            margin-left: 40px
        }
        .lg-mr-40 {
            margin-right: 40px
        }
        .lg-mb-40 {
            margin-bottom: 40px
        }
        .lg-p-30 {
            padding: 30px
        }
        .lg-pt-30 {
            padding-top: 30px
        }
        .lg-pl-30 {
            padding-left: 30px
        }
        .lg-pr-30 {
            padding-right: 30px
        }
        .lg-pb-30 {
            padding-bottom: 30px
        }
        .lg-m-30 {
            margin: 30px
        }
        .lg-mt-30 {
            margin-top: 30px
        }
        .lg-ml-30 {
            margin-left: 30px
        }
        .lg-mr-30 {
            margin-right: 30px
        }
        .lg-mb-30 {
            margin-bottom: 30px
        }
        .lg-p-20 {
            padding: 20px
        }
        .lg-pt-20 {
            padding-top: 20px
        }
        .lg-pl-20 {
            padding-left: 20px
        }
        .lg-pr-20 {
            padding-right: 20px
        }
        .lg-pb-20 {
            padding-bottom: 20px
        }
        .lg-m-20 {
            margin: 20px
        }
        .lg-mt-20 {
            margin-top: 20px
        }
        .lg-ml-20 {
            margin-left: 20px
        }
        .lg-mr-20 {
            margin-right: 20px
        }
        .lg-mb-20 {
            margin-bottom: 20px
        }
        .lg-p-15 {
            padding: 15px
        }
        .lg-pt-15 {
            padding-top: 15px
        }
        .lg-pl-15 {
            padding-left: 15px
        }
        .lg-pr-15 {
            padding-right: 15px
        }
        .lg-pb-15 {
            padding-bottom: 15px
        }
        .lg-m-15 {
            margin: 15px
        }
        .lg-mt-15 {
            margin-top: 15px
        }
        .lg-ml-15 {
            margin-left: 15px
        }
        .lg-mr-15 {
            margin-right: 15px
        }
        .lg-mb-15 {
            margin-bottom: 15px
        }
        .lg-p-10 {
            padding: 10px
        }
        .lg-pt-10 {
            padding-top: 10px
        }
        .lg-pl-10 {
            padding-left: 10px
        }
        .lg-pr-10 {
            padding-right: 10px
        }
        .lg-pb-10 {
            padding-bottom: 10px
        }
        .lg-m-10 {
            margin: 10px
        }
        .lg-mt-10 {
            margin-top: 10px
        }
        .lg-ml-10 {
            margin-left: 10px
        }
        .lg-mr-10 {
            margin-right: 10px
        }
        .lg-mb-10 {
            margin-bottom: 10px
        }
        .lg-p-5 {
            padding: 5px
        }
        .lg-pt-5 {
            padding-top: 5px
        }
        .lg-pl-5 {
            padding-left: 5px
        }
        .lg-pr-5 {
            padding-right: 5px
        }
        .lg-pb-5 {
            padding-bottom: 5px
        }
        .lg-m-5 {
            margin: 5px
        }
        .lg-mt-5 {
            margin-top: 5px
        }
        .lg-ml-5 {
            margin-left: 5px
        }
        .lg-mr-5 {
            margin-right: 5px
        }
        .lg-mb-5 {
            margin-bottom: 5px
        }
        .lg-p-0 {
            padding: 0
        }
        .lg-pt-0 {
            padding-top: 0
        }
        .lg-pl-0 {
            padding-left: 0
        }
        .lg-pr-0 {
            padding-right: 0
        }
        .lg-pb-0 {
            padding-bottom: 0
        }
        .lg-m-0 {
            margin: 0
        }
        .lg-mt-0 {
            margin-top: 0
        }
        .lg-ml-0 {
            margin-left: 0
        }
        .lg-mr-0 {
            margin-right: 0
        }
        .lg-mb-0 {
            margin-bottom: 0
        }
    }
    
    .table-link {
        font-weight: 600
    }
    
    .oqvalues {
        font-weight: 500;
        z-index: 2;
        cursor: default;
        padding: 0px 2px;
        white-space: nowrap;
    }
    
    .dxc-tooltip {
        z-index: 99999
    }
    
    .oqkpi {
        width: auto;
        position: relative;
        float: left;
        min-width: 50px;
        border-style: none;
        border-width: medium;
        margin: 0;
        border-color: #f6f6f6;
        text-align: left
    }
    
    .oqkpidiff {
        width: auto;
        position: relative;
        float: left;
        min-width: 150px;
        border-style: none;
        border-width: medium;
        margin: 0;
        border-color: #f6f6f6
    }
    
    .current-value {
        display: inline-block;
        position: relative
    }
    
    .diff {
        float: right
    }
    
    .incbackground {
        background-color: #78bf9a
    }
    
    .inc .diff {
        color: #2ab71b
    }
    
    .dec .diff {
        color: #ef3e36
    }
    
    .neu .diff {
        color: #f4b342
    }
    
    .decbackground {
        background-color: #da5046
    }
    
    .inc .current-value:after {
        color: #2ab71b;
        padding-left: 10px;
        font-family: FontAwesome;
        content: "\f0d8"
    }
    
    .dec .current-value:after {
        color: #ef3e36;
        padding-left: 10px;
        font-family: FontAwesome;
        content: "\f0d7"
    }
    
    .neu .current-value:after {
        color: #f4b342;
        padding-left: 10px;
        font-family: FontAwesome;
        content: "\f068"
    }
    
    .dashboard-title {
        font-size: 11px;
        white-space: nowrap;
        font-weight: 600;
        color: var(--oqlis-text)
    }
    
    .vGood {
        background-color: #0f0
    }
    
    .good {
        background-color: #0c0
    }
    
    .avg {
        background-color: #060
    }
    
    .poor {
        background-color: #c00
    }
    
    .vPoor {
        background-color: red
    }
    
    section {
        max-width: 450px;
        margin: 0 auto
    }
    
    section div {
        max-width: 255px;
        word-wrap: break-word;
        line-height: 24px
    }
    
    .clear {
        clear: both
    }
    
    .from-me-container {
        position: relative;
        padding: 10px 20px;
        float: right;
        margin-top: 5px;
        min-width: 250px;
    }
    
    .from-them-container {
        position: relative;
        padding: 10px 20px;
        float: left;
        margin-top: 5px;
        min-width: 250px;
    }
    
    .from-me-image {
        position: absolute;
        right: -35px;
        bottom: 10px;
        z-index: 99
    }
    
    .from-them-image {
        position: absolute;
        left: -35px;
        bottom: 10px;
        z-index: 99
    }
    
    .from-me-text {
        position: absolute;
        left: 40px;
        top: -10px;
        z-index: 99;
        font-size: 9px;
    }
    
    .from-them-text {
        position: absolute;
        right: 40px;
        top: -10px;
        z-index: 99;
        font-size: 9px;
    }
    
    .from-me {
        position: relative;
        padding: 10px 20px;
        color: var(--oqlis-text);
        background: #6bc3b0;
        border-radius: 25px;
        float: right
    }
    
    .from-me:before {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 0;
        right: -7px;
        height: 20px;
        border-right: 20px solid #6bc3b0;
        border-bottom-left-radius: 16px 14px;
        -webkit-transform: translate(0, -2px)
    }
    
    .from-me:after {
        content: "";
        position: absolute;
        z-index: 2;
        bottom: 0;
        right: -56px;
        width: 26px;
        height: 20px;
        background: var(--oqlis-surface);
        border-bottom-left-radius: 10px;
        -webkit-transform: translate(-30px, -2px)
    }
    
    .from-them {
        position: relative;
        padding: 10px 20px;
        background: #e5e5ea;
        border-radius: 25px;
        color: var(--oqlis-text);
        float: left
    }
    
    .from-them:before {
        content: "";
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: -7px;
        height: 20px;
        border-left: 20px solid #e5e5ea;
        border-bottom-right-radius: 16px 14px;
        -webkit-transform: translate(0, -2px)
    }
    
    .from-them:after {
        content: "";
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 4px;
        width: 26px;
        height: 20px;
        background: var(--oqlis-surface);
        border-bottom-right-radius: 10px;
        -webkit-transform: translate(-30px, -2px)
    }
    
    .preloader-wrapper {
        display: inline-block;
        position: relative;
        width: 50px;
        height: 50px;
        z-index: 9999
    }
    
    .preloader-wrapper.small {
        width: 28px;
        height: 28px
    }
    
    .preloader-wrapper.big {
        width: 64px;
        height: 64px
    }
    
    .preloader-wrapper.active {
        -webkit-animation: container-rotate 1568ms linear infinite;
        animation: container-rotate 1568ms linear infinite
    }
    
    @-webkit-keyframes container-rotate {
        to {
            -webkit-transform: rotate(360deg)
        }
    }
    
    @keyframes container-rotate {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    
    .spinner-layer {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-color: #26a69a
    }
    
    .spinner-blue,
    .spinner-blue-only {
        border-color: #4285f4
    }
    
    .spinner-red,
    .spinner-red-only {
        border-color: #db4437
    }
    
    .spinner-yellow,
    .spinner-yellow-only {
        border-color: #f4b400
    }
    
    .spinner-green,
    .spinner-green-only {
        border-color: #0f9d58
    }
    
    .spinner-green,
    .spinner-main-only {
        border-color: var(--main_color)
    }
    
    .active .spinner-layer.spinner-blue {
        -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
        animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
    }
    
    .active .spinner-layer.spinner-red {
        -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
        animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
    }
    
    .active .spinner-layer.spinner-yellow {
        -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
        animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
    }
    
    .active .spinner-layer.spinner-green {
        -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
        animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
    }
    
    .active .spinner-layer.spinner-main {
        -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
        animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
    }
    
    .active .spinner-layer,
    .active .spinner-layer.spinner-blue-only,
    .active .spinner-layer.spinner-green-main,
    .active .spinner-layer.spinner-green-only,
    .active .spinner-layer.spinner-red-only,
    .active .spinner-layer.spinner-yellow-only {
        opacity: 1;
        -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
        animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
    }
    
    @-webkit-keyframes fill-unfill-rotate {
        12.5% {
            -webkit-transform: rotate(135deg)
        }
        25% {
            -webkit-transform: rotate(270deg)
        }
        37.5% {
            -webkit-transform: rotate(405deg)
        }
        50% {
            -webkit-transform: rotate(540deg)
        }
        62.5% {
            -webkit-transform: rotate(675deg)
        }
        75% {
            -webkit-transform: rotate(810deg)
        }
        87.5% {
            -webkit-transform: rotate(945deg)
        }
        to {
            -webkit-transform: rotate(1080deg)
        }
    }
    
    @keyframes fill-unfill-rotate {
        12.5% {
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }
        25% {
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg)
        }
        37.5% {
            -webkit-transform: rotate(405deg);
            transform: rotate(405deg)
        }
        50% {
            -webkit-transform: rotate(540deg);
            transform: rotate(540deg)
        }
        62.5% {
            -webkit-transform: rotate(675deg);
            transform: rotate(675deg)
        }
        75% {
            -webkit-transform: rotate(810deg);
            transform: rotate(810deg)
        }
        87.5% {
            -webkit-transform: rotate(945deg);
            transform: rotate(945deg)
        }
        to {
            -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg)
        }
    }
    
    @-webkit-keyframes blue-fade-in-out {
        from {
            opacity: 1
        }
        25% {
            opacity: 1
        }
        26% {
            opacity: 0
        }
        89% {
            opacity: 0
        }
        90% {
            opacity: 1
        }
        100% {
            opacity: 1
        }
    }
    
    @keyframes blue-fade-in-out {
        from {
            opacity: 1
        }
        25% {
            opacity: 1
        }
        26% {
            opacity: 0
        }
        89% {
            opacity: 0
        }
        90% {
            opacity: 1
        }
        100% {
            opacity: 1
        }
    }
    
    @-webkit-keyframes red-fade-in-out {
        from {
            opacity: 0
        }
        15% {
            opacity: 0
        }
        25% {
            opacity: 1
        }
        50% {
            opacity: 1
        }
        51% {
            opacity: 0
        }
    }
    
    @keyframes red-fade-in-out {
        from {
            opacity: 0
        }
        15% {
            opacity: 0
        }
        25% {
            opacity: 1
        }
        50% {
            opacity: 1
        }
        51% {
            opacity: 0
        }
    }
    
    @-webkit-keyframes yellow-fade-in-out {
        from {
            opacity: 0
        }
        40% {
            opacity: 0
        }
        50% {
            opacity: 1
        }
        75% {
            opacity: 1
        }
        76% {
            opacity: 0
        }
    }
    
    @keyframes yellow-fade-in-out {
        from {
            opacity: 0
        }
        40% {
            opacity: 0
        }
        50% {
            opacity: 1
        }
        75% {
            opacity: 1
        }
        76% {
            opacity: 0
        }
    }
    
    @-webkit-keyframes green-fade-in-out {
        from {
            opacity: 0
        }
        65% {
            opacity: 0
        }
        75% {
            opacity: 1
        }
        90% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    
    @keyframes green-fade-in-out {
        from {
            opacity: 0
        }
        65% {
            opacity: 0
        }
        75% {
            opacity: 1
        }
        90% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    
    .gap-patch {
        position: absolute;
        top: 0;
        left: 45%;
        width: 10%;
        height: 100%;
        overflow: hidden;
        border-color: inherit
    }
    
    .gap-patch .circle {
        width: 1000%;
        left: -450%
    }
    
    .circle-clipper {
        display: inline-block;
        position: relative;
        width: 50%;
        height: 100%;
        overflow: hidden;
        border-color: inherit
    }
    
    .circle-clipper .circle {
        width: 200%;
        height: 100%;
        border-width: 3px;
        border-style: solid;
        border-color: inherit;
        border-bottom-color: transparent!important;
        border-radius: 50%;
        -webkit-animation: none;
        animation: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }
    
    .circle-clipper.left .circle {
        left: 0;
        border-right-color: transparent!important;
        -webkit-transform: rotate(129deg);
        transform: rotate(129deg)
    }
    
    .circle-clipper.right .circle {
        left: -100%;
        border-left-color: transparent!important;
        -webkit-transform: rotate(-129deg);
        transform: rotate(-129deg)
    }
    
    .active .circle-clipper.left .circle {
        -webkit-animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
        animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
    }
    
    .active .circle-clipper.right .circle {
        -webkit-animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
        animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
    }
    
    @-webkit-keyframes left-spin {
        from {
            -webkit-transform: rotate(130deg)
        }
        50% {
            -webkit-transform: rotate(-5deg)
        }
        to {
            -webkit-transform: rotate(130deg)
        }
    }
    
    @keyframes left-spin {
        from {
            -webkit-transform: rotate(130deg);
            transform: rotate(130deg)
        }
        50% {
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg)
        }
        to {
            -webkit-transform: rotate(130deg);
            transform: rotate(130deg)
        }
    }
    
    @-webkit-keyframes right-spin {
        from {
            -webkit-transform: rotate(-130deg)
        }
        50% {
            -webkit-transform: rotate(5deg)
        }
        to {
            -webkit-transform: rotate(-130deg)
        }
    }
    
    @keyframes right-spin {
        from {
            -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg)
        }
        50% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg)
        }
        to {
            -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg)
        }
    }
    
    #spinnerContainer.cooldown {
        -webkit-animation: container-rotate 1568ms linear infinite, fade-out .4s cubic-bezier(.4, 0, .2, 1);
        animation: container-rotate 1568ms linear infinite, fade-out .4s cubic-bezier(.4, 0, .2, 1)
    }
    
    @-webkit-keyframes fade-out {
        from {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }
    
    @keyframes fade-out {
        from {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }
    
    .SingleKPI::-webkit-scrollbar {
        width: 0!important
    }
    
    .doughnut-content.dashboard-bottom {
        display: table;
        top: 49%;
        margin-top: -30px;
        height: 60px
    }
    
    .sparkline-title {
        position: absolute;
        display: table;
        top: 0;
        left: 5px;
        height: 30px;
        font-size: 14px
    }
    
    .doughnut-content {
        position: absolute;
        text-align: center;
        width: 40%;
        height: 20%;
        top: 34%;
        left: 30%;
        font-size: 14px
    }
    
    .rotate-90 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    
    .current-page-light {
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid var(--oqlis-surface-alt);
        position: absolute;
        right: 0;
        top: 28px
    }
    
    .current-page-dark {
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #424242;
        position: absolute;
        right: 0;
        top: 28px
    }
    
    .padding-top-35 {
        padding-top: 35px
    }
    
    .spaces {
        background-color: var(--main_color);
        background-color: color-mix(in srgb, var(--main_color) 20%, transparent);
        border-color: var(--main_color);
    }
    
    .login-success {
        background-color: var(--oqlis-surface)!important;
        color: var(--oqlis-text)!important;
        border-color: var(--main_color);
        transition: background-color 0.35s ease, color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
        transform: translateY(0);
    }
    
    .login-success:hover {
        background-color: var(--main_color)!important;
        color: var(--oqlis-surface)!important;
        border-color: var(--main_color);
        box-shadow: 0 12px 22px color-mix(in srgb, var(--main_color) 40%, transparent);
        transform: translateY(-1px);
    }
    
    @media (max-width:768px) {
        .filterpane {
            height: 100%;
            padding-bottom: 0px;
        }
    }
    
    @media (min-width:768px) {
        .filterpane {
            top: -35px;
            position: fixed;
            height: 100%
        }
    }
    
    #preview-file small.input-size {
        display: block;
        margin-top: 5px;
        height: 12px;
        line-height: 12px;
        color: #757575;
        text-align: center
    }
    
    #preview-file p {
        margin: 0;
        line-height: 18px
    }
    
    .input-title-File {
        color: #424242
    }
    
    #preview-file img {
        float: left;
        width: 60px;
        height: 75px
    }
    
    #preview-file h4 {
        margin: 10px 0 2px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    
    .fileDesktop {
        position: relative;
        display: block;
        width: 55px;
        height: 72px
    }
    
    .fileDesktop>span {
        position: absolute;
        top: 30px;
        left: 0;
        display: inline-block;
        color: var(--oqlis-text);
        font-weight: 1000;
        text-align: center;
        width: 100%;
        font-size: 16px
    }
    
    .br_dropzone {
        position: relative;
        border: 2px dashed var(--main_color);
        width: 100%;
        height: 256px;
        display: block;
        border-radius: 5px;
        box-sizing: border-box;
        background-image: linear-gradient(135deg, rgba(0, 0, 0, .03)25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03)50%, rgba(0, 0, 0, .03)75%, transparent 75%, transparent);
        background-color: #fafcfd;
        background-size: 16px 16px
    }
    
    .br_dropzone input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0;
        font-size: 2rem;
        opacity: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        box-sizing: border-box
    }
    
    .br_dropzone input[type=text] {
        background: 0 0;
        border: none;
        padding: .5em;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 2rem;
        box-sizing: border-box
    }
    
    .br_dropzone.dragover {
        background-color: var(--oqlis-surface);
        border: 2px dashed rgba(var(--oqlis-text), .1)
    }
    
    @media (min-height:768px) {
        .filterpane {
            top: -35px;
            position: fixed;
            height: 100%
        }
    }
    
    .page-break1:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 841px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break2:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 1737px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break3:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 2633px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break4:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 3529px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break5:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 4425px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break6:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 5321px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break7:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 6217px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break8:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 7113px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break9:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 8009px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break10:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 8905px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break11:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 9801px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break12:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 10697px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break13:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 11593px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break14:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 12489px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break15:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 13383px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break16:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 14281px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break17:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 15177px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break18:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 16073px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break19:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 16969px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break20:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #d3d3d3;
        position: absolute;
        top: 17865px;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .page-break-pdf {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 0!important;
        page-break-before: always
    }
    
    .dashboard-buttons {
        position: absolute;
        right: 9px;
        top: 0;
        color: var(--oqlis-text-muted)
    }
    
    .dashboardgrip {
        background: 0 0;
        border-bottom: none
    }
    
    .oqtitlecenter {
        position: absolute;
        margin: auto;
        width: 100%
    }
    
    .oqtitle {
        font-weight: 500;
        font-size: 16px;
        cursor: default;
        padding: 8px;
        color: var(--oqlis-text);
        text-align: left
    }
    
    .oqdashboardtitle {
        font-weight: 200;
        font-size: 20px;
        cursor: default;
        padding: 0
    }
    
    .dxc-tooltip {
        z-index: 99999
    }
    
    .img-circular {
        width: 40px;
        height: 40px;
        background-size: cover;
        display: block;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px
    }
    
    .drophere {
        padding: 2px;
        padding-right: 8px;
        list-style: none;
        background: var(--oqlis-surface-alt);
        min-height: 89px;
        border: 1px;
        border-style: dashed;
        border-color: #d8d8d8;
        position: relative;
        border-radius: 5px;
    }
    
    .fieldlist {
        padding: 2px 8px 10px 2px;
        list-style: none;
        background: var(--oqlis-surface-alt);
        min-height: 100px;
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: 376px;
        border: 1px;
        border-style: dashed;
        border-color: #d8d8d8;
        border-radius: 5px;
    }
    
    li.draggable.btn.btn-default.ui-draggable.ui-draggable-handle {
        width: 100% !important;
    }
    
    .draggable {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 32px;
        border-radius: 4px;
        cursor: pointer;
        z-index: 99999;
        font-size: 11px !important;
        width: 100%;
        z-index: 1;
        color: #000;
    }
    
    .draggable {
        list-style-type: none;
        margin: 2px;
        min-height: 32px;
    }
    
    .draggable .form-control {
        border: none;
        color: var(--oqlis-text);
        height: 30px;
    }
    
    .exploredrag {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 4px;
        cursor: pointer;
        z-index: 99999;
        font-size: 11px !important;
        width: 100%;
        position: relative;
        z-index: 1;
        color: #000;
    }
    
    .exploredrag .form-control {
        border: none;
        color: var(--oqlis-text);
        height: 30px;
    }
    
    .exploredrag {
        list-style-type: none;
        margin: 2px;
        min-height: 32px;
    }
    
    .close-icon {
        position: absolute;
        right: 5px;
        top: 30%;
    }
    
    .value-icon {
        padding-right: 15px;
    }
    
    .breadcrumbdrill {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        margin-bottom: 0;
        padding-left: 7px;
        font-size: 9px;
        list-style: none;
        border-radius: 0;
        z-index: 1
    }
    
    .breadcrumbdrill>li {
        display: inline-block;
        box-sizing: border-box;
        cursor: pointer;
    }
    
    .breadcrumbdrill>li>a {
        cursor: pointer;
    }
    
    .breadcrumbdrill>li+li:before {
        content: "\003e";
        padding: 0 5px;
        color: #cccccc;
    }
    
    .measure {
        background-color: #8ed9b6;
        text-align: left;
        position: relative;
    }
    
    .group {
        background-color: #8fc4dc;
        text-align: left;
        position: relative;
    }
    
    .calc {
        background-color: #c5a5d4;
        text-align: left;
        position: relative;
        z-index: 1;
    }
    
    .filter {
        background-color: #e8a9a9;
        text-align: left;
    }
    
    .sort {
        background-color: #a9dbe8;
        text-align: left;
    }
    
    .calcedit {
        top: 7px;
        right: 10px;
        position: absolute;
        font-size: 18px;
    }
    
    .remove {
        top: 7px;
        right: 10px;
        position: absolute;
        font-size: 18px;
    }
    
    .drillpath {
        background-color: #d7dc8f;
        text-align: left;
        position: relative;
    }
    
    .hide-tools {
        display: none;
    }
    
    .hide-ui {
        display: none;
    }
    
    .grid-stack-item:hover .hide-tools {
        display: inline;
    }
    
    .grid-stack-item:hover .hide-ui {
        display: block;
    }
    
    #visualization:hover .hide-tools {
        display: inline;
    }
    
    #visualization:hover .hide-ui {
        display: block;
    }
    
    .grow {
        transition: all .2s ease-in-out;
        filter: var(--oqlis-filter);
    }
    
    .grow:hover {
        transform: scale(1.05);
    }
    
    .space-avatar {
        float: left;
        margin-left: 0px;
        margin-right: 10px;
        margin-top: 2px;
    }
    
    .dx-widget {
        font-size: 10px;
    }
    
    .kpiclick {
        text-decoration: none;
        cursor: pointer;
        color: inherit;
    }
    
    .kpiclick:hover {
        text-decoration: underline;
        color: inherit;
    }
    
    .legend {
        line-height: 18px;
        color: var(--oqlis-text);
    }
    
    .legend i {
        width: 15px;
        height: 15px;
        float: left;
        margin-right: 8px;
        opacity: 0.7;
    }
    
    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--multiple {
        border: 1px solid var(--oqlis-surface);
        border-radius: 0;
    }
    
    .select2-container--default .select2-selection--single {
        background-color: var(--oqlis-input);
        border: 1px solid var(--oqlis-border);
        border-radius: 4px;
    }
    
    .select2-container--default .select2-selection--multiple {
        background-color: var(--oqlis-input);
        border: 1px solid var(--oqlis-border);
        border-radius: 4px;
        cursor: text;
    }
    
    .select2-dropdown {
        background-color: var(--oqlis-input);
        border: 1px solid var(--oqlis-border);
        border-radius: 4px;
        box-sizing: border-box;
        display: block;
        position: absolute;
        left: -100000px;
        width: 100%;
        z-index: 1051;
    }
    
    .select2-container--default.select2-container--disabled .select2-selection--multiple {
        background-color: var(--oqlis-input);
        cursor: default;
    }
    
    .CodeMirror {
        position: relative;
        overflow: hidden;
        background: var(--oqlis-input);
        color: var(--oqlis-text);
        border: 1px solid var(--oqlis-border);
    }
    
    .CodeMirror-gutters {
        border-right: 1px solid var(--oqlis-border);
        background-color: var(--oqlis-surface);
        white-space: nowrap;
    }
    
    .cm-s-default .CodeMirror-cursor {
        border-left: 1px solid var(--oqlis-cm-cursor);
    }
    
    .cm-s-default div.CodeMirror-selected {
        background: var(--oqlis-cm-selection);
    }
    
    .cm-s-default.CodeMirror-focused div.CodeMirror-selected {
        background: var(--oqlis-cm-selection);
    }
    
    .cm-s-default .CodeMirror-line::selection,
    .cm-s-default .CodeMirror-line>span::selection,
    .cm-s-default .CodeMirror-line>span>span::selection {
        background: var(--oqlis-cm-selection);
    }
    
    .cm-s-default .CodeMirror-line::-moz-selection,
    .cm-s-default .CodeMirror-line>span::-moz-selection,
    .cm-s-default .CodeMirror-line>span>span::-moz-selection {
        background: var(--oqlis-cm-selection);
    }
    
    .cm-s-default .CodeMirror-activeline-background {
        background: var(--oqlis-cm-activeline);
    }
    
    .cm-s-default .cm-keyword {
        color: var(--oqlis-cm-keyword);
    }
    
    .cm-s-default .cm-operator {
        color: var(--oqlis-cm-operator);
    }
    
    .cm-s-default .cm-variable-2 {
        color: var(--oqlis-cm-variable-2);
    }
    
    .cm-s-default .cm-variable-3,
    .cm-s-default .cm-type {
        color: var(--oqlis-cm-variable-3);
    }
    
    .cm-s-default .cm-builtin {
        color: var(--oqlis-cm-builtin);
    }
    
    .cm-s-default .cm-atom {
        color: var(--oqlis-cm-atom);
    }
    
    .cm-s-default .cm-number {
        color: var(--oqlis-cm-number);
    }
    
    .cm-s-default .cm-def {
        color: var(--oqlis-cm-def);
    }
    
    .cm-s-default .cm-string {
        color: var(--oqlis-cm-string);
    }
    
    .cm-s-default .cm-string-2 {
        color: var(--oqlis-cm-string-2);
    }
    
    .cm-s-default .cm-comment {
        color: var(--oqlis-cm-comment);
    }
    
    .cm-s-default .cm-variable {
        color: var(--oqlis-cm-variable);
    }
    
    .cm-s-default .cm-tag {
        color: var(--oqlis-cm-tag);
    }
    
    .cm-s-default .cm-meta {
        color: var(--oqlis-cm-meta);
    }
    
    .cm-s-default .cm-attribute {
        color: var(--oqlis-cm-attribute);
    }
    
    .cm-s-default .cm-property {
        color: var(--oqlis-cm-property);
    }
    
    .cm-s-default .cm-qualifier {
        color: var(--oqlis-cm-qualifier);
    }
    
    .dropdown.open .dropdown-toggle {
        color: #b3b3b3;
    }

    .modal .modal-body {
        padding: 24px 28px;
    }

    .modal .form-group {
        margin-top: 0;
        margin-bottom: 12px;
    }

    .modal .form-horizontal .form-group {
        margin-left: 0;
        margin-right: 0;
    }

    .modal .form-group:last-child {
        margin-bottom: 0;
    }

    .modal .help-block {
        margin-top: 6px;
        margin-bottom: 0;
    }

    /* DevExtreme dark theme overrides to align with OQLIS theme */
    .dx-overlay-content,
    .dx-popup-content,
    .dx-dropdowneditor-overlay,
    .dx-menu-base,
    .dx-context-menu {
        color: var(--oqlis-text);
        border-color: var(--oqlis-border);
    }

    .dx-popup-title,
    .dx-datagrid-headers,
    .dx-datagrid-filter-panel {
        background-color: var(--oqlis-surface-alt);
        color: var(--oqlis-text);
        border-color: var(--oqlis-border);
    }

    .dx-selectbox-popup-wrapper .dx-overlay-content {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-border);
    }

    .dx-selectbox-popup-wrapper .dx-list {
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
    }

    .dx-datagrid,
    .dx-datagrid-rowsview,
    .dx-datagrid-table {
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
    }

    .dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor .dx-texteditor-input {
        background-color: var(--oqlis-surface-alt);
    }

    .dx-datagrid .dx-row > td {
        border-color: var(--oqlis-border);
    }

    .dx-datagrid-headers .dx-datagrid-table .dx-row>td {
        border-color: var(--oqlis-border);
    }

    .dx-datagrid-headers .dx-datagrid-table .dx-row>td {
        border-color: var(--oqlis-border);
    }

    .dx-datagrid .dx-row-alt > td {
        background-color: var(--oqlis-surface-muted);
    }

    .dx-datagrid .dx-row-focused > td {
        background-color: var(--oqlis-btn-primary);
        color: var(--oqlis-text);
    }

    .dx-texteditor,
    .dx-textbox,
    .dx-selectbox,
    .dx-tagbox,
    .dx-textarea,
    .dx-numberbox {
        background-color: var(--oqlis-input);
        color: var(--oqlis-text);
        border-color: var(--oqlis-border);
    }

    .dx-texteditor-input {
        color: var(--oqlis-text);
    }

    .dx-texteditor.dx-state-focused {
        border-color: var(--oqlis-btn-primary-border);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--oqlis-btn-primary-border) 30%, transparent);
    }

    .dx-button {
        border-color: var(--oqlis-border);
        color: var(--oqlis-text);
    }

    .dx-button-mode-contained {
        background-color: var(--oqlis-btn-default);
        border-color: var(--oqlis-btn-default-border);
    }

    .dx-button-mode-contained.dx-state-hover {
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }

    .dx-button-mode-contained.dx-state-focused,
    .dx-button-mode-contained.dx-state-active {
        background-color: var(--oqlis-btn-default-hover);
        border-color: var(--oqlis-btn-default-border);
    }

    .dx-button-mode-contained.dx-button-default {
        background-color: var(--oqlis-btn-primary);
        border-color: var(--oqlis-btn-primary-border);
        color: var(--oqlis-text-reverse);
    }

    .dx-button-mode-contained.dx-button-default.dx-state-hover,
    .dx-button-mode-contained.dx-button-default.dx-state-focused,
    .dx-button-mode-contained.dx-button-default.dx-state-active {
        background-color: var(--oqlis-btn-primary-hover);
        border-color: var(--oqlis-btn-primary-border);
        color: var(--oqlis-text-reverse);
    }

    .dx-button-mode-contained.dx-button-success {
        background-color: var(--oqlis-btn-success);
        border-color: var(--oqlis-btn-success-border);
        color: var(--oqlis-text-reverse);
    }

    .dx-button-mode-contained.dx-button-success.dx-state-hover,
    .dx-button-mode-contained.dx-button-success.dx-state-focused,
    .dx-button-mode-contained.dx-button-success.dx-state-active {
        background-color: var(--oqlis-btn-success-hover);
        border-color: var(--oqlis-btn-success-border);
        color: var(--oqlis-text-reverse);
    }

    .dx-button-mode-contained.dx-button-danger {
        background-color: var(--oqlis-btn-danger);
        border-color: var(--oqlis-btn-danger-border);
        color: var(--oqlis-text-reverse);
    }

    .dx-button-mode-contained.dx-button-danger.dx-state-hover,
    .dx-button-mode-contained.dx-button-danger.dx-state-focused,
    .dx-button-mode-contained.dx-button-danger.dx-state-active {
        background-color: var(--oqlis-btn-danger-hover);
        border-color: var(--oqlis-btn-danger-border);
        color: var(--oqlis-text-reverse);
    }

    .dx-menu-item,
    .dx-context-menu-item,
    .dx-list-item {
        color: var(--oqlis-text);
    }

    .dx-menu-item.dx-state-hover,
    .dx-context-menu-item.dx-state-hover,
    .dx-list-item.dx-state-hover {
        background-color: var(--oqlis-surface-muted);
    }

    .dx-theme-generic-typography {
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
    }

    .dx-theme-background-color-as-text-color {
        color: var(--oqlis-text) !important;
    }

    .dx-theme-background-color,
    .dx-theme-background-color-as-background-color {
        background-color: var(--oqlis-surface) !important;
        fill: var(--oqlis-surface) !important;
    }

    .dx-theme-background-color-as-border-color {
        border-color: var(--oqlis-border) !important;
    }

    .dx-card {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-border);
        color: var(--oqlis-text);
    }

    .dx-widget {
        color: var(--oqlis-text);
    }

    .dx-state-disabled,
    .dx-state-disabled .dx-button-text,
    .dx-state-disabled .dx-item-content {
        color: var(--oqlis-text-muted);
    }

    .dx-texteditor-input::placeholder {
        color: var(--oqlis-text-muted);
    }

    .dx-placeholder,
    .dx-placeholder::before {
        color: var(--oqlis-text-muted);
    }

    .dx-editor-outlined,
    .dx-editor-filled {
        background-color: var(--oqlis-input);
        border-color: var(--oqlis-border);
    }

    .dx-texteditor.dx-editor-outlined {
        background-color: var(--oqlis-input);
        border-color: var(--oqlis-border);
    }

    .dx-texteditor.dx-editor-filled {
        background-color: var(--oqlis-surface-muted);
        border-color: transparent;
    }

    .dx-texteditor.dx-state-readonly.dx-editor-filled {
        background-color: var(--oqlis-surface-muted);
    }

    .dx-texteditor.dx-state-readonly {
        border-color: var(--oqlis-border);
    }

    .dx-editor-underlined {
        border-bottom-color: var(--oqlis-border);
    }

    .dx-editor-outlined.dx-state-focused,
    .dx-editor-filled.dx-state-focused {
        border-color: var(--oqlis-btn-primary-border);
    }

    .dx-dropdowneditor-button,
    .dx-clear-button-area {
        border-color: var(--oqlis-border);
        color: var(--oqlis-text);
    }

    .dx-button-mode-outlined {
        background-color: transparent;
        border-color: var(--oqlis-btn-default-border);
        color: var(--oqlis-text);
    }

    .dx-button-mode-text {
        background-color: transparent;
        color: var(--oqlis-text);
    }

    .dx-button-mode-text.dx-state-hover,
    .dx-button-mode-outlined.dx-state-hover {
        background-color: var(--oqlis-surface-muted);
    }

    .dx-checkbox-icon,
    .dx-radiobutton-icon {
        border-color: var(--oqlis-border);
        background-color: var(--oqlis-surface);
    }

    .dx-checkbox-checked .dx-checkbox-icon,
    .dx-radiobutton-checked .dx-radiobutton-icon {
        background-color: var(--oqlis-btn-primary);
        border-color: var(--oqlis-btn-primary-border);
    }

    .dx-switch-container {
        background-color: var(--oqlis-surface-muted);
        border-color: var(--oqlis-border);
    }

    .dx-switch.dx-state-readonly .dx-switch-container {
        background-color: var(--oqlis-surface-muted);
        border-color: var(--oqlis-border);
    }

    .dx-switch-on .dx-switch-container {
        background-color: color-mix(in srgb, var(--oqlis-btn-primary) 60%, transparent);
        border-color: var(--oqlis-btn-primary-border);
    }

    .dx-switch-handle {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-border);
    }

    .dx-tabs {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-border);
    }

    .dx-tab {
        color: var(--oqlis-text);
    }

    .dx-tab.dx-state-hover {
        background-color: var(--oqlis-surface-muted);
    }

    .dx-tab-selected {
        background-color: var(--oqlis-surface-muted);
        border-color: var(--oqlis-border);
        color: var(--oqlis-text);
    }

    .dx-accordion-item {
        border-color: var(--oqlis-border);
    }

    .dx-accordion-item-title {
        background-color: var(--oqlis-surface-alt);
        color: var(--oqlis-text);
    }

    .dx-accordion-item-body {
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
    }

    .dx-treeview-item {
        color: var(--oqlis-text);
    }

    .dx-treeview-item.dx-state-hover {
        background-color: var(--oqlis-surface-muted);
    }

    .dx-treeview-item.dx-state-selected {
        background-color: var(--oqlis-btn-primary);
        color: var(--oqlis-text);
    }

    .dx-calendar,
    .dx-calendar-navigator {
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
        border-color: var(--oqlis-border);
    }

    .dx-calendar-cell {
        color: var(--oqlis-text);
    }

    .dx-calendar-other-month,
    .dx-calendar-empty-cell {
        color: var(--oqlis-text-muted);
    }

    .dx-calendar-selected-date,
    .dx-calendar-selected-date .dx-calendar-cell-text {
        background-color: var(--oqlis-btn-primary);
        color: var(--oqlis-text);
    }

    .dx-calendar-today {
        border-color: var(--oqlis-btn-primary-border);
    }

    .dx-datagrid .dx-header-row > td,
    .dx-datagrid .dx-filter-row > td,
    .dx-datagrid .dx-group-panel,
    .dx-datagrid-total-footer {
        background-color: var(--oqlis-surface-alt);
        color: var(--oqlis-text);
        border-color: var(--oqlis-border);
    }

    .dx-datagrid .dx-row-selected > td {
        background-color: color-mix(in srgb, var(--oqlis-btn-primary) 25%, var(--oqlis-surface));
        color: var(--oqlis-text);
    }

    .dx-datagrid .dx-datagrid-text-content {
        color: var(--oqlis-text);
    }

    .dx-list-group-header {
        background-color: var(--oqlis-surface-alt);
        color: var(--oqlis-text);
        border-color: var(--oqlis-border);
    }

    .dx-list-item.dx-state-focused,
    .dx-menu-item.dx-state-focused,
    .dx-context-menu-item.dx-state-focused {
        background-color: var(--oqlis-surface-muted);
    }

    .dx-toolbar,
    .dx-toolbar-items-container {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-border);
    }

    .dx-toolbar .dx-button-mode-text {
        color: var(--oqlis-text);
    }

    .dx-pager {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-border);
        color: var(--oqlis-text);
    }

    .dx-page {
        color: var(--oqlis-text);
    }

    .dx-page.dx-selection {
        background-color: var(--oqlis-btn-primary);
        color: var(--oqlis-text);
    }

    .dx-page:hover {
        background-color: var(--oqlis-surface-muted);
    }

    .dx-progressbar-container {
        background-color: var(--oqlis-surface-muted);
        border-color: var(--oqlis-border);
    }

    .dx-progressbar-range {
        background-color: var(--oqlis-btn-primary);
    }

    .dx-slider-bar {
        background-color: var(--oqlis-surface-muted);
    }

    .dx-slider-range {
        background-color: var(--oqlis-btn-primary);
    }

    .dx-slider-handle {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-btn-primary-border);
    }

    .dx-badge {
        background-color: var(--oqlis-btn-primary);
        color: var(--oqlis-text-reverse);
    }

    .dx-tag {
        background-color: var(--oqlis-surface-muted);
        color: var(--oqlis-text);
        border-color: var(--oqlis-border);
    }

    .dx-tag-remove-button {
        color: var(--oqlis-text-muted);
    }

    .dx-toast,
    .dx-tooltip,
    .dx-popover-wrapper .dx-overlay-content {
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
        border-color: var(--oqlis-border);
    }

    .dx-tooltip-wrapper .dx-overlay-content {
        background-color: var(--oqlis-surface);
        color: var(--oqlis-text);
        border-color: var(--oqlis-border);
    }

    .dx-toast-message {
        color: var(--oqlis-text);
    }

    .dx-loadpanel-content-wrapper,
    .dx-loadpanel-content,
    .dx-loadindicator-wrapper {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-border);
        color: var(--oqlis-text);
    }

    .dx-fileuploader-input-wrapper,
    .dx-fileuploader-files-container {
        background-color: var(--oqlis-surface);
        border-color: var(--oqlis-border);
        color: var(--oqlis-text);
    }

    .dx-fileuploader-file-name,
    .dx-fileuploader-file-size {
        color: var(--oqlis-text);
    }

    .dx-validation-summary {
        background-color: var(--oqlis-surface-alt);
        border-color: var(--oqlis-border);
        color: var(--oqlis-text);
    }
    
    select2-container--default.select2-container--disabled .select2-selection--single {
        background-color: var(--oqlis-surface);
        cursor: default;
    }
    
    .select2-container--default.select2-container--disabled .select2-selection--single {
        background-color: var(--oqlis-surface);
        cursor: default;
    }
    
    .fullscreenbackground {
        background-color: var(--oqlis-surface-alt);
    }
    
    .container {
        display: inline-block;
        margin-top: 1rem;
    }
    
    .tag-container {
        border: 1px solid var(--oqlis-border);
        background-color: var(--oqlis-input);
        padding: 5px;
        width: 100%;
        border-radius: 5px;
        overflow: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: stretch;
    }
    
    .tag-container .tag {
        padding: .5rem 1rem;
        margin: 3px;
        background: var(--oqlis-surface-muted);
        color: var(--oqlis-text);
        display: flex;
        align-items: center;
        cursor: default;
    }
    
    .tag-container .tag:hover {
        background: var(--oqlis-surface-alt);
    }
    
    .btn-group-drill button {
        background-color: transparent;
        color: white;
        border: 1px solid var(--main_color);
        cursor: pointer;
        transition-duration: 0.4s;
    }
    
    .btn-group-drill button:not(:last-child) {
        border-right: none;
    }
    
    .btn-group-drill:after {
        content: "";
        clear: both;
        display: table;
    }
    
    .btn-group-drill button:hover {
        background-color: var(--main_color);
        color: white;
    }
    
    .btn-group-drill button:last-child {
        border-radius: 0 6px 6px 0;
    }
    
    .btn-group-drill button:first-child {
        border-radius: 6px 0 0 6px;
    }
    
    .btn-group-drill button:only-child {
        border-radius: 6px;
    }
    
    .daterangepicker .ranges li {
        background-color: var(--oqlis-surface);
        color: white;
    }
    
    .daterangepicker {
        border: none;
        background-color: var(--oqlis-surface);
    }
    
    .daterangepicker .ranges li.active {
        background-color: var(--main_color);
        color: var(--oqlis-text);
    }
    
    .daterangepicker .ranges li:hover {
        background-color: var(--main_color);
        color: var(--oqlis-text);
    }
    
    .daterangepicker .calendar-table th {
        background-color: var(--oqlis-surface);
        color: white;
    }
    
    .daterangepicker td.active.start-date.available.in-range {
        background-color: var(--main_color);
        color: black;
    }
    
    .daterangepicker td.start-date.end-date {
        background-color: var(--main_color);
        color: black;
    }
    
    .daterangepicker td.start-date.available {
        background-color: var(--main_color);
        color: black;
    }
    
    .daterangepicker td.end-date.available {
        background-color: var(--main_color);
        color: black;
    }
    
    .daterangepicker td.active.end-date.available.in-range {
        background-color: var(--main_color);
        color: black;
    }
    
    .daterangepicker td.active.end-date.available.in-range:hover {
        background-color: var(--main_color);
        color: white;
    }
    
    .daterangepicker td.in-range.available {
        background-color: var(--focus_color);
        color: black;
    }
    
    .daterangepicker td.off.ends.in-range {
        background-color: #696969;
        color: black;
    }
    
    .daterangepicker td.off.ends.active.end-date.in-range {
        background-color: #696969;
        color: black;
    }
    
    .daterangepicker td.off.ends.active.start-date.in-range {
        background-color: #696969;
        color: black;
    }
    
    .daterangepicker td.available:hover,
    .daterangepicker th.available:hover {
        background-color: grey;
        border-color: transparent;
        color: white;
    }
    
    .daterangepicker td.in-range.available:hover {
        background-color: var(--main_color);
        color: black;
    }
    
    .daterangepicker td:hover {
        background-color: white;
    }
    
    .daterangepicker .table-condensed>tbody>tr>td {
        background-color: var(--oqlis-surface);
        color: white;
    }
    
    .daterangepicker .table-condensed .prev .span {
        background-color: var(--oqlis-surface);
        color: white;
    }
    
    .daterangepicker .calendar-table {
        background-color: var(--oqlis-surface);
        border: 1px solid var(--oqlis-surface);
    }
    
    .daterangepicker td.active:hover {
        background-color: var(--main_color);
    }
    
    .file-drop-area {
        position: relative;
        padding: 2rem 1rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        border: 2px dashed #dae1e7;
        text-align: center;
        cursor: pointer;
    }
    
    .file-drop-area .file-drop-icon {
        display: block;
        margin-bottom: 0.75rem;
        color: #aeb4be;
        font-size: 1.625rem;
    }
    
    .file-drop-area .file-drop-message {
        display: block;
        font-size: .875rem;
        margin-bottom: 1.25rem;
    }
    
    .file-drop-area .file-drop-input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        opacity: 0;
        outline: none;
        cursor: pointer;
        z-index: 2;
    }
    
    .file-drop-area .btn {
        position: relative;
        z-index: 3;
    }
    
    .file-drop-area .file-drop-preview {
        margin-right: auto;
        margin-bottom: 0.75rem;
        margin-left: auto;
    }
    
    .file-drop-area-logo {
        position: relative;
        padding: 2rem 1rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        border: 2px dashed #dae1e7;
        text-align: center;
        cursor: pointer;
    }
    
    .file-drop-area-logo .file-drop-icon {
        display: block;
        margin-bottom: 0.75rem;
        color: #aeb4be;
        font-size: 1.625rem;
    }
    
    .file-drop-area-logo .file-drop-message {
        display: block;
        font-size: .875rem;
        margin-bottom: 1.25rem;
    }
    
    .file-drop-area-logo .file-drop-input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        opacity: 0;
        outline: none;
        cursor: pointer;
        z-index: 2;
    }
    
    .file-drop-area-logo .btn {
        position: relative;
        z-index: 3;
    }
    
    .file-drop-area-logo .file-drop-preview {
        margin-right: auto;
        margin-bottom: 0.75rem;
        margin-left: auto;
    }
    
    img,
    figure {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }
    /* The switch - the box around the slider */
    
    .switch {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
    }
    /* Hide default HTML checkbox */
    
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
    /* The slider */
    
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }
    
    .slider:before {
        position: absolute;
        content: "";
        height: 17px;
        width: 17px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }
    
    input:checked+.slider {
        background-color: var(--main_color);
    }
    
    input:focus+.slider {
        box-shadow: 0 0 1px var(--main_color);
    }
    
    input:checked+.slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }
    /* Rounded sliders */
    
    .slider.round {
        border-radius: 34px;
    }
    
    .slider.round:before {
        border-radius: 50%;
    }
    
    .slider.round:before {
        border-radius: 50%;
    }
    
    .container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        width: 100%;
        height: 100%;
        max-width: 800px;
        margin: 0 auto;
    }
    
    ul.sortable {
        display: flex;
        align-items: center;
        list-style: none;
        /* background: #e0e0e0; */
        border-radius: 4px;
        margin: 20px 0;
    }
    
    ul.sortable>li {
        display: block;
        margin: 1px;
        padding: 15px;
        border-radius: 4px;
        cursor: move;
        /* background: var(--oqlis-text); */
    }
    /* ul.sortable:hover {
    /* background: var(--oqlis-text)fe0; */
    /* } */
    /* ul.sortable.active { */
    /* background: #ccc; */
    /* } */
    
    ul.sortable.dragging {
        /* background: #e0ffff; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
        opacity: 0.5;
    }
    
    .editable-tab {
        padding: 0px !important;
        margin: 0px !important;
        background: transparent !important;
        border: transparent !important;
        cursor: text !important;
    }
    /* Dropdown Button */
    
    .dropbtn {
        cursor: pointer;
    }
    /* The container <div> - needed to position the dropdown content */
    
    .dropdown {
        position: relative;
    }
    /* Dropdown Content (Hidden by Default) */
    
.dropdown-content {
    display: none;
    position: absolute;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    background: var(--oqlis-surface);
}
    /* Links inside the dropdown */
    
.dropdown-content a {
    color: var(--oqlis-text);
}

.panel-heading .tool-buttons .dropdown {
    position: relative;
    display: inline-block;
}

.panel-heading .tool-buttons .dropdown-content {
    right: 0;
    top: calc(100% + 4px);
    width: max-content;
    min-width: 180px;
    padding: 6px;
    background-color: var(--oqlis-surface);
    border: 1px solid var(--oqlis-border);
    border-radius: 6px;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.15);
}

.panel-heading .tool-buttons .dropdown-content .dropdown-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.3;
    border-radius: 4px;
    color: var(--oqlis-text);
    text-decoration: none;
    white-space: nowrap;
}

.panel-heading .tool-buttons .dropdown-content .dropdown-item:hover {
    background-color: var(--oqlis-surface-muted);
}
    
    .dx-datagrid.dx-gridbase-container>.dx-datagrid-header-panel {
        order: 0 !important;
    }
    
    .dx-datagrid.dx-gridbase-container>.dx-datagrid-filter-panel {
        order: 1 !important;
        border-bottom: 1px solid var(--oqlis-border) !important;
        border-top: 1px solid var(--oqlis-border) !important;
    }
    
    .dx-datagrid.dx-gridbase-container>.dx-datagrid-headers {
        order: 2 !important;
    }
    
    .dx-datagrid.dx-gridbase-container>.dx-datagrid-rowsview {
        order: 3 !important;
    }
    
    .dx-datagrid.dx-gridbase-container>.dx-widget.dx-datagrid-pager.dx-pager {
        order: 4 !important;
    }

    .iti__country-list {
        background-color: var(--oqlis-surface);
    }

    .lumin-header{
        color: var(--oqlis-text);
        font-size: 18px;
    }

    .lumin-preview{
        color: var(--oqlis-text);
        font-size: 13px;
    }

    .textarea-icon {
        
        background: var(--oqlis-lumin-icon);
        background-size:70%;
    }

    #filtericon {
        position: absolute;
        left: 10px;
    }

.form-control:focus {
    
    box-shadow: 0 0 6px 3px var(--oqlis-btn-primary);
}

.modal-body label {
    font-weight: 600;
    color: var(--oqlis-text);
    margin-bottom: 4px;
}
.modal-body .form-group {
    margin-bottom: 12px; /* increased from typical 12–15px */
}


.modal-backdrop,
.modal-backdrop.show  {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);   /* enough to see blur */
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 1040;
}

.form-horizontal {
    padding: 0px 20px;
}

 .panel-heading .tool-buttons--explore .textarea-icon {
        box-sizing: border-box;
        width: 32px;
        height: 32px;
        padding: 4px;
        border-radius: 4px;
        background-color: var(--oqlis-btn-default);
        cursor: pointer;
        border: none;
    }
    .input-group {
    display: flex;
    width: 100%; /* Ensures the input group fills the container width */    
    }

    #explore-chat-input {
        border-top-right-radius: 0; /* Removes rounded corner on the right */
        border-bottom-right-radius: 0; /* Removes rounded corner on the right */
    }

    #send-button, #send-narrative-button {
        border-top-left-radius: 0; /* Removes rounded corner on the left */
        border-bottom-left-radius: 0; /* Removes rounded corner on the left */
        margin-left: 10px; /* Fixes any gap between input and button */
    }

    .code-container {
        margin-bottom: 10px;
    }

    /* User message styling */
    .user-message {
        background-color: #565252; /* Light blue background */
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
        font-family: Arial, sans-serif;
        color: #ffffff;
    }

    /* Assistant message styling */
    .assistant-message {
        position: relative;  /* Make the parent container relative */
        background-color: #565252;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
        font-family: Arial, sans-serif;
    }


    /* Response label styling */
    .response-label {
        font-weight: bold;
        color: #ffffff; /* Lighter text color for better contrast */
        margin-bottom: 5px;
        display: block;
    }

    /* Code container styling */
    .code-container {
        margin-top: 5px;
        padding: 10px;
        background-color: #131313; /* Background for the code block */
        border-radius: 5px;
    }
    .copy-icon {
        position: absolute;  /* Make it position absolutely */
        top: 10px;           /* Set the position from the top */
        right: 10px;         /* Set the position from the right */
        cursor: pointer;     /* Make the icon clickable */
        color: #ffffff;      /* Green color for the copy icon */
        font-size: 12px;
    }