@charset "utf-8";

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #3c8dbc;
    --indigo: #6610f2;
    --purple: #605ca8;
    --pink: #e83e8c;
    --red: #dd4b39;
    --orange: #fd7e14;
    --yellow: #f39c12;
    --green: #00a65a;
    --teal: #20c997;
    --cyan: #00c0ef;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #3c8dbc;
    --secondary: #6c757d;
    --success: #00a65a;
    --info: #00c0ef;
    --warning: #8a6d3b;
    --danger: #a94442;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 320px;
    --breakpoint-md: 960px;
    --breakpoint-lg: 1366px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1rem;
    line-height: 1.4;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 2px
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

dl,
ol,
ul {
    margin-top: 0
}

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #296282;
    text-decoration: underline
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

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

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

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

textarea {
    overflow: auto;
    resize: vertical
}

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

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 2px;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem
}

.display-1,
.display-2 {
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-3,
.display-4 {
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem
}

hr {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

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

.chart-legend,
.list-inline,
.list-unstyled,
.look-and-feel-v2 .users-list,
.users-list {
    padding-left: 0
}

.list-inline {
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

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

.blockquote {
    margin-bottom: 4px;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer:before {
    content: "— "
}

.img-fluid,
.img-thumbnail {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: 2px;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

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

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:320px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media(min-width:960px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media(min-width:1366px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

.container,
.container-lg,
.container-md,
.container-sm {
    max-width: 1140px
}

.row,
.selection-process-stages {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

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

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

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

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media(min-width:320px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:960px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1366px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 4px;
    color: #212529
}

.table td,
.table th {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

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

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

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

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

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

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

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #c8dfec
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #9ac4dc
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #b5d4e5
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #b8e6d1
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #7ad1a9
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #a5dfc5
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #b8edfb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #7adef7
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #a0e7fa
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ded6c8
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #c2b399
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #d4cab8
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #e7cbca
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #d29e9d
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #dfbab8
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: hsla(0, 0%, 100%, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .075)
}

@media(max-width:319.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media(max-width:959.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media(max-width:1365.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

.selection-process-stages,
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.selection-process-stages>.table-bordered,
.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

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

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #99c5de;
    outline: 0
}

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

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

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

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.4
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.4;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

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

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

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

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #00a65a
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 3px 8px;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.4;
    color: #fff;
    background-color: rgba(0, 166, 90, .9);
    border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #00a65a;
    padding-right: calc(1.4em + .75rem)!important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2300A65A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.35em + .1875rem) center;
    background-size: calc(.7em + .375rem) calc(.7em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #00a65a;
    box-shadow: 0 0 0 .2rem rgba(0, 166, 90, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem!important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.4em + .75rem);
    background-position: top calc(.35em + .1875rem) right calc(.35em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #00a65a;
    padding-right: calc(.75em + 2.3125rem)!important;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2300A65A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 1.75rem/calc(.7em + .375rem) calc(.7em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #00a65a;
    box-shadow: 0 0 0 .2rem rgba(0, 166, 90, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #00a65a
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #00a65a
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
    border-color: #00a65a
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    border-color: #00d976;
    background-color: #00d976
}

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(0, 166, 90, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #00a65a
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #00a65a;
    box-shadow: 0 0 0 .2rem rgba(0, 166, 90, .25)
}

.editable-error-block.help-block,
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #a94442
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 3px 8px;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.4;
    color: #fff;
    background-color: rgba(169, 68, 66, .9);
    border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.editableform .form-group.has-error~.editable-error-block.help-block,
.editableform .form-group.has-error~.invalid-feedback,
.editableform .form-group.has-error~.invalid-tooltip,
.is-invalid~.editable-error-block.help-block,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.editable-error-block.help-block,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.editableform .form-control.form-group.has-error,
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #a94442;
    padding-right: calc(1.4em + .75rem)!important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23A94442'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23A94442' stroke='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.35em + .1875rem) center;
    background-size: calc(.7em + .375rem) calc(.7em + .375rem)
}

.editableform .form-control.form-group.has-error:focus,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #a94442;
    box-shadow: 0 0 0 .2rem rgba(169, 68, 66, .25)
}

.editableform select.form-control.form-group.has-error,
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem!important;
    background-position: right 1.5rem center
}

.editableform textarea.form-control.form-group.has-error,
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.4em + .75rem);
    background-position: top calc(.35em + .1875rem) right calc(.35em + .1875rem)
}

.custom-select.is-invalid,
.editableform .custom-select.form-group.has-error,
.was-validated .custom-select:invalid {
    border-color: #a94442;
    padding-right: calc(.75em + 2.3125rem)!important;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23A94442'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23A94442' stroke='none'/%3E%3C/svg%3E") center right 1.75rem/calc(.7em + .375rem) calc(.7em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.editableform .custom-select.form-group.has-error:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #a94442;
    box-shadow: 0 0 0 .2rem rgba(169, 68, 66, .25)
}

.editableform .form-check-input.form-group.has-error~.form-check-label,
.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #a94442
}

.editableform .form-check-input.form-group.has-error~.editable-error-block.help-block,
.editableform .form-check-input.form-group.has-error~.invalid-feedback,
.editableform .form-check-input.form-group.has-error~.invalid-tooltip,
.form-check-input.is-invalid~.editable-error-block.help-block,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.editable-error-block.help-block,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.editableform .custom-control-input.form-group.has-error~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #a94442
}

.custom-control-input.is-invalid~.custom-control-label:before,
.editableform .custom-control-input.form-group.has-error~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
    border-color: #a94442
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.editableform .custom-control-input.form-group.has-error:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    border-color: #c0605e;
    background-color: #c0605e
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.editableform .custom-control-input.form-group.has-error:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(169, 68, 66, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
.custom-file-input.is-invalid~.custom-file-label,
.editableform .custom-control-input.form-group.has-error:focus:not(:checked)~.custom-control-label:before,
.editableform .custom-file-input.form-group.has-error~.custom-file-label,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #a94442
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.editableform .custom-file-input.form-group.has-error:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #a94442;
    box-shadow: 0 0 0 .2rem rgba(169, 68, 66, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media(min-width:320px) {
    .form-inline label {
        justify-content: center
    }
    .form-inline .form-group,
    .form-inline label {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
button.upload-result {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.4;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .btn,
    .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
    button.upload-result {
        transition: none
    }
}

.btn:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled:hover,
button.upload-result:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .focus.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled:focus,
button.focus.upload-result,
button.upload-result:focus {
    outline: 0;
    box-shadow: none
}

.btn.disabled,
.btn:disabled,
.look-and-feel-v2 .swal2-popup .swal2-actions .disabled.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled:disabled,
button.disabled.upload-result,
button.upload-result:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled),
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled:not(:disabled):not(.disabled),
button.upload-result:not(:disabled):not(.disabled) {
    cursor: pointer
}

.look-and-feel-v2 .swal2-popup .swal2-actions a.disabled.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions fieldset:disabled a.swal2-styled,
a.btn.disabled,
fieldset:disabled .look-and-feel-v2 .swal2-popup .swal2-actions a.swal2-styled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm,
button.upload-result {
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc
}

.btn-primary:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:hover,
button.upload-result:hover {
    color: #fff;
    background-color: #33779f;
    border-color: #307095
}

.btn-primary.focus,
.btn-primary:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .focus.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:focus,
button.focus.upload-result,
button.upload-result:focus {
    color: #fff;
    background-color: #33779f;
    border-color: #307095;
    box-shadow: 0 0 0 0 rgba(89, 158, 198, .5)
}

.btn-primary.disabled,
.btn-primary:disabled,
.look-and-feel-v2 .swal2-popup .swal2-actions .disabled.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:disabled,
button.disabled.upload-result,
button.upload-result:disabled {
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.look-and-feel-v2 .swal2-popup .swal2-actions .show>.dropdown-toggle.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:not(:disabled):not(.disabled).active,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.show>button.dropdown-toggle.upload-result,
button.upload-result:not(:disabled):not(.disabled).active,
button.upload-result:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #307095;
    border-color: #2d698c
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .show>.dropdown-toggle.swal2-styled.swal2-confirm:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:not(:disabled):not(.disabled).active:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.show>button.dropdown-toggle.upload-result:focus,
button.upload-result:not(:disabled):not(.disabled).active:focus,
button.upload-result:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0 rgba(89, 158, 198, .5)
}

.btn-secondary,
.look-and-feel-v1 a.btn-default,
.look-and-feel-v1 button.btn-default,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover,
.look-and-feel-v1 a.btn-default:hover,
.look-and-feel-v1 button.btn-default:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus,
.look-and-feel-v1 a.btn-default:focus,
.look-and-feel-v1 a.focus.btn-default,
.look-and-feel-v1 button.btn-default:focus,
.look-and-feel-v1 button.focus.btn-default,
.look-and-feel-v2 .swal2-popup .swal2-actions .focus.swal2-styled.swal2-cancel,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 0 rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled,
.look-and-feel-v1 a.btn-default:disabled,
.look-and-feel-v1 a.disabled.btn-default,
.look-and-feel-v1 button.btn-default:disabled,
.look-and-feel-v1 button.disabled.btn-default,
.look-and-feel-v2 .swal2-popup .swal2-actions .disabled.swal2-styled.swal2-cancel,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.look-and-feel-v1 .show>a.dropdown-toggle.btn-default,
.look-and-feel-v1 .show>button.dropdown-toggle.btn-default,
.look-and-feel-v1 a.btn-default:not(:disabled):not(.disabled).active,
.look-and-feel-v1 a.btn-default:not(:disabled):not(.disabled):active,
.look-and-feel-v1 button.btn-default:not(:disabled):not(.disabled).active,
.look-and-feel-v1 button.btn-default:not(:disabled):not(.disabled):active,
.look-and-feel-v2 .swal2-popup .swal2-actions .show>.dropdown-toggle.swal2-styled.swal2-cancel,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:not(:disabled):not(.disabled).active,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.look-and-feel-v1 .show>a.dropdown-toggle.btn-default:focus,
.look-and-feel-v1 .show>button.dropdown-toggle.btn-default:focus,
.look-and-feel-v1 a.btn-default:not(:disabled):not(.disabled).active:focus,
.look-and-feel-v1 a.btn-default:not(:disabled):not(.disabled):active:focus,
.look-and-feel-v1 button.btn-default:not(:disabled):not(.disabled).active:focus,
.look-and-feel-v1 button.btn-default:not(:disabled):not(.disabled):active:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .show>.dropdown-toggle.swal2-styled.swal2-cancel:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:not(:disabled):not(.disabled).active:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #00a65a;
    border-color: #00a65a
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
    color: #fff;
    background-color: #008045;
    border-color: #00733e
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 0 rgba(38, 179, 115, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #00a65a;
    border-color: #00a65a
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #00733e;
    border-color: #006637
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(38, 179, 115, .5)
}

.btn-info {
    color: #fff;
    background-color: #00c0ef;
    border-color: #00c0ef
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
    color: #fff;
    background-color: #00a1c9;
    border-color: #0097bc
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 0 rgba(38, 201, 241, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #00c0ef;
    border-color: #00c0ef
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0097bc;
    border-color: #008daf
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(38, 201, 241, .5)
}

.btn-warning {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
    color: #fff;
    background-color: #6f5830;
    border-color: #66512c
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 0 rgba(156, 131, 88, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #66512c;
    border-color: #5d4a28
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(156, 131, 88, .5)
}

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

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
    color: #fff;
    background-color: #8d3937;
    border-color: #843534
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 0 rgba(182, 96, 94, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #843534;
    border-color: #7b3230
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(182, 96, 94, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 0 rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 0 rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #3c8dbc;
    border-color: #3c8dbc
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0 rgba(60, 141, 188, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #3c8dbc;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(60, 141, 188, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0 rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #00a65a;
    border-color: #00a65a
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #00a65a;
    border-color: #00a65a
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 0 rgba(0, 166, 90, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #00a65a;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #00a65a;
    border-color: #00a65a
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(0, 166, 90, .5)
}

.btn-outline-info {
    color: #00c0ef;
    border-color: #00c0ef
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #00c0ef;
    border-color: #00c0ef
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 0 rgba(0, 192, 239, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #00c0ef;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #00c0ef;
    border-color: #00c0ef
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(0, 192, 239, .5)
}

.btn-outline-warning {
    color: #8a6d3b;
    border-color: #8a6d3b
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 0 rgba(138, 109, 59, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #8a6d3b;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(138, 109, 59, .5)
}

.btn-outline-danger {
    color: #a94442;
    border-color: #a94442
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 0 rgba(169, 68, 66, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #a94442;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(169, 68, 66, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 0 rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 0 rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #3c8dbc;
    text-decoration: none
}

.btn-link:hover {
    color: #296282
}

.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-group-lg>button.upload-result,
.btn-lg,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-lg>.swal2-styled {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-group-sm>button.upload-result,
.btn-sm,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.swal2-styled {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

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

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

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

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

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

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

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

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

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

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: 2px 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item,
.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider) {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:focus:not(.dropdown-divider),
.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:hover:not(.dropdown-divider) {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a.active:not(.dropdown-divider),
.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:active:not(.dropdown-divider) {
    color: #fff;
    text-decoration: none;
    background-color: #3c8dbc
}

.dropdown-item.disabled,
.dropdown-item:disabled,
.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a.disabled:not(.dropdown-divider),
.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:disabled:not(.dropdown-divider) {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

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

.btn-group-vertical>.btn,
.btn-group-vertical>button.upload-result,
.btn-group>.btn,
.btn-group>button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group>.swal2-styled {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>button.active.upload-result,
.btn-group-vertical>button.upload-result:active,
.btn-group-vertical>button.upload-result:focus,
.btn-group-vertical>button.upload-result:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover,
.btn-group>button.active.upload-result,
.btn-group>button.upload-result:active,
.btn-group>button.upload-result:focus,
.btn-group>button.upload-result:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical>.active.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical>.swal2-styled:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical>.swal2-styled:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical>.swal2-styled:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group>.active.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group>.swal2-styled:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group>.swal2-styled:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group>.swal2-styled:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child),
.btn-group>button.upload-result:not(:first-child),
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group>.swal2-styled:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn-group:not(:last-child)>button.upload-result,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>button.upload-result:not(:last-child):not(.dropdown-toggle),
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group>.btn-group:not(:last-child)>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group>.swal2-styled:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn-group:not(:first-child)>button.upload-result,
.btn-group>.btn:not(:first-child),
.btn-group>button.upload-result:not(:first-child),
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group>.btn-group:not(:first-child)>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group>.swal2-styled:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-group-sm>button.upload-result+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.swal2-styled+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-group-lg>button.upload-result+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-lg>.swal2-styled+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical>.swal2-styled {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>button.upload-result:not(:first-child),
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical>.swal2-styled:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn-group:not(:last-child)>button.upload-result,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>button.upload-result:not(:last-child):not(.dropdown-toggle),
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical>.btn-group:not(:last-child)>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical>.swal2-styled:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn-group:not(:first-child)>button.upload-result,
.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>button.upload-result:not(:first-child),
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical>.btn-group:not(:first-child)>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical>.swal2-styled:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn,
.btn-group-toggle>.btn-group>button.upload-result,
.btn-group-toggle>button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-toggle>.btn-group>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-toggle>.swal2-styled {
    margin-bottom: 0
}

.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>button.upload-result input[type=checkbox],
.btn-group-toggle>button.upload-result input[type=radio],
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-toggle>.swal2-styled input[type=checkbox],
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-toggle>.swal2-styled input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3),
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-append .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.input-group-append button.upload-result,
.input-group-prepend .btn,
.input-group-prepend .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.input-group-prepend button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-append .swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-prepend .swal2-styled {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-append .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled:focus,
.input-group-append button.upload-result:focus,
.input-group-prepend .btn:focus,
.input-group-prepend .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled:focus,
.input-group-prepend button.upload-result:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-append .swal2-styled:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-prepend .swal2-styled:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .btn+button.upload-result,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+button.upload-result,
.input-group-append .look-and-feel-v2 .swal2-popup .swal2-actions .btn+.swal2-styled,
.input-group-append .look-and-feel-v2 .swal2-popup .swal2-actions .input-group-text+.swal2-styled,
.input-group-append .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled+.btn,
.input-group-append .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled+.input-group-text,
.input-group-append .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled+.swal2-styled,
.input-group-append .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled+button.upload-result,
.input-group-append .look-and-feel-v2 .swal2-popup .swal2-actions button.upload-result+.swal2-styled,
.input-group-append button.upload-result+.btn,
.input-group-append button.upload-result+.input-group-text,
.input-group-append button.upload-result+button.upload-result,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .btn+button.upload-result,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+button.upload-result,
.input-group-prepend .look-and-feel-v2 .swal2-popup .swal2-actions .btn+.swal2-styled,
.input-group-prepend .look-and-feel-v2 .swal2-popup .swal2-actions .input-group-text+.swal2-styled,
.input-group-prepend .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled+.btn,
.input-group-prepend .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled+.input-group-text,
.input-group-prepend .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled+.swal2-styled,
.input-group-prepend .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled+button.upload-result,
.input-group-prepend .look-and-feel-v2 .swal2-popup .swal2-actions button.upload-result+.swal2-styled,
.input-group-prepend button.upload-result+.btn,
.input-group-prepend button.upload-result+.input-group-text,
.input-group-prepend button.upload-result+button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-append .btn+.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-append .input-group-text+.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-append .swal2-styled+.btn,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-append .swal2-styled+.input-group-text,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-append .swal2-styled+.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-append .swal2-styled+button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-append button.upload-result+.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-prepend .btn+.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-prepend .input-group-text+.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-prepend .swal2-styled+.btn,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-prepend .swal2-styled+.input-group-text,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-prepend .swal2-styled+.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-prepend .swal2-styled+button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-prepend button.upload-result+.swal2-styled {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

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

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-append>button.upload-result,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-prepend>button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-lg>.input-group-append>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-lg>.input-group-prepend>.swal2-styled {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-append>button.upload-result,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-prepend>button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-sm>.input-group-append>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-sm>.input-group-prepend>.swal2-styled {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>button.upload-result,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>button.upload-result,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:last-child>button.upload-result:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-prepend>button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group>.input-group-append:last-child>.swal2-styled:not(:last-child):not(.dropdown-toggle),
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group>.input-group-prepend>.swal2-styled {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-append>button.upload-result,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:first-child>button.upload-result:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group>.input-group-append>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group>.input-group-prepend:first-child>.swal2-styled:not(:first-child),
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group>.input-group-prepend:not(:first-child)>.swal2-styled {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.4rem;
    padding-left: 1.5rem;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.2rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    border-color: #3c8dbc;
    background-color: #3c8dbc
}

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: none
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #99c5de
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
    color: #fff;
    background-color: #c0dbeb;
    border-color: #c0dbeb
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before,
.custom-control-input[disabled]~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label:before {
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label:after,
.custom-control-label:before {
    position: absolute;
    top: .2rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: ""
}

.custom-control-label:after {
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23FFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    border-color: #3c8dbc;
    background-color: #3c8dbc
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23FFF' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(60, 141, 188, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: rgba(60, 141, 188, .5)
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFF'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(60, 141, 188, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label:after {
    top: calc(.2rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label:after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(60, 141, 188, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: 34px;
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #99c5de;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(60, 141, 188, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    display: inline-block;
    margin-bottom: 0
}

.custom-file,
.custom-file-input {
    position: relative;
    width: 100%;
    height: 34px
}

.custom-file-input {
    z-index: 2;
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #99c5de;
    box-shadow: none
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]:after {
    content: attr(data-browse)
}

.custom-file-label {
    left: 0;
    z-index: 1;
    height: 34px;
    overflow: hidden;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label,
.custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    padding: .375rem .75rem;
    line-height: 1.4;
    color: #495057
}

.custom-file-label:after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.4em + .75rem);
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, none
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, none
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, none
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #3c8dbc;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #c0dbeb
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #3c8dbc;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #c0dbeb
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #3c8dbc;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #c0dbeb
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .custom-control-label:before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

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

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.nav-link {
    display: block;
    padding: .5rem 1rem
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link:focus,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link:hover,
.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.disabled.dropdown-toggle,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.disabled.nav-link,
.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link:focus,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.disabled.dropdown-toggle,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.disabled.nav-link,
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-link,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.nav-link,
.look-and-feel-v1 .nav-tabs .nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .nav-tabs .nav-item.show .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.nav-tabs .nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.nav-tabs .nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.look-and-feel-v1 .nav-pills .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .nav-pills .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.nav-pills .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.nav-pills .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .25rem
}

.look-and-feel-v1 .nav-pills .nav-tabs-custom>.nav-tabs>li.show>a.dropdown-toggle,
.look-and-feel-v1 .nav-pills .nav-tabs-custom>.nav-tabs>li.show>a.nav-link,
.look-and-feel-v1 .nav-pills .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.look-and-feel-v1 .nav-pills .nav-tabs-custom>.nav-tabs>li>a.active.nav-link,
.nav-pills .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show>a.dropdown-toggle,
.nav-pills .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show>a.nav-link,
.nav-pills .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.nav-pills .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.nav-link,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #3c8dbc
}

.look-and-feel-v1 .nav-fill .nav-tabs-custom>.nav-tabs>li,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.nav-fill>a.dropdown-toggle,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.nav-fill>a.nav-link,
.nav-fill .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li,
.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.look-and-feel-v1 .nav-justified .nav-tabs-custom>.nav-tabs>li,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.nav-justified>a.dropdown-toggle,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.nav-justified>a.nav-link,
.nav-justified .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li,
.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    padding: 2px 4px
}

.navbar,
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .325rem;
    padding-bottom: .325rem;
    margin-right: 4px;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.look-and-feel-v1 .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media(max-width:319.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:320px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .look-and-feel-v1 .navbar-expand-sm .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
    .look-and-feel-v1 .navbar-expand-sm .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.nav-link,
    .navbar-expand-sm .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
    .navbar-expand-sm .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media(max-width:959.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:960px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .look-and-feel-v1 .navbar-expand-md .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
    .look-and-feel-v1 .navbar-expand-md .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.nav-link,
    .navbar-expand-md .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
    .navbar-expand-md .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media(max-width:1365.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1366px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .look-and-feel-v1 .navbar-expand-lg .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
    .look-and-feel-v1 .navbar-expand-lg .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.nav-link,
    .navbar-expand-lg .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
    .navbar-expand-lg .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.look-and-feel-v1 .navbar-expand .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .navbar-expand .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.navbar-expand .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.navbar-expand .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.nav-link:focus,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.nav-link:hover,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link:focus,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.disabled.dropdown-toggle,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.disabled.nav-link,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.disabled.dropdown-toggle,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.disabled.nav-link,
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li.active>a.dropdown-toggle,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li.active>a.nav-link,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li.show>a.dropdown-toggle,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li.show>a.nav-link,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.active.nav-link,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.show.dropdown-toggle,
.look-and-feel-v1 .navbar-light .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.show.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.active>a.dropdown-toggle,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.active>a.nav-link,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show>a.dropdown-toggle,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show>a.nav-link,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.nav-link,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.show.dropdown-toggle,
.navbar-light .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.show.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.navbar-dark .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, .5)
}

.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.nav-link:focus,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.nav-link:hover,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link:focus,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}

.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.disabled.dropdown-toggle,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.disabled.nav-link,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.disabled.dropdown-toggle,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.disabled.nav-link,
.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .25)
}

.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li.active>a.dropdown-toggle,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li.active>a.nav-link,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li.show>a.dropdown-toggle,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li.show>a.nav-link,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.active.nav-link,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.show.dropdown-toggle,
.look-and-feel-v1 .navbar-dark .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.show.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.active>a.dropdown-toggle,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.active>a.nav-link,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show>a.dropdown-toggle,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show>a.nav-link,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.nav-link,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.show.dropdown-toggle,
.navbar-dark .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.show.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-header-pills,
.card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media(min-width:320px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media(min-width:320px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media(min-width:320px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        grid-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.look-and-feel-v1 .pagination li a,
.look-and-feel-v2 .pagination li a,
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #3c8dbc;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.look-and-feel-v1 .pagination li a:hover,
.look-and-feel-v2 .pagination li a:hover,
.page-link:hover {
    z-index: 2;
    color: #296282;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.look-and-feel-v1 .pagination li a:focus,
.look-and-feel-v2 .pagination li a:focus,
.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none
}

.look-and-feel-v1 .pagination li .page-item:first-child a,
.look-and-feel-v1 .pagination li:first-child .page-link,
.look-and-feel-v1 .pagination li:first-child a,
.look-and-feel-v2 .pagination li .page-item:first-child a,
.look-and-feel-v2 .pagination li:first-child .page-link,
.look-and-feel-v2 .pagination li:first-child a,
.page-item:first-child .look-and-feel-v1 .pagination li a,
.page-item:first-child .look-and-feel-v2 .pagination li a,
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.look-and-feel-v1 .pagination li .page-item:last-child a,
.look-and-feel-v1 .pagination li:last-child .page-link,
.look-and-feel-v1 .pagination li:last-child a,
.look-and-feel-v2 .pagination li .page-item:last-child a,
.look-and-feel-v2 .pagination li:last-child .page-link,
.look-and-feel-v2 .pagination li:last-child a,
.page-item:last-child .look-and-feel-v1 .pagination li a,
.page-item:last-child .look-and-feel-v2 .pagination li a,
.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.look-and-feel-v1 .pagination li.active .page-link,
.look-and-feel-v1 .pagination li.active a,
.look-and-feel-v1 .pagination li .page-item.active a,
.look-and-feel-v2 .pagination li.active .page-link,
.look-and-feel-v2 .pagination li.active a,
.look-and-feel-v2 .pagination li .page-item.active a,
.page-item.active .look-and-feel-v1 .pagination li a,
.page-item.active .look-and-feel-v2 .pagination li a,
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc
}

.look-and-feel-v1 .pagination li.disabled .page-link,
.look-and-feel-v1 .pagination li.disabled a,
.look-and-feel-v1 .pagination li .page-item.disabled a,
.look-and-feel-v2 .pagination li.disabled .page-link,
.look-and-feel-v2 .pagination li.disabled a,
.look-and-feel-v2 .pagination li .page-item.disabled a,
.page-item.disabled .look-and-feel-v1 .pagination li a,
.page-item.disabled .look-and-feel-v2 .pagination li a,
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.look-and-feel-v1 .pagination li .pagination-lg a,
.look-and-feel-v2 .pagination li .pagination-lg a,
.pagination-lg .look-and-feel-v1 .pagination li a,
.pagination-lg .look-and-feel-v2 .pagination li a,
.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.look-and-feel-v1 .pagination .pagination-lg li:first-child .page-link,
.look-and-feel-v1 .pagination .pagination-lg li:first-child a,
.look-and-feel-v1 .pagination li .pagination-lg .page-item:first-child a,
.look-and-feel-v2 .pagination .pagination-lg li:first-child .page-link,
.look-and-feel-v2 .pagination .pagination-lg li:first-child a,
.look-and-feel-v2 .pagination li .pagination-lg .page-item:first-child a,
.pagination-lg .look-and-feel-v1 .pagination li:first-child .page-link,
.pagination-lg .look-and-feel-v1 .pagination li:first-child a,
.pagination-lg .look-and-feel-v2 .pagination li:first-child .page-link,
.pagination-lg .look-and-feel-v2 .pagination li:first-child a,
.pagination-lg .page-item:first-child .look-and-feel-v1 .pagination li a,
.pagination-lg .page-item:first-child .look-and-feel-v2 .pagination li a,
.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.look-and-feel-v1 .pagination .pagination-lg li:last-child .page-link,
.look-and-feel-v1 .pagination .pagination-lg li:last-child a,
.look-and-feel-v1 .pagination li .pagination-lg .page-item:last-child a,
.look-and-feel-v2 .pagination .pagination-lg li:last-child .page-link,
.look-and-feel-v2 .pagination .pagination-lg li:last-child a,
.look-and-feel-v2 .pagination li .pagination-lg .page-item:last-child a,
.pagination-lg .look-and-feel-v1 .pagination li:last-child .page-link,
.pagination-lg .look-and-feel-v1 .pagination li:last-child a,
.pagination-lg .look-and-feel-v2 .pagination li:last-child .page-link,
.pagination-lg .look-and-feel-v2 .pagination li:last-child a,
.pagination-lg .page-item:last-child .look-and-feel-v1 .pagination li a,
.pagination-lg .page-item:last-child .look-and-feel-v2 .pagination li a,
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.look-and-feel-v1 .pagination li .pagination-sm a,
.look-and-feel-v2 .pagination li .pagination-sm a,
.pagination-sm .look-and-feel-v1 .pagination li a,
.pagination-sm .look-and-feel-v2 .pagination li a,
.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.look-and-feel-v1 .pagination .pagination-sm li:first-child .page-link,
.look-and-feel-v1 .pagination .pagination-sm li:first-child a,
.look-and-feel-v1 .pagination li .pagination-sm .page-item:first-child a,
.look-and-feel-v2 .pagination .pagination-sm li:first-child .page-link,
.look-and-feel-v2 .pagination .pagination-sm li:first-child a,
.look-and-feel-v2 .pagination li .pagination-sm .page-item:first-child a,
.pagination-sm .look-and-feel-v1 .pagination li:first-child .page-link,
.pagination-sm .look-and-feel-v1 .pagination li:first-child a,
.pagination-sm .look-and-feel-v2 .pagination li:first-child .page-link,
.pagination-sm .look-and-feel-v2 .pagination li:first-child a,
.pagination-sm .page-item:first-child .look-and-feel-v1 .pagination li a,
.pagination-sm .page-item:first-child .look-and-feel-v2 .pagination li a,
.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.look-and-feel-v1 .pagination .pagination-sm li:last-child .page-link,
.look-and-feel-v1 .pagination .pagination-sm li:last-child a,
.look-and-feel-v1 .pagination li .pagination-sm .page-item:last-child a,
.look-and-feel-v2 .pagination .pagination-sm li:last-child .page-link,
.look-and-feel-v2 .pagination .pagination-sm li:last-child a,
.look-and-feel-v2 .pagination li .pagination-sm .page-item:last-child a,
.pagination-sm .look-and-feel-v1 .pagination li:last-child .page-link,
.pagination-sm .look-and-feel-v1 .pagination li:last-child a,
.pagination-sm .look-and-feel-v2 .pagination li:last-child .page-link,
.pagination-sm .look-and-feel-v2 .pagination li:last-child a,
.pagination-sm .page-item:last-child .look-and-feel-v1 .pagination li a,
.pagination-sm .page-item:last-child .look-and-feel-v2 .pagination li a,
.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled .badge,
button.upload-result .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #3c8dbc
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #307095
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(60, 141, 188, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #00a65a
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #00733e
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 166, 90, .5)
}

.badge-info {
    color: #fff;
    background-color: #00c0ef
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #0097bc
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 192, 239, .5)
}

.badge-warning {
    color: #fff;
    background-color: #8a6d3b
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #fff;
    background-color: #66512c
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(138, 109, 59, .5)
}

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

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #843534
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(169, 68, 66, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media(min-width:320px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #1f4962;
    background-color: #d8e8f2;
    border-color: #c8dfec
}

.alert-primary hr {
    border-top-color: #b5d4e5
}

.alert-primary .alert-link {
    color: #132c3b
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #00562f;
    background-color: #ccedde;
    border-color: #b8e6d1
}

.alert-success hr {
    border-top-color: #a5dfc5
}

.alert-success .alert-link {
    color: #002313
}

.alert-info {
    color: #00647c;
    background-color: #ccf2fc;
    border-color: #b8edfb
}

.alert-info hr {
    border-top-color: #a0e7fa
}

.alert-info .alert-link {
    color: #003b49
}

.alert-warning {
    color: #48391f;
    background-color: #e8e2d8;
    border-color: #ded6c8
}

.alert-warning hr {
    border-top-color: #d4cab8
}

.alert-warning .alert-link {
    color: #241d10
}

.alert-danger {
    color: #582322;
    background-color: #eedad9;
    border-color: #e7cbca
}

.alert-danger hr {
    border-top-color: #dfbab8
}

.alert-danger .alert-link {
    color: #331414
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 1rem;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress,
.progress-bar {
    display: flex;
    overflow: hidden
}

.progress-bar {
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #3c8dbc;
    transition: width .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media(min-width:320px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media(min-width:960px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media(min-width:1366px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #1f4962;
    background-color: #c8dfec
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #1f4962;
    background-color: #b5d4e5
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #1f4962;
    border-color: #1f4962
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #00562f;
    background-color: #b8e6d1
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #00562f;
    background-color: #a5dfc5
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #00562f;
    border-color: #00562f
}

.list-group-item-info {
    color: #00647c;
    background-color: #b8edfb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #00647c;
    background-color: #a0e7fa
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #00647c;
    border-color: #00647c
}

.list-group-item-warning {
    color: #48391f;
    background-color: #ded6c8
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #48391f;
    background-color: #d4cab8
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #48391f;
    border-color: #48391f
}

.list-group-item-danger {
    color: #582322;
    background-color: #e7cbca
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #582322;
    background-color: #dfbab8
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #582322;
    border-color: #582322
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: hsla(0, 0%, 100%, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: hsla(0, 0%, 100%, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 20px)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 20px);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 20px)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 20px);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.4
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width:320px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media(min-width:1366px) {
    .modal-lg,
    .modal-xl {
        max-width: 900px
    }
}

.modal-xl {
    max-width: 1200px
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover,
.popover .arrow {
    position: absolute;
    display: block
}

.popover .arrow {
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow:after,
.popover .arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow:before,
.bs-popover-top>.arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow:after,
.bs-popover-top>.arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow:before,
.bs-popover-right>.arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow:after,
.bs-popover-right>.arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.bs-popover-bottom>.arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.bs-popover-bottom>.arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow:before,
.bs-popover-left>.arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow:after,
.bs-popover-left>.arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media(prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='8' height='8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='8' height='8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid;
    border-right: .25em solid transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media(prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.bg-primary {
    background-color: #3c8dbc!important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #307095!important
}

.bg-secondary {
    background-color: #6c757d!important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62!important
}

.bg-success {
    background-color: #00a65a!important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #00733e!important
}

.bg-info {
    background-color: #00c0ef!important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #0097bc!important
}

.bg-warning {
    background-color: #8a6d3b!important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #66512c!important
}

.bg-danger {
    background-color: #a94442!important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #843534!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #3c8dbc!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #00a65a!important
}

.border-info {
    border-color: #00c0ef!important
}

.border-warning {
    border-color: #8a6d3b!important
}

.border-danger {
    border-color: #a94442!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

.border-white {
    border-color: #fff!important
}

.rounded-sm {
    border-radius: .2rem!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem!important
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important
}

.rounded-lg {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media(min-width:320px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: flex!important
    }
    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media(min-width:960px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: flex!important
    }
    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media(min-width:1366px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: flex!important
    }
    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!important
    }
    .d-print-table {
        display: table!important
    }
    .d-print-table-row {
        display: table-row!important
    }
    .d-print-table-cell {
        display: table-cell!important
    }
    .d-print-flex {
        display: flex!important
    }
    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.85714286%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

@media(min-width:320px) {
    .flex-sm-row {
        flex-direction: row!important
    }
    .flex-sm-column {
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-sm-fill {
        flex: 1 1 auto!important
    }
    .flex-sm-grow-0 {
        flex-grow: 0!important
    }
    .flex-sm-grow-1 {
        flex-grow: 1!important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-sm-start {
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        justify-content: center!important
    }
    .justify-content-sm-between {
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        justify-content: space-around!important
    }
    .align-items-sm-start {
        align-items: flex-start!important
    }
    .align-items-sm-end {
        align-items: flex-end!important
    }
    .align-items-sm-center {
        align-items: center!important
    }
    .align-items-sm-baseline {
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        align-items: stretch!important
    }
    .align-content-sm-start {
        align-content: flex-start!important
    }
    .align-content-sm-end {
        align-content: flex-end!important
    }
    .align-content-sm-center {
        align-content: center!important
    }
    .align-content-sm-between {
        align-content: space-between!important
    }
    .align-content-sm-around {
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        align-content: stretch!important
    }
    .align-self-sm-auto {
        align-self: auto!important
    }
    .align-self-sm-start {
        align-self: flex-start!important
    }
    .align-self-sm-end {
        align-self: flex-end!important
    }
    .align-self-sm-center {
        align-self: center!important
    }
    .align-self-sm-baseline {
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media(min-width:960px) {
    .flex-md-row {
        flex-direction: row!important
    }
    .flex-md-column {
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-md-fill {
        flex: 1 1 auto!important
    }
    .flex-md-grow-0 {
        flex-grow: 0!important
    }
    .flex-md-grow-1 {
        flex-grow: 1!important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-md-start {
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        justify-content: center!important
    }
    .justify-content-md-between {
        justify-content: space-between!important
    }
    .justify-content-md-around {
        justify-content: space-around!important
    }
    .align-items-md-start {
        align-items: flex-start!important
    }
    .align-items-md-end {
        align-items: flex-end!important
    }
    .align-items-md-center {
        align-items: center!important
    }
    .align-items-md-baseline {
        align-items: baseline!important
    }
    .align-items-md-stretch {
        align-items: stretch!important
    }
    .align-content-md-start {
        align-content: flex-start!important
    }
    .align-content-md-end {
        align-content: flex-end!important
    }
    .align-content-md-center {
        align-content: center!important
    }
    .align-content-md-between {
        align-content: space-between!important
    }
    .align-content-md-around {
        align-content: space-around!important
    }
    .align-content-md-stretch {
        align-content: stretch!important
    }
    .align-self-md-auto {
        align-self: auto!important
    }
    .align-self-md-start {
        align-self: flex-start!important
    }
    .align-self-md-end {
        align-self: flex-end!important
    }
    .align-self-md-center {
        align-self: center!important
    }
    .align-self-md-baseline {
        align-self: baseline!important
    }
    .align-self-md-stretch {
        align-self: stretch!important
    }
}

@media(min-width:1366px) {
    .flex-lg-row {
        flex-direction: row!important
    }
    .flex-lg-column {
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-lg-fill {
        flex: 1 1 auto!important
    }
    .flex-lg-grow-0 {
        flex-grow: 0!important
    }
    .flex-lg-grow-1 {
        flex-grow: 1!important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-lg-start {
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        justify-content: center!important
    }
    .justify-content-lg-between {
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        justify-content: space-around!important
    }
    .align-items-lg-start {
        align-items: flex-start!important
    }
    .align-items-lg-end {
        align-items: flex-end!important
    }
    .align-items-lg-center {
        align-items: center!important
    }
    .align-items-lg-baseline {
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        align-items: stretch!important
    }
    .align-content-lg-start {
        align-content: flex-start!important
    }
    .align-content-lg-end {
        align-content: flex-end!important
    }
    .align-content-lg-center {
        align-content: center!important
    }
    .align-content-lg-between {
        align-content: space-between!important
    }
    .align-content-lg-around {
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        align-content: stretch!important
    }
    .align-self-lg-auto {
        align-self: auto!important
    }
    .align-self-lg-start {
        align-self: flex-start!important
    }
    .align-self-lg-end {
        align-self: flex-end!important
    }
    .align-self-lg-center {
        align-self: center!important
    }
    .align-self-lg-baseline {
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        align-self: stretch!important
    }
}

.float-left,
.search-filter {
    float: left!important
}

.float-right,
.process-actions,
button.upload-result {
    float: right!important
}

.float-none {
    float: none!important
}

@media(min-width:320px) {
    .float-sm-left {
        float: left!important
    }
    .float-sm-right {
        float: right!important
    }
    .float-sm-none {
        float: none!important
    }
}

@media(min-width:960px) {
    .float-md-left {
        float: left!important
    }
    .float-md-right {
        float: right!important
    }
    .float-md-none {
        float: none!important
    }
}

@media(min-width:1366px) {
    .float-lg-left {
        float: left!important
    }
    .float-lg-right {
        float: right!important
    }
    .float-lg-none {
        float: none!important
    }
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    -ms-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

.overflow-auto {
    overflow: auto!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

@supports((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    white-space: nowrap
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}

.shadow-none {
    box-shadow: none!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.vw-100 {
    width: 100vw!important
}

.vh-100 {
    height: 100vh!important
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: 4px!important
}

.look-and-feel-v1 .btn-app>.fa,
.look-and-feel-v1 .btn-app>.glyphicon,
.look-and-feel-v1 .btn-app>.ion,
.look-and-feel-v1 .btn-app>i,
.look-and-feel-v2 .btn-app>.fa,
.look-and-feel-v2 .btn-app>.glyphicon,
.look-and-feel-v2 .btn-app>.ion,
.look-and-feel-v2 .btn-app>i,
.mt-1,
.my-1 {
    margin-top: 4px!important
}

.mr-1,
.mx-1 {
    margin-right: 4px!important
}

.look-and-feel-v1 .btn-app>.fa,
.look-and-feel-v1 .btn-app>.glyphicon,
.look-and-feel-v1 .btn-app>.ion,
.look-and-feel-v1 .btn-app>i,
.look-and-feel-v2 .btn-app>.fa,
.look-and-feel-v2 .btn-app>.glyphicon,
.look-and-feel-v2 .btn-app>.ion,
.look-and-feel-v2 .btn-app>i,
.mb-1,
.my-1 {
    margin-bottom: 4px!important
}

.ml-1,
.mx-1 {
    margin-left: 4px!important
}

.m-2 {
    margin: 8px!important
}

.mt-2,
.my-2 {
    margin-top: 8px!important
}

.mr-2,
.mx-2 {
    margin-right: 8px!important
}

.mb-2,
.my-2 {
    margin-bottom: 8px!important
}

.ml-2,
.mx-2 {
    margin-left: 8px!important
}

.m-3 {
    margin: 12px!important
}

.avatar-banner--info,
.mt-3,
.my-3 {
    margin-top: 12px!important
}

.mr-3,
.mx-3 {
    margin-right: 12px!important
}

.avatar-banner--info,
.mb-3,
.my-3 {
    margin-bottom: 12px!important
}

.ml-3,
.mx-3 {
    margin-left: 12px!important
}

.m-4 {
    margin: 16px!important
}

.mt-4,
.my-4 {
    margin-top: 16px!important
}

.mr-4,
.mx-4 {
    margin-right: 16px!important
}

.mb-4,
.my-4 {
    margin-bottom: 16px!important
}

.ml-4,
.mx-4 {
    margin-left: 16px!important
}

.m-5 {
    margin: 24px!important
}

.mt-5,
.my-5 {
    margin-top: 24px!important
}

.mr-5,
.mx-5 {
    margin-right: 24px!important
}

.mb-5,
.my-5 {
    margin-bottom: 24px!important
}

.ml-5,
.mx-5 {
    margin-left: 24px!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: 4px!important
}

.pt-1,
.py-1 {
    padding-top: 4px!important
}

.pr-1,
.px-1 {
    padding-right: 4px!important
}

.pb-1,
.py-1 {
    padding-bottom: 4px!important
}

.pl-1,
.px-1 {
    padding-left: 4px!important
}

.p-2 {
    padding: 8px!important
}

.pt-2,
.py-2 {
    padding-top: 8px!important
}

.pr-2,
.px-2 {
    padding-right: 8px!important
}

.pb-2,
.py-2 {
    padding-bottom: 8px!important
}

.pl-2,
.px-2 {
    padding-left: 8px!important
}

.p-3 {
    padding: 12px!important
}

.pt-3,
.py-3 {
    padding-top: 12px!important
}

.pr-3,
.px-3 {
    padding-right: 12px!important
}

.pb-3,
.py-3 {
    padding-bottom: 12px!important
}

.pl-3,
.px-3 {
    padding-left: 12px!important
}

.p-4 {
    padding: 16px!important
}

.pt-4,
.py-4 {
    padding-top: 16px!important
}

.pr-4,
.px-4 {
    padding-right: 16px!important
}

.pb-4,
.py-4 {
    padding-bottom: 16px!important
}

.pl-4,
.px-4 {
    padding-left: 16px!important
}

.p-5 {
    padding: 24px!important
}

.pt-5,
.py-5 {
    padding-top: 24px!important
}

.pr-5,
.px-5 {
    padding-right: 24px!important
}

.pb-5,
.py-5 {
    padding-bottom: 24px!important
}

.pl-5,
.px-5 {
    padding-left: 24px!important
}

.m-n1 {
    margin: -4px!important
}

.mt-n1,
.my-n1 {
    margin-top: -4px!important
}

.mr-n1,
.mx-n1 {
    margin-right: -4px!important
}

.mb-n1,
.my-n1 {
    margin-bottom: -4px!important
}

.ml-n1,
.mx-n1 {
    margin-left: -4px!important
}

.m-n2 {
    margin: -8px!important
}

.mt-n2,
.my-n2 {
    margin-top: -8px!important
}

.mr-n2,
.mx-n2 {
    margin-right: -8px!important
}

.mb-n2,
.my-n2 {
    margin-bottom: -8px!important
}

.ml-n2,
.mx-n2 {
    margin-left: -8px!important
}

.m-n3 {
    margin: -12px!important
}

.mt-n3,
.my-n3 {
    margin-top: -12px!important
}

.mr-n3,
.mx-n3 {
    margin-right: -12px!important
}

.mb-n3,
.my-n3 {
    margin-bottom: -12px!important
}

.ml-n3,
.mx-n3 {
    margin-left: -12px!important
}

.m-n4 {
    margin: -16px!important
}

.mt-n4,
.my-n4 {
    margin-top: -16px!important
}

.mr-n4,
.mx-n4 {
    margin-right: -16px!important
}

.mb-n4,
.my-n4 {
    margin-bottom: -16px!important
}

.ml-n4,
.mx-n4 {
    margin-left: -16px!important
}

.m-n5 {
    margin: -24px!important
}

.mt-n5,
.my-n5 {
    margin-top: -24px!important
}

.mr-n5,
.mx-n5 {
    margin-right: -24px!important
}

.mb-n5,
.my-n5 {
    margin-bottom: -24px!important
}

.ml-n5,
.mx-n5 {
    margin-left: -24px!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

@media(min-width:320px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: 4px!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 4px!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 4px!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 4px!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 4px!important
    }
    .m-sm-2 {
        margin: 8px!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 8px!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 8px!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 8px!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 8px!important
    }
    .m-sm-3 {
        margin: 12px!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 12px!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 12px!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 12px!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 12px!important
    }
    .m-sm-4 {
        margin: 16px!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 16px!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 16px!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 16px!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 16px!important
    }
    .m-sm-5 {
        margin: 24px!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 24px!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 24px!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 24px!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 24px!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: 4px!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 4px!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 4px!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 4px!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 4px!important
    }
    .p-sm-2 {
        padding: 8px!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 8px!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 8px!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 8px!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 8px!important
    }
    .p-sm-3 {
        padding: 12px!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 12px!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 12px!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 12px!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 12px!important
    }
    .p-sm-4 {
        padding: 16px!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 16px!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 16px!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 16px!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 16px!important
    }
    .p-sm-5 {
        padding: 24px!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 24px!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 24px!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 24px!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 24px!important
    }
    .m-sm-n1 {
        margin: -4px!important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -4px!important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -4px!important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -4px!important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -4px!important
    }
    .m-sm-n2 {
        margin: -8px!important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -8px!important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -8px!important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -8px!important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -8px!important
    }
    .m-sm-n3 {
        margin: -12px!important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -12px!important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -12px!important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -12px!important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -12px!important
    }
    .m-sm-n4 {
        margin: -16px!important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -16px!important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -16px!important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -16px!important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -16px!important
    }
    .m-sm-n5 {
        margin: -24px!important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -24px!important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -24px!important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -24px!important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -24px!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media(min-width:960px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: 4px!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 4px!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 4px!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 4px!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 4px!important
    }
    .m-md-2 {
        margin: 8px!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 8px!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 8px!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 8px!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 8px!important
    }
    .m-md-3 {
        margin: 12px!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 12px!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 12px!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 12px!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 12px!important
    }
    .m-md-4 {
        margin: 16px!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 16px!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 16px!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 16px!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 16px!important
    }
    .m-md-5 {
        margin: 24px!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 24px!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 24px!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 24px!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 24px!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: 4px!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 4px!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 4px!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 4px!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 4px!important
    }
    .p-md-2 {
        padding: 8px!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 8px!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 8px!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 8px!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 8px!important
    }
    .p-md-3 {
        padding: 12px!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 12px!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 12px!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 12px!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 12px!important
    }
    .p-md-4 {
        padding: 16px!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 16px!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 16px!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 16px!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 16px!important
    }
    .p-md-5 {
        padding: 24px!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 24px!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 24px!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 24px!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 24px!important
    }
    .m-md-n1 {
        margin: -4px!important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -4px!important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -4px!important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -4px!important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -4px!important
    }
    .m-md-n2 {
        margin: -8px!important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -8px!important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -8px!important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -8px!important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -8px!important
    }
    .m-md-n3 {
        margin: -12px!important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -12px!important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -12px!important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -12px!important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -12px!important
    }
    .m-md-n4 {
        margin: -16px!important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -16px!important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -16px!important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -16px!important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -16px!important
    }
    .m-md-n5 {
        margin: -24px!important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -24px!important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -24px!important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -24px!important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -24px!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media(min-width:1366px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: 4px!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 4px!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 4px!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 4px!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 4px!important
    }
    .m-lg-2 {
        margin: 8px!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 8px!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 8px!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 8px!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 8px!important
    }
    .m-lg-3 {
        margin: 12px!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 12px!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 12px!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 12px!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 12px!important
    }
    .m-lg-4 {
        margin: 16px!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 16px!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 16px!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 16px!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 16px!important
    }
    .m-lg-5 {
        margin: 24px!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 24px!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 24px!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 24px!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 24px!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: 4px!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 4px!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 4px!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 4px!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 4px!important
    }
    .p-lg-2 {
        padding: 8px!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 8px!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 8px!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 8px!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 8px!important
    }
    .p-lg-3 {
        padding: 12px!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 12px!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 12px!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 12px!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 12px!important
    }
    .p-lg-4 {
        padding: 16px!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 16px!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 16px!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 16px!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 16px!important
    }
    .p-lg-5 {
        padding: 24px!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 24px!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 24px!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 24px!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 24px!important
    }
    .m-lg-n1 {
        margin: -4px!important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -4px!important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -4px!important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -4px!important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -4px!important
    }
    .m-lg-n2 {
        margin: -8px!important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -8px!important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -8px!important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -8px!important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -8px!important
    }
    .m-lg-n3 {
        margin: -12px!important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -12px!important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -12px!important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -12px!important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -12px!important
    }
    .m-lg-n4 {
        margin: -16px!important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -16px!important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -16px!important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -16px!important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -16px!important
    }
    .m-lg-n5 {
        margin: -24px!important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -24px!important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -24px!important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -24px!important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -24px!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace!important
}

.text-justify {
    text-align: justify!important
}

.text-nowrap {
    white-space: nowrap!important
}

.look-and-feel-v1 .btn-app.btn-operations-workflow,
.look-and-feel-v2 .btn-app.btn-operations-workflow,
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

@media(min-width:320px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
}

@media(min-width:960px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
}

@media(min-width:1366px) {
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-lighter {
    font-weight: lighter!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-weight-bolder {
    font-weight: bolder!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #3c8dbc!important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #296282!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54!important
}

.text-success {
    color: #00a65a!important
}

a.text-success:focus,
a.text-success:hover {
    color: #005a31!important
}

.text-info {
    color: #00c0ef!important
}

a.text-info:focus,
a.text-info:hover {
    color: #0083a3!important
}

.text-warning {
    color: #8a6d3b!important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #544324!important
}

.text-danger {
    color: #a94442!important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #722e2d!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5)!important
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .5)!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none!important
}

.text-break {
    word-break: break-word!important;
    word-wrap: break-word!important
}

.text-reset {
    color: inherit!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *,
    :after,
    :before {
        text-shadow: none!important;
        box-shadow: none!important
    }
    a:not(.btn):not(button.upload-result) {
        text-decoration: underline
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap!important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd
    }
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    .container,
    body {
        min-width: 1366px!important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6!important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

table.dataTable td.dt-left,
table.dataTable th.dt-left {
    text-align: left
}

table.dataTable td.dataTables_empty,
table.dataTable td.dt-center,
table.dataTable th.dt-center {
    text-align: center
}

table.dataTable td.dt-right,
table.dataTable th.dt-right {
    text-align: right
}

table.dataTable td.dt-justify,
table.dataTable th.dt-justify {
    text-align: justify
}

table.dataTable td.dt-nowrap,
table.dataTable th.dt-nowrap {
    white-space: nowrap
}

table.dataTable tfoot td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable thead th.dt-head-left {
    text-align: left
}

table.dataTable tfoot td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable thead th.dt-head-center {
    text-align: center
}

table.dataTable tfoot td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable thead th.dt-head-right {
    text-align: right
}

table.dataTable tfoot td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable thead th.dt-head-justify {
    text-align: justify
}

table.dataTable tfoot td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable thead th.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody td.dt-body-left,
table.dataTable tbody th.dt-body-left {
    text-align: left
}

table.dataTable tbody td.dt-body-center,
table.dataTable tbody th.dt-body-center {
    text-align: center
}

table.dataTable tbody td.dt-body-right,
table.dataTable tbody th.dt-body-right {
    text-align: right
}

table.dataTable tbody td.dt-body-justify,
table.dataTable tbody th.dt-body-justify {
    text-align: justify
}

table.dataTable tbody td.dt-body-nowrap,
table.dataTable tbody th.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable td.dt-control {
    text-align: center;
    cursor: pointer
}

table.dataTable td.dt-control:before {
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: inline-block;
    color: #fff;
    border: .15em solid #fff;
    border-radius: 1em;
    box-shadow: 0 0 .2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0!important;
    font-family: Courier New, Courier, monospace;
    line-height: 1em;
    content: "+";
    background-color: #31b131
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    content: "-";
    background-color: #d33333
}

table.dataTable {
    clear: both;
    margin-top: 6px!important;
    margin-bottom: 6px!important;
    max-width: none!important;
    border-collapse: separate!important;
    border-spacing: 0
}

table.dataTable td,
table.dataTable th {
    box-sizing: content-box
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
    text-align: center
}

table.dataTable.nowrap td,
table.dataTable.nowrap th {
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: 400;
    text-align: left;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 400;
    white-space: nowrap;
    text-align: left
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .5em;
    display: inline-block;
    width: auto
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .85em
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0
}

table.dataTable>thead>tr>td:active,
table.dataTable>thead>tr>th:active {
    outline: none
}

table.dataTable>thead>tr>td:not(.sorting_disabled),
table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding-right: 30px
}

table.dataTable>thead .sorting,
table.dataTable>thead .sorting_asc,
table.dataTable>thead .sorting_asc_disabled,
table.dataTable>thead .sorting_desc,
table.dataTable>thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:before {
    position: absolute;
    bottom: .9em;
    display: block;
    opacity: .3
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc_disabled:before {
    right: 1em;
    content: "↑"
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_desc_disabled:after {
    right: .5em;
    content: "↓"
}

table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:after {
    opacity: 1
}

table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:after {
    opacity: 0
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0!important
}

div.dataTables_scrollBody>table {
    border-top: none;
    margin-top: 0!important;
    margin-bottom: 0!important
}

div.dataTables_scrollBody>table>thead .sorting:after,
div.dataTables_scrollBody>table>thead .sorting:before,
div.dataTables_scrollBody>table>thead .sorting_asc:after,
div.dataTables_scrollBody>table>thead .sorting_asc:before,
div.dataTables_scrollBody>table>thead .sorting_desc:after,
div.dataTables_scrollBody>table>thead .sorting_desc:before {
    display: none
}

div.dataTables_scrollBody>table>tbody tr:first-child td,
div.dataTables_scrollBody>table>tbody tr:first-child th {
    border-top: none
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner {
    box-sizing: content-box
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
    margin-top: 0!important;
    border-top: none
}

@media screen and (max-width:767px) {
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center!important
    }
}

table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled) {
    padding-right: 20px
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: .85em
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
    top: 5px
}

table.table-bordered.dataTable {
    border-right-width: 0
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
    border-left-width: 0
}

table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable th:last-child {
    border-right-width: 1px
}

div.dataTables_scrollHead table.table-bordered,
table.table-bordered.dataTable tbody td,
table.table-bordered.dataTable tbody th {
    border-bottom-width: 0
}

div.selection-process-stages>div.dataTables_wrapper>div.row,
div.selection-process-stages>div.dataTables_wrapper>div.selection-process-stages,
div.table-responsive>div.dataTables_wrapper>div.row,
div.table-responsive>div.dataTables_wrapper>div.selection-process-stages {
    margin: 0
}

div.selection-process-stages>div.dataTables_wrapper>div.row>div[class^=col-]:first-child,
div.selection-process-stages>div.dataTables_wrapper>div.selection-process-stages>div[class^=col-]:first-child,
div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child,
div.table-responsive>div.dataTables_wrapper>div.selection-process-stages>div[class^=col-]:first-child {
    padding-left: 0
}

div.selection-process-stages>div.dataTables_wrapper>div.row>div[class^=col-]:last-child,
div.selection-process-stages>div.dataTables_wrapper>div.selection-process-stages>div[class^=col-]:last-child,
div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child,
div.table-responsive>div.dataTables_wrapper>div.selection-process-stages>div[class^=col-]:last-child {
    padding-right: 0
}


/*!
   * Bootstrap Datetime Picker v4.17.49
   * Copyright 2015-2020 Jonathan Peterson
   * Licensed under MIT (https://github.com/Eonasdan/bootstrap-datetimepicker/blob/master/LICENSE)
   */

.bootstrap-datetimepicker-widget {
    list-style: none
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em
}

@media(min-width:768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media(min-width:992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media(min-width:1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, .2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(0, 0, 0, .2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .chart-legend,
.bootstrap-datetimepicker-widget .list-unstyled,
.bootstrap-datetimepicker-widget .users-list {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]:after,
.bootstrap-datetimepicker-widget .look-and-feel-v2 .swal2-popup .swal2-actions [data-action=incrementHours].swal2-styled:after,
.bootstrap-datetimepicker-widget button[data-action=incrementHours].upload-result:after,
.look-and-feel-v2 .swal2-popup .swal2-actions .bootstrap-datetimepicker-widget [data-action=incrementHours].swal2-styled:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]:after,
.bootstrap-datetimepicker-widget .look-and-feel-v2 .swal2-popup .swal2-actions [data-action=incrementMinutes].swal2-styled:after,
.bootstrap-datetimepicker-widget button[data-action=incrementMinutes].upload-result:after,
.look-and-feel-v2 .swal2-popup .swal2-actions .bootstrap-datetimepicker-widget [data-action=incrementMinutes].swal2-styled:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]:after,
.bootstrap-datetimepicker-widget .look-and-feel-v2 .swal2-popup .swal2-actions [data-action=decrementHours].swal2-styled:after,
.bootstrap-datetimepicker-widget button[data-action=decrementHours].upload-result:after,
.look-and-feel-v2 .swal2-popup .swal2-actions .bootstrap-datetimepicker-widget [data-action=decrementHours].swal2-styled:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]:after,
.bootstrap-datetimepicker-widget .look-and-feel-v2 .swal2-popup .swal2-actions [data-action=decrementMinutes].swal2-styled:after,
.bootstrap-datetimepicker-widget button[data-action=decrementMinutes].upload-result:after,
.look-and-feel-v2 .swal2-popup .swal2-actions .bootstrap-datetimepicker-widget [data-action=decrementMinutes].swal2-styled:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]:after,
.bootstrap-datetimepicker-widget .look-and-feel-v2 .swal2-popup .swal2-actions [data-action=showHours].swal2-styled:after,
.bootstrap-datetimepicker-widget button[data-action=showHours].upload-result:after,
.look-and-feel-v2 .swal2-popup .swal2-actions .bootstrap-datetimepicker-widget [data-action=showHours].swal2-styled:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]:after,
.bootstrap-datetimepicker-widget .look-and-feel-v2 .swal2-popup .swal2-actions [data-action=showMinutes].swal2-styled:after,
.bootstrap-datetimepicker-widget button[data-action=showMinutes].upload-result:after,
.look-and-feel-v2 .swal2-popup .swal2-actions .bootstrap-datetimepicker-widget [data-action=showMinutes].swal2-styled:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]:after,
.bootstrap-datetimepicker-widget .look-and-feel-v2 .swal2-popup .swal2-actions [data-action=togglePeriod].swal2-styled:after,
.bootstrap-datetimepicker-widget button[data-action=togglePeriod].upload-result:after,
.look-and-feel-v2 .swal2-popup .swal2-actions .bootstrap-datetimepicker-widget [data-action=togglePeriod].swal2-styled:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]:after,
.bootstrap-datetimepicker-widget .look-and-feel-v2 .swal2-popup .swal2-actions [data-action=clear].swal2-styled:after,
.bootstrap-datetimepicker-widget button[data-action=clear].upload-result:after,
.look-and-feel-v2 .swal2-popup .swal2-actions .bootstrap-datetimepicker-widget [data-action=clear].swal2-styled:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action=today]:after,
.bootstrap-datetimepicker-widget .look-and-feel-v2 .swal2-popup .swal2-actions [data-action=today].swal2-styled:after,
.bootstrap-datetimepicker-widget button[data-action=today].upload-result:after,
.look-and-feel-v2 .swal2-popup .swal2-actions .bootstrap-datetimepicker-widget [data-action=today].swal2-styled:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

.bootstrap-datetimepicker-widget .picker-switch:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens"
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.prev:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month"
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eee
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer
}

.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
    color: #777
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: "";
    display: inline-block;
    border-color: rgba(0, 0, 0, .2) transparent #337ab7;
    border-style: solid;
    border-width: 0 0 7px 7px;
    position: absolute;
    bottom: 4px;
    right: 4px
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eee
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em!important
}


/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */

.checkbox-inline .toggle,
.checkbox label .toggle {
    margin-left: -20px;
    margin-right: 5px
}

.toggle {
    position: relative;
    overflow: hidden
}

.toggle input[type=checkbox] {
    display: none
}

.toggle-group {
    position: absolute;
    width: 200%;
    top: 0;
    bottom: 0;
    left: 0;
    transition: left .35s;
    -webkit-transition: left .35s;
    -moz-user-select: none;
    -webkit-user-select: none
}

.toggle.off .toggle-group {
    left: -100%
}

.toggle-on {
    left: 0;
    right: 50%
}

.toggle-off,
.toggle-on {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    border: 0;
    border-radius: 0
}

.toggle-off {
    left: 50%;
    right: 0
}

.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 0;
    border-width: 0 1px
}

.look-and-feel-v2 .swal2-popup .swal2-actions .toggle.swal2-styled,
.toggle.btn,
button.toggle.upload-result {
    min-width: 59px;
    min-height: 34px
}

.look-and-feel-v2 .swal2-popup .swal2-actions .toggle-on.swal2-styled,
.toggle-on.btn,
button.toggle-on.upload-result {
    padding-right: 24px
}

.look-and-feel-v2 .swal2-popup .swal2-actions .toggle-off.swal2-styled,
.toggle-off.btn,
button.toggle-off.upload-result {
    padding-left: 24px
}

.btn-group-lg>.toggle.btn,
.btn-group-lg>button.toggle.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-lg>.toggle.swal2-styled,
.toggle.btn-lg {
    min-width: 79px;
    min-height: 45px
}

.btn-group-lg>.toggle-on.btn,
.btn-group-lg>button.toggle-on.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-lg>.toggle-on.swal2-styled,
.toggle-on.btn-lg {
    padding-right: 31px
}

.btn-group-lg>.toggle-off.btn,
.btn-group-lg>button.toggle-off.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-lg>.toggle-off.swal2-styled,
.toggle-off.btn-lg {
    padding-left: 31px
}

.btn-group-lg>.toggle-handle.btn,
.btn-group-lg>button.toggle-handle.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-lg>.toggle-handle.swal2-styled,
.toggle-handle.btn-lg {
    width: 40px
}

.btn-group-sm>.toggle.btn,
.btn-group-sm>button.toggle.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.toggle.swal2-styled,
.toggle.btn-sm {
    min-width: 50px;
    min-height: 30px
}

.btn-group-sm>.toggle-on.btn,
.btn-group-sm>button.toggle-on.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.toggle-on.swal2-styled,
.toggle-on.btn-sm {
    padding-right: 20px
}

.btn-group-sm>.toggle-off.btn,
.btn-group-sm>button.toggle-off.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.toggle-off.swal2-styled,
.toggle-off.btn-sm {
    padding-left: 20px
}

.toggle.btn-xs {
    min-width: 35px;
    min-height: 22px
}

.toggle-on.btn-xs {
    padding-right: 12px
}

.toggle-off.btn-xs {
    padding-left: 12px
}


/*!
 * DataTables + Font Awesome integration
 * License: MIT - http://datatables.net/license
 */

table.dataTable thead th {
    position: relative;
    background-image: none!important
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:before {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: Font Awesome\ 5 Free
}

table.dataTable thead th.sorting:after {
    content: "";
    color: #ddd;
    font-size: .8em;
    padding-top: .12em
}

table.dataTable thead th.sorting_asc:after {
    content: ""
}

table.dataTable thead th.sorting_desc:before {
    content: ""
}

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:before {
    content: ""
}

table.table thead th.sorting:after,
table.table thead th.sorting_asc:after,
table.table thead th.sorting_desc:before {
    top: 8px;
    height: 12px
}

div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
    position: relative;
    padding-left: 24px
}

div.dataTables_paginate a.paginate_button.last,
div.dataTables_paginate a.paginate_button.next {
    position: relative;
    padding-right: 24px
}

div.dataTables_paginate a.first:before,
div.dataTables_paginate a.previous:before {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    font-family: Font Awesome\ 5 Free
}

div.dataTables_paginate a.last:after,
div.dataTables_paginate a.next:after {
    position: absolute;
    top: 8px;
    right: 10px;
    display: block;
    font-family: Font Awesome\ 5 Free
}

div.dataTables_paginate a.first:before {
    content: ""
}

div.dataTables_paginate a.previous:before {
    content: ""
}

div.dataTables_paginate a.next:after {
    content: ""
}

div.dataTables_paginate a.last:after {
    content: ""
}

div.dataTables_paginate li.first>a,
div.dataTables_paginate li.previous>a {
    position: relative;
    padding-left: 24px
}

div.dataTables_paginate li.last>a,
div.dataTables_paginate li.next>a {
    position: relative;
    padding-right: 24px
}

div.dataTables_paginate li.first a:before,
div.dataTables_paginate li.previous a:before {
    position: absolute;
    top: 9px;
    left: 10px;
    display: block;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free
}

div.dataTables_paginate li.last a:after,
div.dataTables_paginate li.next a:after {
    position: absolute;
    top: 9px;
    right: 10px;
    display: block;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free
}

div.dataTables_paginate li.first a:before {
    content: ""
}

div.dataTables_paginate li.previous a:before {
    content: ""
}

div.dataTables_paginate li.next a:after {
    content: ""
}

div.dataTables_paginate li.last a:after {
    content: ""
}

div.columns div.dataTables_paginate li.first a:before,
div.columns div.dataTables_paginate li.last a:after,
div.columns div.dataTables_paginate li.next a:after,
div.columns div.dataTables_paginate li.previous a:before {
    top: 0
}


/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

.datepicker-rtl.dropdown-menu {
    left: auto
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px
}

.datepicker-dropdown:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, .2)
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
    content: "";
    display: inline-block;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid rgba(0, 0, 0, .15)
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #777
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #777;
    cursor: default
}

.datepicker table tr td.highlighted {
    color: #000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0
}

.datepicker table tr td.highlighted.focus,
.datepicker table tr td.highlighted:focus {
    color: #000;
    background-color: #afd9ee;
    border-color: #298fc2
}

.datepicker table tr td.highlighted.active,
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted:hover {
    color: #000;
    background-color: #afd9ee;
    border-color: #52addb
}

.datepicker table tr td.highlighted.active.focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted:active:hover {
    color: #000;
    background-color: #91cbe8;
    border-color: #298fc2
}

.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled].focus,
.datepicker table tr td.highlighted[disabled]:focus,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted.focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
fieldset[disabled] .datepicker table tr td.highlighted:hover {
    background-color: #d9edf7;
    border-color: #85c5e5
}

.datepicker table tr td.highlighted.focused {
    background: #afd9ee
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    background: #d9edf7;
    color: #777
}

.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today.focus,
.datepicker table tr td.today:focus {
    color: #000;
    background-color: #ffc966;
    border-color: #b37400
}

.datepicker table tr td.today.active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover {
    color: #000;
    background-color: #ffc966;
    border-color: #f59e00
}

.datepicker table tr td.today.active.focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today:active:hover {
    color: #000;
    background-color: #ffbc42;
    border-color: #b37400
}

.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled].focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today.focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover {
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today.focused {
    background: #ffc966
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
    background: #ffdb99;
    color: #777
}

.datepicker table tr td.range {
    color: #000;
    background-color: #eee;
    border-color: #bbb;
    border-radius: 0
}

.datepicker table tr td.range.focus,
.datepicker table tr td.range:focus {
    color: #000;
    background-color: #d5d5d5;
    border-color: #7c7c7c
}

.datepicker table tr td.range.active,
.datepicker table tr td.range:active,
.datepicker table tr td.range:hover {
    color: #000;
    background-color: #d5d5d5;
    border-color: #9d9d9d
}

.datepicker table tr td.range.active.focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range:active:hover {
    color: #000;
    background-color: #c3c3c3;
    border-color: #7c7c7c
}

.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled].focus,
.datepicker table tr td.range[disabled]:focus,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.focus,
fieldset[disabled] .datepicker table tr td.range:focus,
fieldset[disabled] .datepicker table tr td.range:hover {
    background-color: #eee;
    border-color: #bbb
}

.datepicker table tr td.range.focused {
    background: #d5d5d5
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
    background: #eee;
    color: #777
}

.datepicker table tr td.range.highlighted {
    color: #000;
    background-color: #e4eef3;
    border-color: #9dc1d3
}

.datepicker table tr td.range.highlighted.focus,
.datepicker table tr td.range.highlighted:focus {
    color: #000;
    background-color: #c1d7e3;
    border-color: #4b88a6
}

.datepicker table tr td.range.highlighted.active,
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted:hover {
    color: #000;
    background-color: #c1d7e3;
    border-color: #73a6c0
}

.datepicker table tr td.range.highlighted.active.focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted:active:hover {
    color: #000;
    background-color: #a8c8d8;
    border-color: #4b88a6
}

.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled].focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
    background-color: #e4eef3;
    border-color: #9dc1d3
}

.datepicker table tr td.range.highlighted.focused {
    background: #c1d7e3
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
    background: #e4eef3;
    color: #777
}

.datepicker table tr td.range.today {
    color: #000;
    background-color: #f7ca77;
    border-color: #f1a417
}

.datepicker table tr td.range.today.focus,
.datepicker table tr td.range.today:focus {
    color: #000;
    background-color: #f4b747;
    border-color: #815608
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover {
    color: #000;
    background-color: #f4b747;
    border-color: #bf800c
}

.datepicker table tr td.range.today.active.focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today:active:hover {
    color: #000;
    background-color: #f2aa25;
    border-color: #815608
}

.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled].focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today.focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover {
    background-color: #f7ca77;
    border-color: #f1a417
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
    background: #f7ca77;
    color: #777
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #777;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:focus {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #161616
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #373737
}

.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active.focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected:active:hover {
    color: #fff;
    background-color: #4c4c4c;
    border-color: #161616
}

.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected.highlighted[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:hover,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover {
    background-color: #777;
    border-color: #555
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active.highlighted[disabled].focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:hover,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #777;
    cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active:hover:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #777
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #eee
}

.datepicker .next.disabled,
.datepicker .prev.disabled {
    visibility: hidden
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.input-daterange {
    width: 100%
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    line-height: 1.42857143;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

#noty_layout__bottom,
#noty_layout__bottomCenter,
#noty_layout__bottomLeft,
#noty_layout__bottomRight,
#noty_layout__center,
#noty_layout__centerLeft,
#noty_layout__centerRight,
#noty_layout__top,
#noty_layout__topCenter,
#noty_layout__topLeft,
#noty_layout__topRight,
.noty_layout_mixin {
    position: fixed;
    margin: 0;
    padding: 0;
    z-index: 9999999;
    transform: translateZ(0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    filter: blur(0);
    -webkit-filter: blur(0);
    max-width: 90%
}

#noty_layout__top {
    top: 0;
    left: 5%;
    width: 90%
}

#noty_layout__topLeft {
    top: 20px;
    left: 20px;
    width: 325px
}

#noty_layout__topCenter {
    top: 5%;
    left: 50%;
    width: 325px;
    transform: translate(calc(-50% - .5px)) translateZ(0) scale(1)
}

#noty_layout__topRight {
    top: 20px;
    right: 20px;
    width: 325px
}

#noty_layout__bottom {
    bottom: 0;
    left: 5%;
    width: 90%
}

#noty_layout__bottomLeft {
    bottom: 20px;
    left: 20px;
    width: 325px
}

#noty_layout__bottomCenter {
    bottom: 5%;
    left: 50%;
    width: 325px;
    transform: translate(calc(-50% - .5px)) translateZ(0) scale(1)
}

#noty_layout__bottomRight {
    bottom: 20px;
    right: 20px;
    width: 325px
}

#noty_layout__center {
    top: 50%;
    left: 50%;
    width: 325px;
    transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1)
}

#noty_layout__centerLeft {
    left: 20px
}

#noty_layout__centerLeft,
#noty_layout__centerRight {
    top: 50%;
    width: 325px;
    transform: translateY(calc(-50% - .5px)) translateZ(0) scale(1)
}

#noty_layout__centerRight {
    right: 20px
}

.noty_progressbar {
    display: none
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #646464;
    opacity: .2;
    filter: alpha(opacity=10)
}

.noty_bar {
    -webkit-backface-visibility: hidden;
    transform: translate(0) scale(1);
    -webkit-font-smoothing: subpixel-antialiased;
    overflow: hidden
}

.noty_effects_open {
    opacity: 0;
    transform: translate(50%);
    -webkit-animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
    animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.noty_effects_close {
    -webkit-animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
    animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.noty_fix_effects_height {
    -webkit-animation: noty_anim_height 75ms ease-out;
    animation: noty_anim_height 75ms ease-out
}

.noty_close_with_click {
    cursor: pointer
}

.noty_close_button {
    position: absolute;
    top: 2px;
    right: 2px;
    font-weight: 700;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 2px;
    cursor: pointer;
    transition: all .2s ease-out
}

.noty_close_button:hover {
    background-color: rgba(0, 0, 0, .1)
}

.noty_modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10000;
    opacity: .3;
    left: 0;
    top: 0
}

.noty_modal.noty_modal_open {
    opacity: 0;
    -webkit-animation: noty_modal_in .3s ease-out;
    animation: noty_modal_in .3s ease-out
}

.noty_modal.noty_modal_close {
    -webkit-animation: noty_modal_out .3s ease-out;
    animation: noty_modal_out .3s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes noty_modal_in {
    to {
        opacity: .3
    }
}

@keyframes noty_modal_in {
    to {
        opacity: .3
    }
}

@-webkit-keyframes noty_modal_out {
    to {
        opacity: 0
    }
}

@keyframes noty_modal_out {
    to {
        opacity: 0
    }
}

@-webkit-keyframes noty_anim_in {
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes noty_anim_in {
    to {
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes noty_anim_out {
    to {
        transform: translate(50%);
        opacity: 0
    }
}

@keyframes noty_anim_out {
    to {
        transform: translate(50%);
        opacity: 0
    }
}

@-webkit-keyframes noty_anim_height {
    to {
        height: 0
    }
}

@keyframes noty_anim_height {
    to {
        height: 0
    }
}

.noty_theme__bootstrap-v4.noty_bar {
    margin: 4px 0;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent;
    border-radius: .25rem
}

.noty_theme__bootstrap-v4.noty_bar .noty_body {
    padding: .75rem 1.25rem
}

.noty_theme__bootstrap-v4.noty_bar .noty_buttons {
    padding: 10px
}

.noty_theme__bootstrap-v4.noty_bar .noty_close_button {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
    background: transparent
}

.noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .75
}

.noty_theme__bootstrap-v4.noty_type__alert,
.noty_theme__bootstrap-v4.noty_type__notification {
    background-color: #fff;
    color: inherit
}

.noty_theme__bootstrap-v4.noty_type__warning {
    background-color: #fcf8e3;
    color: #8a6d3b;
    border-color: #faebcc
}

.noty_theme__bootstrap-v4.noty_type__error {
    background-color: #f2dede;
    color: #a94442;
    border-color: #ebccd1
}

.noty_theme__bootstrap-v4.noty_type__info,
.noty_theme__bootstrap-v4.noty_type__information {
    background-color: #d9edf7;
    color: #31708f;
    border-color: #bce8f1
}

.noty_theme__bootstrap-v4.noty_type__success {
    background-color: #dff0d8;
    color: #3c763d;
    border-color: #d6e9c6
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.bg-primary-100 {
    background-color: #d9e2f9
}

.bg-primary-200 {
    background-color: #bac6ec
}

.bg-primary-300 {
    background-color: #6c87d8
}

.bg-primary-400 {
    background-color: #4765cb
}

.bg-primary-500 {
    background-color: #2f4daa
}

.bg-primary-600 {
    background-color: #2a469d
}

.bg-primary-700 {
    background-color: #223a92
}

.bg-primary-800 {
    background-color: #172a7a
}

.bg-primary-900 {
    background-color: #091351
}

.bg-primary-transparent-100 {
    background-color: rgba(47, 77, 170, .08)
}

.bg-primary-transparent-200 {
    background-color: rgba(47, 77, 170, .16)
}

.bg-primary-transparent-300 {
    background-color: rgba(47, 77, 170, .24)
}

.bg-primary-transparent-400 {
    background-color: rgba(47, 77, 170, .32)
}

.bg-primary-transparent-500 {
    background-color: rgba(47, 77, 170, .4)
}

.bg-primary-transparent-600 {
    background-color: rgba(47, 77, 170, .48)
}

.bg-secondary-100 {
    background-color: #fddd80
}

.bg-secondary-200 {
    background-color: #fbcf60
}

.bg-secondary-300 {
    background-color: #f9b82d
}

.bg-secondary-400 {
    background-color: #ffa800
}

.bg-secondary-500 {
    background-color: #f99304
}

.bg-secondary-600 {
    background-color: #e57602
}

.bg-secondary-700 {
    background-color: #c45b01
}

.bg-secondary-800 {
    background-color: #a44401
}

.bg-secondary-900 {
    background-color: #662102
}

.bg-secondary-transparent-100 {
    background-color: rgba(249, 147, 4, .08)
}

.bg-secondary-transparent-200 {
    background-color: rgba(249, 147, 4, .16)
}

.bg-secondary-transparent-300 {
    background-color: rgba(249, 147, 4, .24)
}

.bg-secondary-transparent-400 {
    background-color: rgba(249, 147, 4, .32)
}

.bg-secondary-transparent-500 {
    background-color: rgba(249, 147, 4, .4)
}

.bg-secondary-transparent-600 {
    background-color: rgba(249, 147, 4, .48)
}

.bg-success-100 {
    background-color: #ddf7bf
}

.bg-success-200 {
    background-color: #cdf3aa
}

.bg-success-300 {
    background-color: #a8ec7b
}

.bg-success-400 {
    background-color: #82d957
}

.bg-success-500 {
    background-color: #6bc64c
}

.bg-success-600 {
    background-color: #4caa37
}

.bg-success-700 {
    background-color: #328e26
}

.bg-success-800 {
    background-color: #116f0c
}

.bg-success-900 {
    background-color: #074608
}

.bg-success-transparent-100 {
    background-color: rgba(107, 198, 76, .08)
}

.bg-success-transparent-200 {
    background-color: rgba(107, 198, 76, .16)
}

.bg-success-transparent-300 {
    background-color: rgba(107, 198, 76, .24)
}

.bg-success-transparent-400 {
    background-color: rgba(107, 198, 76, .32)
}

.bg-success-transparent-500 {
    background-color: rgba(107, 198, 76, .4)
}

.bg-success-transparent-600 {
    background-color: rgba(107, 198, 76, .48)
}

.bg-danger-100 {
    background-color: #ffe0cd
}

.bg-danger-200 {
    background-color: #ffd1bc
}

.bg-danger-300 {
    background-color: #ffb29a
}

.bg-danger-400 {
    background-color: #ff7a6f
}

.bg-danger-500 {
    background-color: #f95e50
}

.bg-danger-600 {
    background-color: #db4042
}

.bg-danger-700 {
    background-color: #b72c3a
}

.bg-danger-800 {
    background-color: #931c31
}

.bg-danger-900 {
    background-color: #7a102c
}

.bg-danger-transparent-100 {
    background-color: rgba(244, 67, 54, .08)
}

.bg-danger-transparent-200 {
    background-color: rgba(244, 67, 54, .16)
}

.bg-danger-transparent-300 {
    background-color: rgba(244, 67, 54, .24)
}

.bg-danger-transparent-400 {
    background-color: rgba(244, 67, 54, .32)
}

.bg-danger-transparent-500 {
    background-color: rgba(244, 67, 54, .4)
}

.bg-danger-transparent-600 {
    background-color: rgba(244, 67, 54, .48)
}

.bg-basic-50 {
    background-color: #fafbfd
}

.bg-basic-100 {
    background-color: #f6f7f9
}

.bg-basic-200 {
    background-color: #f0f1f3
}

.bg-basic-300 {
    background-color: #e4e5e7
}

.bg-basic-400 {
    background-color: #c1c2c4
}

.bg-basic-500 {
    background-color: #a3a4a5
}

.bg-basic-600 {
    background-color: #797a7c
}

.bg-basic-700 {
    background-color: #656668
}

.bg-basic-800 {
    background-color: #464748
}

.bg-basic-900 {
    background-color: #242527
}

.bg-basic-transparent-100 {
    background-color: rgba(121, 122, 124, .08)
}

.bg-basic-transparent-200 {
    background-color: rgba(121, 122, 124, .16)
}

.bg-basic-transparent-300 {
    background-color: rgba(121, 122, 124, .24)
}

.bg-basic-transparent-400 {
    background-color: rgba(121, 122, 124, .32)
}

.bg-basic-transparent-500 {
    background-color: rgba(121, 122, 124, .4)
}

.bg-basic-transparent-600 {
    background-color: rgba(121, 122, 124, .48)
}

.text-primary-100 {
    color: #d9e2f9
}

.text-primary-200 {
    color: #bac6ec
}

.text-primary-300 {
    color: #6c87d8
}

.text-primary-400 {
    color: #4765cb
}

.text-primary-500 {
    color: #2f4daa
}

.text-primary-600 {
    color: #2a469d
}

.text-primary-700 {
    color: #223a92
}

.text-primary-800 {
    color: #172a7a
}

.text-primary-900 {
    color: #091351
}

.text-primary-transparent-100 {
    color: rgba(47, 77, 170, .08)
}

.text-primary-transparent-200 {
    color: rgba(47, 77, 170, .16)
}

.text-primary-transparent-300 {
    color: rgba(47, 77, 170, .24)
}

.text-primary-transparent-400 {
    color: rgba(47, 77, 170, .32)
}

.text-primary-transparent-500 {
    color: rgba(47, 77, 170, .4)
}

.text-primary-transparent-600 {
    color: rgba(47, 77, 170, .48)
}

.text-secondary-100 {
    color: #fddd80
}

.text-secondary-200 {
    color: #fbcf60
}

.text-secondary-300 {
    color: #f9b82d
}

.text-secondary-400 {
    color: #ffa800
}

.text-secondary-500 {
    color: #f99304
}

.text-secondary-600 {
    color: #e57602
}

.text-secondary-700 {
    color: #c45b01
}

.text-secondary-800 {
    color: #a44401
}

.text-secondary-900 {
    color: #662102
}

.text-secondary-transparent-100 {
    color: rgba(249, 147, 4, .08)
}

.text-secondary-transparent-200 {
    color: rgba(249, 147, 4, .16)
}

.text-secondary-transparent-300 {
    color: rgba(249, 147, 4, .24)
}

.text-secondary-transparent-400 {
    color: rgba(249, 147, 4, .32)
}

.text-secondary-transparent-500 {
    color: rgba(249, 147, 4, .4)
}

.text-secondary-transparent-600 {
    color: rgba(249, 147, 4, .48)
}

.text-success-100 {
    color: #ddf7bf
}

.text-success-200 {
    color: #cdf3aa
}

.text-success-300 {
    color: #a8ec7b
}

.text-success-400 {
    color: #82d957
}

.text-success-500 {
    color: #6bc64c
}

.text-success-600 {
    color: #4caa37
}

.text-success-700 {
    color: #328e26
}

.text-success-800 {
    color: #116f0c
}

.text-success-900 {
    color: #074608
}

.text-success-transparent-100 {
    color: rgba(107, 198, 76, .08)
}

.text-success-transparent-200 {
    color: rgba(107, 198, 76, .16)
}

.text-success-transparent-300 {
    color: rgba(107, 198, 76, .24)
}

.text-success-transparent-400 {
    color: rgba(107, 198, 76, .32)
}

.text-success-transparent-500 {
    color: rgba(107, 198, 76, .4)
}

.text-success-transparent-600 {
    color: rgba(107, 198, 76, .48)
}

.text-danger-100 {
    color: #ffe0cd
}

.text-danger-200 {
    color: #ffd1bc
}

.text-danger-300 {
    color: #ffb29a
}

.text-danger-400 {
    color: #ff7a6f
}

.text-danger-500 {
    color: #f95e50
}

.text-danger-600 {
    color: #db4042
}

.text-danger-700 {
    color: #b72c3a
}

.text-danger-800 {
    color: #931c31
}

.text-danger-900 {
    color: #7a102c
}

.text-danger-transparent-100 {
    color: rgba(244, 67, 54, .08)
}

.text-danger-transparent-200 {
    color: rgba(244, 67, 54, .16)
}

.text-danger-transparent-300 {
    color: rgba(244, 67, 54, .24)
}

.text-danger-transparent-400 {
    color: rgba(244, 67, 54, .32)
}

.text-danger-transparent-500 {
    color: rgba(244, 67, 54, .4)
}

.text-danger-transparent-600 {
    color: rgba(244, 67, 54, .48)
}

.text-basic-50 {
    color: #fafbfd
}

.text-basic-100 {
    color: #f6f7f9
}

.text-basic-200 {
    color: #f0f1f3
}

.text-basic-300 {
    color: #e4e5e7
}

.text-basic-400 {
    color: #c1c2c4
}

.text-basic-500 {
    color: #a3a4a5
}

.text-basic-600 {
    color: #797a7c
}

.text-basic-700 {
    color: #656668
}

.text-basic-800 {
    color: #464748
}

.text-basic-900 {
    color: #242527
}

.text-basic-transparent-100 {
    color: rgba(121, 122, 124, .08)
}

.text-basic-transparent-200 {
    color: rgba(121, 122, 124, .16)
}

.text-basic-transparent-300 {
    color: rgba(121, 122, 124, .24)
}

.text-basic-transparent-400 {
    color: rgba(121, 122, 124, .32)
}

.text-basic-transparent-500 {
    color: rgba(121, 122, 124, .4)
}

.text-basic-transparent-600 {
    color: rgba(121, 122, 124, .48)
}

.border-primary-100 {
    border: 1px solid #d9e2f9
}

.border-primary-200 {
    border: 1px solid #bac6ec
}

.border-primary-300 {
    border: 1px solid #6c87d8
}

.border-primary-400 {
    border: 1px solid #4765cb
}

.border-primary-500 {
    border: 1px solid #2f4daa
}

.border-primary-600 {
    border: 1px solid #2a469d
}

.border-primary-700 {
    border: 1px solid #223a92
}

.border-primary-800 {
    border: 1px solid #172a7a
}

.border-primary-900 {
    border: 1px solid #091351
}

.border-primary-transparent-100 {
    border: 1px solid rgba(47, 77, 170, .08)
}

.border-primary-transparent-200 {
    border: 1px solid rgba(47, 77, 170, .16)
}

.border-primary-transparent-300 {
    border: 1px solid rgba(47, 77, 170, .24)
}

.border-primary-transparent-400 {
    border: 1px solid rgba(47, 77, 170, .32)
}

.border-primary-transparent-500 {
    border: 1px solid rgba(47, 77, 170, .4)
}

.border-primary-transparent-600 {
    border: 1px solid rgba(47, 77, 170, .48)
}

.border-secondary-100 {
    border: 1px solid #fddd80
}

.border-secondary-200 {
    border: 1px solid #fbcf60
}

.border-secondary-300 {
    border: 1px solid #f9b82d
}

.border-secondary-400 {
    border: 1px solid #ffa800
}

.border-secondary-500 {
    border: 1px solid #f99304
}

.border-secondary-600 {
    border: 1px solid #e57602
}

.border-secondary-700 {
    border: 1px solid #c45b01
}

.border-secondary-800 {
    border: 1px solid #a44401
}

.border-secondary-900 {
    border: 1px solid #662102
}

.border-secondary-transparent-100 {
    border: 1px solid rgba(249, 147, 4, .08)
}

.border-secondary-transparent-200 {
    border: 1px solid rgba(249, 147, 4, .16)
}

.border-secondary-transparent-300 {
    border: 1px solid rgba(249, 147, 4, .24)
}

.border-secondary-transparent-400 {
    border: 1px solid rgba(249, 147, 4, .32)
}

.border-secondary-transparent-500 {
    border: 1px solid rgba(249, 147, 4, .4)
}

.border-secondary-transparent-600 {
    border: 1px solid rgba(249, 147, 4, .48)
}

.border-success-100 {
    border: 1px solid #ddf7bf
}

.border-success-200 {
    border: 1px solid #cdf3aa
}

.border-success-300 {
    border: 1px solid #a8ec7b
}

.border-success-400 {
    border: 1px solid #82d957
}

.border-success-500 {
    border: 1px solid #6bc64c
}

.border-success-600 {
    border: 1px solid #4caa37
}

.border-success-700 {
    border: 1px solid #328e26
}

.border-success-800 {
    border: 1px solid #116f0c
}

.border-success-900 {
    border: 1px solid #074608
}

.border-success-transparent-100 {
    border: 1px solid rgba(107, 198, 76, .08)
}

.border-success-transparent-200 {
    border: 1px solid rgba(107, 198, 76, .16)
}

.border-success-transparent-300 {
    border: 1px solid rgba(107, 198, 76, .24)
}

.border-success-transparent-400 {
    border: 1px solid rgba(107, 198, 76, .32)
}

.border-success-transparent-500 {
    border: 1px solid rgba(107, 198, 76, .4)
}

.border-success-transparent-600 {
    border: 1px solid rgba(107, 198, 76, .48)
}

.border-danger-100 {
    border: 1px solid #ffe0cd
}

.border-danger-200 {
    border: 1px solid #ffd1bc
}

.border-danger-300 {
    border: 1px solid #ffb29a
}

.border-danger-400 {
    border: 1px solid #ff7a6f
}

.border-danger-500 {
    border: 1px solid #f95e50
}

.border-danger-600 {
    border: 1px solid #db4042
}

.border-danger-700 {
    border: 1px solid #b72c3a
}

.border-danger-800 {
    border: 1px solid #931c31
}

.border-danger-900 {
    border: 1px solid #7a102c
}

.border-danger-transparent-100 {
    border: 1px solid rgba(244, 67, 54, .08)
}

.border-danger-transparent-200 {
    border: 1px solid rgba(244, 67, 54, .16)
}

.border-danger-transparent-300 {
    border: 1px solid rgba(244, 67, 54, .24)
}

.border-danger-transparent-400 {
    border: 1px solid rgba(244, 67, 54, .32)
}

.border-danger-transparent-500 {
    border: 1px solid rgba(244, 67, 54, .4)
}

.border-danger-transparent-600 {
    border: 1px solid rgba(244, 67, 54, .48)
}

.border-basic-50 {
    border: 1px solid #fafbfd
}

.border-basic-100 {
    border: 1px solid #f6f7f9
}

.border-basic-200 {
    border: 1px solid #f0f1f3
}

.border-basic-300 {
    border: 1px solid #e4e5e7
}

.border-basic-400 {
    border: 1px solid #c1c2c4
}

.border-basic-500 {
    border: 1px solid #a3a4a5
}

.border-basic-600 {
    border: 1px solid #797a7c
}

.border-basic-700 {
    border: 1px solid #656668
}

.border-basic-800 {
    border: 1px solid #464748
}

.border-basic-900 {
    border: 1px solid #242527
}

.border-basic-transparent-100 {
    border: 1px solid rgba(121, 122, 124, .08)
}

.border-basic-transparent-200 {
    border: 1px solid rgba(121, 122, 124, .16)
}

.border-basic-transparent-300 {
    border: 1px solid rgba(121, 122, 124, .24)
}

.border-basic-transparent-400 {
    border: 1px solid rgba(121, 122, 124, .32)
}

.border-basic-transparent-500 {
    border: 1px solid rgba(121, 122, 124, .4)
}

.border-basic-transparent-600 {
    border: 1px solid rgba(121, 122, 124, .48)
}

.pa-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pr-0,
.px-0 {
    padding-right: 0
}

.px-0 {
    padding-left: 0
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.pa-1 {
    padding: 4px
}

.pt-1 {
    padding-top: 4px
}

.pb-1 {
    padding-bottom: 4px
}

.pl-1 {
    padding-left: 4px
}

.pr-1,
.px-1 {
    padding-right: 4px
}

.px-1 {
    padding-left: 4px
}

.py-1 {
    padding-top: 4px;
    padding-bottom: 4px
}

.pa-2 {
    padding: 8px
}

.pt-2 {
    padding-top: 8px
}

.pb-2 {
    padding-bottom: 8px
}

.pl-2 {
    padding-left: 8px
}

.pr-2,
.px-2 {
    padding-right: 8px
}

.px-2 {
    padding-left: 8px
}

.py-2 {
    padding-top: 8px;
    padding-bottom: 8px
}

.avatar-banner,
.pa-3 {
    padding: 12px
}

.pt-3 {
    padding-top: 12px
}

.pb-3 {
    padding-bottom: 12px
}

.pl-3 {
    padding-left: 12px
}

.pr-3,
.px-3 {
    padding-right: 12px
}

.px-3 {
    padding-left: 12px
}

.py-3 {
    padding-top: 12px;
    padding-bottom: 12px
}

.pa-4 {
    padding: 16px
}

.pt-4 {
    padding-top: 16px
}

.pb-4 {
    padding-bottom: 16px
}

.pl-4 {
    padding-left: 16px
}

.pr-4,
.px-4 {
    padding-right: 16px
}

.px-4 {
    padding-left: 16px
}

.py-4 {
    padding-top: 16px;
    padding-bottom: 16px
}

.pa-5 {
    padding: 24px
}

.pt-5 {
    padding-top: 24px
}

.pb-5 {
    padding-bottom: 24px
}

.pl-5 {
    padding-left: 24px
}

.pr-5,
.px-5 {
    padding-right: 24px
}

.px-5 {
    padding-left: 24px
}

.py-5 {
    padding-top: 24px;
    padding-bottom: 24px
}

.pa-6 {
    padding: 32px
}

.pt-6 {
    padding-top: 32px
}

.pb-6 {
    padding-bottom: 32px
}

.pl-6 {
    padding-left: 32px
}

.pr-6,
.px-6 {
    padding-right: 32px
}

.px-6 {
    padding-left: 32px
}

.py-6 {
    padding-top: 32px;
    padding-bottom: 32px
}

.pa-7 {
    padding: 40px
}

.pt-7 {
    padding-top: 40px
}

.pb-7 {
    padding-bottom: 40px
}

.pl-7 {
    padding-left: 40px
}

.pr-7,
.px-7 {
    padding-right: 40px
}

.px-7 {
    padding-left: 40px
}

.py-7 {
    padding-top: 40px;
    padding-bottom: 40px
}

.pa-8 {
    padding: 64px
}

.pt-8 {
    padding-top: 64px
}

.pb-8 {
    padding-bottom: 64px
}

.pl-8 {
    padding-left: 64px
}

.pr-8,
.px-8 {
    padding-right: 64px
}

.px-8 {
    padding-left: 64px
}

.py-8 {
    padding-top: 64px;
    padding-bottom: 64px
}

.pa-9 {
    padding: 80px
}

.pt-9 {
    padding-top: 80px
}

.pb-9 {
    padding-bottom: 80px
}

.pl-9 {
    padding-left: 80px
}

.pr-9,
.px-9 {
    padding-right: 80px
}

.px-9 {
    padding-left: 80px
}

.py-9 {
    padding-top: 80px;
    padding-bottom: 80px
}

.ma-0 {
    margin: 0
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mr-0,
.mx-0 {
    margin-right: 0
}

.mx-0 {
    margin-left: 0
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.ma-1 {
    margin: 4px
}

.mt-1 {
    margin-top: 4px
}

.mb-1 {
    margin-bottom: 4px
}

.ml-1 {
    margin-left: 4px
}

.mr-1,
.mx-1 {
    margin-right: 4px
}

.mx-1 {
    margin-left: 4px
}

.look-and-feel-v1 .btn-app>.fa,
.look-and-feel-v1 .btn-app>.glyphicon,
.look-and-feel-v1 .btn-app>.ion,
.look-and-feel-v1 .btn-app>i,
.look-and-feel-v2 .btn-app>.fa,
.look-and-feel-v2 .btn-app>.glyphicon,
.look-and-feel-v2 .btn-app>.ion,
.look-and-feel-v2 .btn-app>i,
.my-1 {
    margin-top: 4px;
    margin-bottom: 4px
}

.ma-2 {
    margin: 8px
}

.mt-2 {
    margin-top: 8px
}

.mb-2 {
    margin-bottom: 8px
}

.ml-2 {
    margin-left: 8px
}

.mr-2,
.mx-2 {
    margin-right: 8px
}

.mx-2 {
    margin-left: 8px
}

.my-2 {
    margin-top: 8px;
    margin-bottom: 8px
}

.ma-3 {
    margin: 12px
}

.mt-3 {
    margin-top: 12px
}

.mb-3 {
    margin-bottom: 12px
}

.ml-3 {
    margin-left: 12px
}

.mr-3,
.mx-3 {
    margin-right: 12px
}

.mx-3 {
    margin-left: 12px
}

.avatar-banner--info,
.my-3 {
    margin-top: 12px;
    margin-bottom: 12px
}

.ma-4 {
    margin: 16px
}

.mt-4 {
    margin-top: 16px
}

.mb-4 {
    margin-bottom: 16px
}

.ml-4 {
    margin-left: 16px
}

.mr-4,
.mx-4 {
    margin-right: 16px
}

.mx-4 {
    margin-left: 16px
}

.my-4 {
    margin-top: 16px;
    margin-bottom: 16px
}

.ma-5 {
    margin: 24px
}

.mt-5 {
    margin-top: 24px
}

.mb-5 {
    margin-bottom: 24px
}

.ml-5 {
    margin-left: 24px
}

.mr-5,
.mx-5 {
    margin-right: 24px
}

.mx-5 {
    margin-left: 24px
}

.my-5 {
    margin-top: 24px;
    margin-bottom: 24px
}

.ma-6 {
    margin: 32px
}

.mt-6 {
    margin-top: 32px
}

.mb-6 {
    margin-bottom: 32px
}

.ml-6 {
    margin-left: 32px
}

.mr-6,
.mx-6 {
    margin-right: 32px
}

.mx-6 {
    margin-left: 32px
}

.my-6 {
    margin-top: 32px;
    margin-bottom: 32px
}

.ma-7 {
    margin: 40px
}

.mt-7 {
    margin-top: 40px
}

.mb-7 {
    margin-bottom: 40px
}

.ml-7 {
    margin-left: 40px
}

.mr-7,
.mx-7 {
    margin-right: 40px
}

.mx-7 {
    margin-left: 40px
}

.my-7 {
    margin-top: 40px;
    margin-bottom: 40px
}

.ma-8 {
    margin: 64px
}

.mt-8 {
    margin-top: 64px
}

.mb-8 {
    margin-bottom: 64px
}

.ml-8 {
    margin-left: 64px
}

.mr-8,
.mx-8 {
    margin-right: 64px
}

.mx-8 {
    margin-left: 64px
}

.my-8 {
    margin-top: 64px;
    margin-bottom: 64px
}

.ma-9 {
    margin: 80px
}

.mt-9 {
    margin-top: 80px
}

.mb-9 {
    margin-bottom: 80px
}

.ml-9 {
    margin-left: 80px
}

.mr-9,
.mx-9 {
    margin-right: 80px
}

.mx-9 {
    margin-left: 80px
}

.my-9 {
    margin-top: 80px;
    margin-bottom: 80px
}


/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.3333333333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: ""
}

.fa-accessible-icon:before {
    content: ""
}

.fa-accusoft:before {
    content: ""
}

.fa-acquisitions-incorporated:before {
    content: ""
}

.fa-ad:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-card:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-adversal:before {
    content: ""
}

.fa-affiliatetheme:before {
    content: ""
}

.fa-air-freshener:before {
    content: ""
}

.fa-airbnb:before {
    content: ""
}

.fa-algolia:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-alipay:before {
    content: ""
}

.fa-allergies:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-amazon-pay:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-american-sign-language-interpreting:before {
    content: ""
}

.fa-amilia:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angry:before {
    content: ""
}

.fa-angrycreative:before {
    content: ""
}

.fa-angular:before {
    content: ""
}

.fa-ankh:before {
    content: ""
}

.fa-app-store:before {
    content: ""
}

.fa-app-store-ios:before {
    content: ""
}

.fa-apper:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-apple-alt:before {
    content: ""
}

.fa-apple-pay:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-archway:before {
    content: ""
}

.fa-arrow-alt-circle-down:before {
    content: ""
}

.fa-arrow-alt-circle-left:before {
    content: ""
}

.fa-arrow-alt-circle-right:before {
    content: ""
}

.fa-arrow-alt-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-arrows-alt-h:before {
    content: ""
}

.fa-arrows-alt-v:before {
    content: ""
}

.fa-artstation:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-asymmetrik:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-atlas:before {
    content: ""
}

.fa-atlassian:before {
    content: ""
}

.fa-atom:before {
    content: ""
}

.fa-audible:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-autoprefixer:before {
    content: ""
}

.fa-avianex:before {
    content: ""
}

.fa-aviato:before {
    content: ""
}

.fa-award:before {
    content: ""
}

.fa-aws:before {
    content: ""
}

.fa-baby:before {
    content: ""
}

.fa-baby-carriage:before {
    content: ""
}

.fa-backspace:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-bacon:before {
    content: ""
}

.fa-bacteria:before {
    content: ""
}

.fa-bacterium:before {
    content: ""
}

.fa-bahai:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-balance-scale-left:before {
    content: ""
}

.fa-balance-scale-right:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-band-aid:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-bars:before {
    content: ""
}

.fa-baseball-ball:before {
    content: ""
}

.fa-basketball-ball:before {
    content: ""
}

.fa-bath:before {
    content: ""
}

.fa-battery-empty:before {
    content: ""
}

.fa-battery-full:before {
    content: ""
}

.fa-battery-half:before {
    content: ""
}

.fa-battery-quarter:before {
    content: ""
}

.fa-battery-three-quarters:before {
    content: ""
}

.fa-battle-net:before {
    content: ""
}

.fa-bed:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bezier-curve:before {
    content: ""
}

.fa-bible:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-biking:before {
    content: ""
}

.fa-bimobject:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-biohazard:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitcoin:before {
    content: ""
}

.fa-bity:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-blackberry:before {
    content: ""
}

.fa-blender:before {
    content: ""
}

.fa-blender-phone:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-blog:before {
    content: ""
}

.fa-blogger:before {
    content: ""
}

.fa-blogger-b:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-bolt:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-bone:before {
    content: ""
}

.fa-bong:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-book-dead:before {
    content: ""
}

.fa-book-medical:before {
    content: ""
}

.fa-book-open:before {
    content: ""
}

.fa-book-reader:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-bootstrap:before {
    content: ""
}

.fa-border-all:before {
    content: ""
}

.fa-border-none:before {
    content: ""
}

.fa-border-style:before {
    content: ""
}

.fa-bowling-ball:before {
    content: ""
}

.fa-box:before {
    content: ""
}

.fa-box-open:before {
    content: ""
}

.fa-box-tissue:before {
    content: ""
}

.fa-boxes:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-brain:before {
    content: ""
}

.fa-bread-slice:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-briefcase-medical:before {
    content: ""
}

.fa-broadcast-tower:before {
    content: ""
}

.fa-broom:before {
    content: ""
}

.fa-brush:before {
    content: ""
}

.fa-btc:before {
    content: ""
}

.fa-buffer:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-burn:before {
    content: ""
}

.fa-buromobelexperte:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-bus-alt:before {
    content: ""
}

.fa-business-time:before {
    content: ""
}

.fa-buy-n-large:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-calendar-alt:before {
    content: ""
}

.fa-calendar-check:before {
    content: ""
}

.fa-calendar-day:before {
    content: ""
}

.fa-calendar-minus:before {
    content: ""
}

.fa-calendar-plus:before {
    content: ""
}

.fa-calendar-times:before {
    content: ""
}

.fa-calendar-week:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-campground:before {
    content: ""
}

.fa-canadian-maple-leaf:before {
    content: ""
}

.fa-candy-cane:before {
    content: ""
}

.fa-cannabis:before {
    content: ""
}

.fa-capsules:before {
    content: ""
}

.fa-car:before {
    content: ""
}

.fa-car-alt:before {
    content: ""
}

.fa-car-battery:before {
    content: ""
}

.fa-car-crash:before {
    content: ""
}

.fa-car-side:before {
    content: ""
}

.fa-caravan:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-caret-square-down:before {
    content: ""
}

.fa-caret-square-left:before {
    content: ""
}

.fa-caret-square-right:before {
    content: ""
}

.fa-caret-square-up:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-carrot:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cash-register:before {
    content: ""
}

.fa-cat:before {
    content: ""
}

.fa-cc-amazon-pay:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-apple-pay:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-centercode:before {
    content: ""
}

.fa-centos:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-chair:before {
    content: ""
}

.fa-chalkboard:before {
    content: ""
}

.fa-chalkboard-teacher:before {
    content: ""
}

.fa-charging-station:before {
    content: ""
}

.fa-chart-area:before {
    content: ""
}

.fa-chart-bar:before {
    content: ""
}

.fa-chart-line:before {
    content: ""
}

.fa-chart-pie:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-check-double:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-cheese:before {
    content: ""
}

.fa-chess:before {
    content: ""
}

.fa-chess-bishop:before {
    content: ""
}

.fa-chess-board:before {
    content: ""
}

.fa-chess-king:before {
    content: ""
}

.fa-chess-knight:before {
    content: ""
}

.fa-chess-pawn:before {
    content: ""
}

.fa-chess-queen:before {
    content: ""
}

.fa-chess-rook:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-chromecast:before {
    content: ""
}

.fa-church:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-circle-notch:before {
    content: ""
}

.fa-city:before {
    content: ""
}

.fa-clinic-medical:before {
    content: ""
}

.fa-clipboard:before {
    content: ""
}

.fa-clipboard-check:before {
    content: ""
}

.fa-clipboard-list:before {
    content: ""
}

.fa-clock:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-closed-captioning:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-cloud-download-alt:before {
    content: ""
}

.fa-cloud-meatball:before {
    content: ""
}

.fa-cloud-moon:before {
    content: ""
}

.fa-cloud-moon-rain:before {
    content: ""
}

.fa-cloud-rain:before {
    content: ""
}

.fa-cloud-showers-heavy:before {
    content: ""
}

.fa-cloud-sun:before {
    content: ""
}

.fa-cloud-sun-rain:before {
    content: ""
}

.fa-cloud-upload-alt:before {
    content: ""
}

.fa-cloudflare:before {
    content: ""
}

.fa-cloudscale:before {
    content: ""
}

.fa-cloudsmith:before {
    content: ""
}

.fa-cloudversify:before {
    content: ""
}

.fa-cocktail:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-code-branch:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cog:before {
    content: ""
}

.fa-cogs:before {
    content: ""
}

.fa-coins:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-comment-alt:before {
    content: ""
}

.fa-comment-dollar:before {
    content: ""
}

.fa-comment-dots:before {
    content: ""
}

.fa-comment-medical:before {
    content: ""
}

.fa-comment-slash:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-comments-dollar:before {
    content: ""
}

.fa-compact-disc:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-compress-alt:before {
    content: ""
}

.fa-compress-arrows-alt:before {
    content: ""
}

.fa-concierge-bell:before {
    content: ""
}

.fa-confluence:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-cookie:before {
    content: ""
}

.fa-cookie-bite:before {
    content: ""
}

.fa-copy:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-cotton-bureau:before {
    content: ""
}

.fa-couch:before {
    content: ""
}

.fa-cpanel:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-creative-commons-by:before {
    content: ""
}

.fa-creative-commons-nc:before {
    content: ""
}

.fa-creative-commons-nc-eu:before {
    content: ""
}

.fa-creative-commons-nc-jp:before {
    content: ""
}

.fa-creative-commons-nd:before {
    content: ""
}

.fa-creative-commons-pd:before {
    content: ""
}

.fa-creative-commons-pd-alt:before {
    content: ""
}

.fa-creative-commons-remix:before {
    content: ""
}

.fa-creative-commons-sa:before {
    content: ""
}

.fa-creative-commons-sampling:before {
    content: ""
}

.fa-creative-commons-sampling-plus:before {
    content: ""
}

.fa-creative-commons-share:before {
    content: ""
}

.fa-creative-commons-zero:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-critical-role:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-crop-alt:before {
    content: ""
}

.fa-cross:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-crow:before {
    content: ""
}

.fa-crown:before {
    content: ""
}

.fa-crutch:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-css3-alt:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-cut:before {
    content: ""
}

.fa-cuttlefish:before {
    content: ""
}

.fa-d-and-d:before {
    content: ""
}

.fa-d-and-d-beyond:before {
    content: ""
}

.fa-dailymotion:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-deaf:before {
    content: ""
}

.fa-deezer:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-democrat:before {
    content: ""
}

.fa-deploydog:before {
    content: ""
}

.fa-deskpro:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-dev:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-dharmachakra:before {
    content: ""
}

.fa-dhl:before {
    content: ""
}

.fa-diagnoses:before {
    content: ""
}

.fa-diaspora:before {
    content: ""
}

.fa-dice:before {
    content: ""
}

.fa-dice-d20:before {
    content: ""
}

.fa-dice-d6:before {
    content: ""
}

.fa-dice-five:before {
    content: ""
}

.fa-dice-four:before {
    content: ""
}

.fa-dice-one:before {
    content: ""
}

.fa-dice-six:before {
    content: ""
}

.fa-dice-three:before {
    content: ""
}

.fa-dice-two:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-digital-ocean:before {
    content: ""
}

.fa-digital-tachograph:before {
    content: ""
}

.fa-directions:before {
    content: ""
}

.fa-discord:before {
    content: ""
}

.fa-discourse:before {
    content: ""
}

.fa-disease:before {
    content: ""
}

.fa-divide:before {
    content: ""
}

.fa-dizzy:before {
    content: ""
}

.fa-dna:before {
    content: ""
}

.fa-dochub:before {
    content: ""
}

.fa-docker:before {
    content: ""
}

.fa-dog:before {
    content: ""
}

.fa-dollar-sign:before {
    content: ""
}

.fa-dolly:before {
    content: ""
}

.fa-dolly-flatbed:before {
    content: ""
}

.fa-donate:before {
    content: ""
}

.fa-door-closed:before {
    content: ""
}

.fa-door-open:before {
    content: ""
}

.fa-dot-circle:before {
    content: ""
}

.fa-dove:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-draft2digital:before {
    content: ""
}

.fa-drafting-compass:before {
    content: ""
}

.fa-dragon:before {
    content: ""
}

.fa-draw-polygon:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-dribbble-square:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-drum:before {
    content: ""
}

.fa-drum-steelpan:before {
    content: ""
}

.fa-drumstick-bite:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-dumbbell:before {
    content: ""
}

.fa-dumpster:before {
    content: ""
}

.fa-dumpster-fire:before {
    content: ""
}

.fa-dungeon:before {
    content: ""
}

.fa-dyalog:before {
    content: ""
}

.fa-earlybirds:before {
    content: ""
}

.fa-ebay:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-edge-legacy:before {
    content: ""
}

.fa-edit:before {
    content: ""
}

.fa-egg:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-elementor:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-ello:before {
    content: ""
}

.fa-ember:before {
    content: ""
}

.fa-empire:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-text:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-equals:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-erlang:before {
    content: ""
}

.fa-ethereum:before {
    content: ""
}

.fa-ethernet:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-euro-sign:before {
    content: ""
}

.fa-evernote:before {
    content: ""
}

.fa-exchange-alt:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-exclamation-triangle:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-expand-alt:before {
    content: ""
}

.fa-expand-arrows-alt:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-external-link-alt:before {
    content: ""
}

.fa-external-link-square-alt:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-dropper:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-facebook-f:before {
    content: ""
}

.fa-facebook-messenger:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-fan:before {
    content: ""
}

.fa-fantasy-flight-games:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-faucet:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-feather:before {
    content: ""
}

.fa-feather-alt:before {
    content: ""
}

.fa-fedex:before {
    content: ""
}

.fa-fedora:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-figma:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-alt:before {
    content: ""
}

.fa-file-archive:before {
    content: ""
}

.fa-file-audio:before {
    content: ""
}

.fa-file-code:before {
    content: ""
}

.fa-file-contract:before {
    content: ""
}

.fa-file-csv:before {
    content: ""
}

.fa-file-download:before {
    content: ""
}

.fa-file-excel:before {
    content: ""
}

.fa-file-export:before {
    content: ""
}

.fa-file-image:before {
    content: ""
}

.fa-file-import:before {
    content: ""
}

.fa-file-invoice:before {
    content: ""
}

.fa-file-invoice-dollar:before {
    content: ""
}

.fa-file-medical:before {
    content: ""
}

.fa-file-medical-alt:before {
    content: ""
}

.fa-file-pdf:before {
    content: ""
}

.fa-file-powerpoint:before {
    content: ""
}

.fa-file-prescription:before {
    content: ""
}

.fa-file-signature:before {
    content: ""
}

.fa-file-upload:before {
    content: ""
}

.fa-file-video:before {
    content: ""
}

.fa-file-word:before {
    content: ""
}

.fa-fill:before {
    content: ""
}

.fa-fill-drip:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-fingerprint:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-fire-alt:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-firefox-browser:before {
    content: ""
}

.fa-first-aid:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-first-order-alt:before {
    content: ""
}

.fa-firstdraft:before {
    content: ""
}

.fa-fish:before {
    content: ""
}

.fa-fist-raised:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-flag-usa:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-flipboard:before {
    content: ""
}

.fa-flushed:before {
    content: ""
}

.fa-fly:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-minus:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-folder-plus:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-font-awesome:before {
    content: ""
}

.fa-font-awesome-alt:before {
    content: ""
}

.fa-font-awesome-flag:before {
    content: ""
}

.fa-font-awesome-logo-full:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-fonticons-fi:before {
    content: ""
}

.fa-football-ball:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-fort-awesome-alt:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-freebsd:before {
    content: ""
}

.fa-frog:before {
    content: ""
}

.fa-frown:before {
    content: ""
}

.fa-frown-open:before {
    content: ""
}

.fa-fulcrum:before {
    content: ""
}

.fa-funnel-dollar:before {
    content: ""
}

.fa-futbol:before {
    content: ""
}

.fa-galactic-republic:before {
    content: ""
}

.fa-galactic-senate:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-gas-pump:before {
    content: ""
}

.fa-gavel:before {
    content: ""
}

.fa-gem:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-ghost:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-gifts:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-git-alt:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-gitkraken:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-gitter:before {
    content: ""
}

.fa-glass-cheers:before {
    content: ""
}

.fa-glass-martini:before {
    content: ""
}

.fa-glass-martini-alt:before {
    content: ""
}

.fa-glass-whiskey:before {
    content: ""
}

.fa-glasses:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-globe-africa:before {
    content: ""
}

.fa-globe-americas:before {
    content: ""
}

.fa-globe-asia:before {
    content: ""
}

.fa-globe-europe:before {
    content: ""
}

.fa-gofore:before {
    content: ""
}

.fa-golf-ball:before {
    content: ""
}

.fa-goodreads:before {
    content: ""
}

.fa-goodreads-g:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-google-drive:before {
    content: ""
}

.fa-google-pay:before {
    content: ""
}

.fa-google-play:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-google-plus-g:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-gopuram:before {
    content: ""
}

.fa-graduation-cap:before {
    content: ""
}

.fa-gratipay:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-greater-than:before {
    content: ""
}

.fa-greater-than-equal:before {
    content: ""
}

.fa-grimace:before {
    content: ""
}

.fa-grin:before {
    content: ""
}

.fa-grin-alt:before {
    content: ""
}

.fa-grin-beam:before {
    content: ""
}

.fa-grin-beam-sweat:before {
    content: ""
}

.fa-grin-hearts:before {
    content: ""
}

.fa-grin-squint:before {
    content: ""
}

.fa-grin-squint-tears:before {
    content: ""
}

.fa-grin-stars:before {
    content: ""
}

.fa-grin-tears:before {
    content: ""
}

.fa-grin-tongue:before {
    content: ""
}

.fa-grin-tongue-squint:before {
    content: ""
}

.fa-grin-tongue-wink:before {
    content: ""
}

.fa-grin-wink:before {
    content: ""
}

.fa-grip-horizontal:before {
    content: ""
}

.fa-grip-lines:before {
    content: ""
}

.fa-grip-lines-vertical:before {
    content: ""
}

.fa-grip-vertical:before {
    content: ""
}

.fa-gripfire:before {
    content: ""
}

.fa-grunt:before {
    content: ""
}

.fa-guilded:before {
    content: ""
}

.fa-guitar:before {
    content: ""
}

.fa-gulp:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-hacker-news-square:before {
    content: ""
}

.fa-hackerrank:before {
    content: ""
}

.fa-hamburger:before {
    content: ""
}

.fa-hammer:before {
    content: ""
}

.fa-hamsa:before {
    content: ""
}

.fa-hand-holding:before {
    content: ""
}

.fa-hand-holding-heart:before {
    content: ""
}

.fa-hand-holding-medical:before {
    content: ""
}

.fa-hand-holding-usd:before {
    content: ""
}

.fa-hand-holding-water:before {
    content: ""
}

.fa-hand-lizard:before {
    content: ""
}

.fa-hand-middle-finger:before {
    content: ""
}

.fa-hand-paper:before {
    content: ""
}

.fa-hand-peace:before {
    content: ""
}

.fa-hand-point-down:before {
    content: ""
}

.fa-hand-point-left:before {
    content: ""
}

.fa-hand-point-right:before {
    content: ""
}

.fa-hand-point-up:before {
    content: ""
}

.fa-hand-pointer:before {
    content: ""
}

.fa-hand-rock:before {
    content: ""
}

.fa-hand-scissors:before {
    content: ""
}

.fa-hand-sparkles:before {
    content: ""
}

.fa-hand-spock:before {
    content: ""
}

.fa-hands:before {
    content: ""
}

.fa-hands-helping:before {
    content: ""
}

.fa-hands-wash:before {
    content: ""
}

.fa-handshake:before {
    content: ""
}

.fa-handshake-alt-slash:before {
    content: ""
}

.fa-handshake-slash:before {
    content: ""
}

.fa-hanukiah:before {
    content: ""
}

.fa-hard-hat:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-hat-cowboy:before {
    content: ""
}

.fa-hat-cowboy-side:before {
    content: ""
}

.fa-hat-wizard:before {
    content: ""
}

.fa-hdd:before {
    content: ""
}

.fa-head-side-cough:before {
    content: ""
}

.fa-head-side-cough-slash:before {
    content: ""
}

.fa-head-side-mask:before {
    content: ""
}

.fa-head-side-virus:before {
    content: ""
}

.fa-heading:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-headphones-alt:before {
    content: ""
}

.fa-headset:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-heart-broken:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-helicopter:before {
    content: ""
}

.fa-highlighter:before {
    content: ""
}

.fa-hiking:before {
    content: ""
}

.fa-hippo:before {
    content: ""
}

.fa-hips:before {
    content: ""
}

.fa-hire-a-helper:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-hive:before {
    content: ""
}

.fa-hockey-puck:before {
    content: ""
}

.fa-holly-berry:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-hooli:before {
    content: ""
}

.fa-hornbill:before {
    content: ""
}

.fa-horse:before {
    content: ""
}

.fa-horse-head:before {
    content: ""
}

.fa-hospital:before {
    content: ""
}

.fa-hospital-alt:before {
    content: ""
}

.fa-hospital-symbol:before {
    content: ""
}

.fa-hospital-user:before {
    content: ""
}

.fa-hot-tub:before {
    content: ""
}

.fa-hotdog:before {
    content: ""
}

.fa-hotel:before {
    content: ""
}

.fa-hotjar:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-start:before {
    content: ""
}

.fa-house-damage:before {
    content: ""
}

.fa-house-user:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-hryvnia:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-hubspot:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-ice-cream:before {
    content: ""
}

.fa-icicles:before {
    content: ""
}

.fa-icons:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-id-card:before {
    content: ""
}

.fa-id-card-alt:before {
    content: ""
}

.fa-ideal:before {
    content: ""
}

.fa-igloo:before {
    content: ""
}

.fa-image:before {
    content: ""
}

.fa-images:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-infinity:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-innosoft:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-instagram-square:before {
    content: ""
}

.fa-instalod:before {
    content: ""
}

.fa-intercom:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-invision:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-itch-io:before {
    content: ""
}

.fa-itunes:before {
    content: ""
}

.fa-itunes-note:before {
    content: ""
}

.fa-java:before {
    content: ""
}

.fa-jedi:before {
    content: ""
}

.fa-jedi-order:before {
    content: ""
}

.fa-jenkins:before {
    content: ""
}

.fa-jira:before {
    content: ""
}

.fa-joget:before {
    content: ""
}

.fa-joint:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-journal-whills:before {
    content: ""
}

.fa-js:before {
    content: ""
}

.fa-js-square:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-kaaba:before {
    content: ""
}

.fa-kaggle:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-keybase:before {
    content: ""
}

.fa-keyboard:before {
    content: ""
}

.fa-keycdn:before {
    content: ""
}

.fa-khanda:before {
    content: ""
}

.fa-kickstarter:before {
    content: ""
}

.fa-kickstarter-k:before {
    content: ""
}

.fa-kiss:before {
    content: ""
}

.fa-kiss-beam:before {
    content: ""
}

.fa-kiss-wink-heart:before {
    content: ""
}

.fa-kiwi-bird:before {
    content: ""
}

.fa-korvue:before {
    content: ""
}

.fa-landmark:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-laptop-code:before {
    content: ""
}

.fa-laptop-house:before {
    content: ""
}

.fa-laptop-medical:before {
    content: ""
}

.fa-laravel:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-laugh:before {
    content: ""
}

.fa-laugh-beam:before {
    content: ""
}

.fa-laugh-squint:before {
    content: ""
}

.fa-laugh-wink:before {
    content: ""
}

.fa-layer-group:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-lemon:before {
    content: ""
}

.fa-less:before {
    content: ""
}

.fa-less-than:before {
    content: ""
}

.fa-less-than-equal:before {
    content: ""
}

.fa-level-down-alt:before {
    content: ""
}

.fa-level-up-alt:before {
    content: ""
}

.fa-life-ring:before {
    content: ""
}

.fa-lightbulb:before {
    content: ""
}

.fa-line:before {
    content: ""
}

.fa-link:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-linkedin-in:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-lira-sign:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-lock-open:before {
    content: ""
}

.fa-long-arrow-alt-down:before {
    content: ""
}

.fa-long-arrow-alt-left:before {
    content: ""
}

.fa-long-arrow-alt-right:before {
    content: ""
}

.fa-long-arrow-alt-up:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-luggage-cart:before {
    content: ""
}

.fa-lungs:before {
    content: ""
}

.fa-lungs-virus:before {
    content: ""
}

.fa-lyft:before {
    content: ""
}

.fa-magento:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-mail-bulk:before {
    content: ""
}

.fa-mailchimp:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-mandalorian:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-map-marked:before {
    content: ""
}

.fa-map-marked-alt:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-map-marker-alt:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-markdown:before {
    content: ""
}

.fa-marker:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mask:before {
    content: ""
}

.fa-mastodon:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-mdb:before {
    content: ""
}

.fa-medal:before {
    content: ""
}

.fa-medapps:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-medium-m:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-medrt:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.fa-megaport:before {
    content: ""
}

.fa-meh:before {
    content: ""
}

.fa-meh-blank:before {
    content: ""
}

.fa-meh-rolling-eyes:before {
    content: ""
}

.fa-memory:before {
    content: ""
}

.fa-mendeley:before {
    content: ""
}

.fa-menorah:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-meteor:before {
    content: ""
}

.fa-microblog:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-alt:before {
    content: ""
}

.fa-microphone-alt-slash:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-microscope:before {
    content: ""
}

.fa-microsoft:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-mitten:before {
    content: ""
}

.fa-mix:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-mixer:before {
    content: ""
}

.fa-mizuni:before {
    content: ""
}

.fa-mobile:before {
    content: ""
}

.fa-mobile-alt:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-monero:before {
    content: ""
}

.fa-money-bill:before {
    content: ""
}

.fa-money-bill-alt:before {
    content: ""
}

.fa-money-bill-wave:before {
    content: ""
}

.fa-money-bill-wave-alt:before {
    content: ""
}

.fa-money-check:before {
    content: ""
}

.fa-money-check-alt:before {
    content: ""
}

.fa-monument:before {
    content: ""
}

.fa-moon:before {
    content: ""
}

.fa-mortar-pestle:before {
    content: ""
}

.fa-mosque:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-mountain:before {
    content: ""
}

.fa-mouse:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-mug-hot:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-napster:before {
    content: ""
}

.fa-neos:before {
    content: ""
}

.fa-network-wired:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-newspaper:before {
    content: ""
}

.fa-nimblr:before {
    content: ""
}

.fa-node:before {
    content: ""
}

.fa-node-js:before {
    content: ""
}

.fa-not-equal:before {
    content: ""
}

.fa-notes-medical:before {
    content: ""
}

.fa-npm:before {
    content: ""
}

.fa-ns8:before {
    content: ""
}

.fa-nutritionix:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-octopus-deploy:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-oil-can:before {
    content: ""
}

.fa-old-republic:before {
    content: ""
}

.fa-om:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-orcid:before {
    content: ""
}

.fa-osi:before {
    content: ""
}

.fa-otter:before {
    content: ""
}

.fa-outdent:before {
    content: ""
}

.fa-page4:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-pager:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-paint-roller:before {
    content: ""
}

.fa-palette:before {
    content: ""
}

.fa-palfed:before {
    content: ""
}

.fa-pallet:before {
    content: ""
}

.fa-paper-plane:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-parachute-box:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-parking:before {
    content: ""
}

.fa-passport:before {
    content: ""
}

.fa-pastafarianism:before {
    content: ""
}

.fa-paste:before {
    content: ""
}

.fa-patreon:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-peace:before {
    content: ""
}

.fa-pen:before {
    content: ""
}

.fa-pen-alt:before {
    content: ""
}

.fa-pen-fancy:before {
    content: ""
}

.fa-pen-nib:before {
    content: ""
}

.fa-pen-square:before {
    content: ""
}

.fa-pencil-alt:before {
    content: ""
}

.fa-pencil-ruler:before {
    content: ""
}

.fa-penny-arcade:before {
    content: ""
}

.fa-people-arrows:before {
    content: ""
}

.fa-people-carry:before {
    content: ""
}

.fa-pepper-hot:before {
    content: ""
}

.fa-perbyte:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-percentage:before {
    content: ""
}

.fa-periscope:before {
    content: ""
}

.fa-person-booth:before {
    content: ""
}

.fa-phabricator:before {
    content: ""
}

.fa-phoenix-framework:before {
    content: ""
}

.fa-phoenix-squadron:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-phone-alt:before {
    content: ""
}

.fa-phone-slash:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-phone-square-alt:before {
    content: ""
}

.fa-phone-volume:before {
    content: ""
}

.fa-photo-video:before {
    content: ""
}

.fa-php:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-pied-piper-hat:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-square:before {
    content: ""
}

.fa-piggy-bank:before {
    content: ""
}

.fa-pills:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-pizza-slice:before {
    content: ""
}

.fa-place-of-worship:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-plane-arrival:before {
    content: ""
}

.fa-plane-departure:before {
    content: ""
}

.fa-plane-slash:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-playstation:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-poll:before {
    content: ""
}

.fa-poll-h:before {
    content: ""
}

.fa-poo:before {
    content: ""
}

.fa-poo-storm:before {
    content: ""
}

.fa-poop:before {
    content: ""
}

.fa-portrait:before {
    content: ""
}

.fa-pound-sign:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-pray:before {
    content: ""
}

.fa-praying-hands:before {
    content: ""
}

.fa-prescription:before {
    content: ""
}

.fa-prescription-bottle:before {
    content: ""
}

.fa-prescription-bottle-alt:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-procedures:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-project-diagram:before {
    content: ""
}

.fa-pump-medical:before {
    content: ""
}

.fa-pump-soap:before {
    content: ""
}

.fa-pushed:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-python:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-quidditch:before {
    content: ""
}

.fa-quinscape:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-quran:before {
    content: ""
}

.fa-r-project:before {
    content: ""
}

.fa-radiation:before {
    content: ""
}

.fa-radiation-alt:before {
    content: ""
}

.fa-rainbow:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-raspberry-pi:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-react:before {
    content: ""
}

.fa-reacteurope:before {
    content: ""
}

.fa-readme:before {
    content: ""
}

.fa-rebel:before {
    content: ""
}

.fa-receipt:before {
    content: ""
}

.fa-record-vinyl:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-red-river:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-redhat:before {
    content: ""
}

.fa-redo:before {
    content: ""
}

.fa-redo-alt:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-remove-format:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-reply:before {
    content: ""
}

.fa-reply-all:before {
    content: ""
}

.fa-replyd:before {
    content: ""
}

.fa-republican:before {
    content: ""
}

.fa-researchgate:before {
    content: ""
}

.fa-resolving:before {
    content: ""
}

.fa-restroom:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-rev:before {
    content: ""
}

.fa-ribbon:before {
    content: ""
}

.fa-ring:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-robot:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-rocketchat:before {
    content: ""
}

.fa-rockrms:before {
    content: ""
}

.fa-route:before {
    content: ""
}

.fa-rss:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-ruble-sign:before {
    content: ""
}

.fa-ruler:before {
    content: ""
}

.fa-ruler-combined:before {
    content: ""
}

.fa-ruler-horizontal:before {
    content: ""
}

.fa-ruler-vertical:before {
    content: ""
}

.fa-running:before {
    content: ""
}

.fa-rupee-sign:before {
    content: ""
}

.fa-rust:before {
    content: ""
}

.fa-sad-cry:before {
    content: ""
}

.fa-sad-tear:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-salesforce:before {
    content: ""
}

.fa-sass:before {
    content: ""
}

.fa-satellite:before {
    content: ""
}

.fa-satellite-dish:before {
    content: ""
}

.fa-save:before {
    content: ""
}

.fa-schlix:before {
    content: ""
}

.fa-school:before {
    content: ""
}

.fa-screwdriver:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-scroll:before {
    content: ""
}

.fa-sd-card:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-search-dollar:before {
    content: ""
}

.fa-search-location:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-searchengin:before {
    content: ""
}

.fa-seedling:before {
    content: ""
}

.fa-sellcast:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-servicestack:before {
    content: ""
}

.fa-shapes:before {
    content: ""
}

.fa-share:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-shekel-sign:before {
    content: ""
}

.fa-shield-alt:before {
    content: ""
}

.fa-shield-virus:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-shipping-fast:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-shoe-prints:before {
    content: ""
}

.fa-shopify:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-shopware:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-shuttle-van:before {
    content: ""
}

.fa-sign:before {
    content: ""
}

.fa-sign-in-alt:before {
    content: ""
}

.fa-sign-language:before {
    content: ""
}

.fa-sign-out-alt:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-signature:before {
    content: ""
}

.fa-sim-card:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-sink:before {
    content: ""
}

.fa-sistrix:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-sith:before {
    content: ""
}

.fa-skating:before {
    content: ""
}

.fa-sketch:before {
    content: ""
}

.fa-skiing:before {
    content: ""
}

.fa-skiing-nordic:before {
    content: ""
}

.fa-skull:before {
    content: ""
}

.fa-skull-crossbones:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-slack-hash:before {
    content: ""
}

.fa-slash:before {
    content: ""
}

.fa-sleigh:before {
    content: ""
}

.fa-sliders-h:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-smile:before {
    content: ""
}

.fa-smile-beam:before {
    content: ""
}

.fa-smile-wink:before {
    content: ""
}

.fa-smog:before {
    content: ""
}

.fa-smoking:before {
    content: ""
}

.fa-smoking-ban:before {
    content: ""
}

.fa-sms:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-snowboarding:before {
    content: ""
}

.fa-snowflake:before {
    content: ""
}

.fa-snowman:before {
    content: ""
}

.fa-snowplow:before {
    content: ""
}

.fa-soap:before {
    content: ""
}

.fa-socks:before {
    content: ""
}

.fa-solar-panel:before {
    content: ""
}

.fa-sort:before {
    content: ""
}

.fa-sort-alpha-down:before {
    content: ""
}

.fa-sort-alpha-down-alt:before {
    content: ""
}

.fa-sort-alpha-up:before {
    content: ""
}

.fa-sort-alpha-up-alt:before {
    content: ""
}

.fa-sort-amount-down:before {
    content: ""
}

.fa-sort-amount-down-alt:before {
    content: ""
}

.fa-sort-amount-up:before {
    content: ""
}

.fa-sort-amount-up-alt:before {
    content: ""
}

.fa-sort-down:before {
    content: ""
}

.fa-sort-numeric-down:before {
    content: ""
}

.fa-sort-numeric-down-alt:before {
    content: ""
}

.fa-sort-numeric-up:before {
    content: ""
}

.fa-sort-numeric-up-alt:before {
    content: ""
}

.fa-sort-up:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-sourcetree:before {
    content: ""
}

.fa-spa:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-speakap:before {
    content: ""
}

.fa-speaker-deck:before {
    content: ""
}

.fa-spell-check:before {
    content: ""
}

.fa-spider:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-splotch:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-spray-can:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-square-full:before {
    content: ""
}

.fa-square-root-alt:before {
    content: ""
}

.fa-squarespace:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-stackpath:before {
    content: ""
}

.fa-stamp:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-and-crescent:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-star-half-alt:before {
    content: ""
}

.fa-star-of-david:before {
    content: ""
}

.fa-star-of-life:before {
    content: ""
}

.fa-staylinked:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-steam-symbol:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-sticker-mule:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stopwatch:before {
    content: ""
}

.fa-stopwatch-20:before {
    content: ""
}

.fa-store:before {
    content: ""
}

.fa-store-alt:before {
    content: ""
}

.fa-store-alt-slash:before {
    content: ""
}

.fa-store-slash:before {
    content: ""
}

.fa-strava:before {
    content: ""
}

.fa-stream:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-stripe:before {
    content: ""
}

.fa-stripe-s:before {
    content: ""
}

.fa-stroopwafel:before {
    content: ""
}

.fa-studiovinari:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-suitcase-rolling:before {
    content: ""
}

.fa-sun:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-supple:before {
    content: ""
}

.fa-surprise:before {
    content: ""
}

.fa-suse:before {
    content: ""
}

.fa-swatchbook:before {
    content: ""
}

.fa-swift:before {
    content: ""
}

.fa-swimmer:before {
    content: ""
}

.fa-swimming-pool:before {
    content: ""
}

.fa-symfony:before {
    content: ""
}

.fa-synagogue:before {
    content: ""
}

.fa-sync:before {
    content: ""
}

.fa-sync-alt:before {
    content: ""
}

.fa-syringe:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-table-tennis:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-tablet-alt:before {
    content: ""
}

.fa-tablets:before {
    content: ""
}

.fa-tachometer-alt:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-tape:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-taxi:before {
    content: ""
}

.fa-teamspeak:before {
    content: ""
}

.fa-teeth:before {
    content: ""
}

.fa-teeth-open:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-telegram-plane:before {
    content: ""
}

.fa-temperature-high:before {
    content: ""
}

.fa-temperature-low:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-tenge:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-the-red-yeti:before {
    content: ""
}

.fa-theater-masks:before {
    content: ""
}

.fa-themeco:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-thermometer:before {
    content: ""
}

.fa-thermometer-empty:before {
    content: ""
}

.fa-thermometer-full:before {
    content: ""
}

.fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-three-quarters:before {
    content: ""
}

.fa-think-peaks:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbtack:before {
    content: ""
}

.fa-ticket-alt:before {
    content: ""
}

.fa-tiktok:before {
    content: ""
}

.fa-times:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-tint-slash:before {
    content: ""
}

.fa-tired:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-toilet:before {
    content: ""
}

.fa-toilet-paper:before {
    content: ""
}

.fa-toilet-paper-slash:before {
    content: ""
}

.fa-toolbox:before {
    content: ""
}

.fa-tools:before {
    content: ""
}

.fa-tooth:before {
    content: ""
}

.fa-torah:before {
    content: ""
}

.fa-torii-gate:before {
    content: ""
}

.fa-tractor:before {
    content: ""
}

.fa-trade-federation:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-traffic-light:before {
    content: ""
}

.fa-trailer:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-tram:before {
    content: ""
}

.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-trash-alt:before {
    content: ""
}

.fa-trash-restore:before {
    content: ""
}

.fa-trash-restore-alt:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-truck-loading:before {
    content: ""
}

.fa-truck-monster:before {
    content: ""
}

.fa-truck-moving:before {
    content: ""
}

.fa-truck-pickup:before {
    content: ""
}

.fa-tshirt:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-tv:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-typo3:before {
    content: ""
}

.fa-uber:before {
    content: ""
}

.fa-ubuntu:before {
    content: ""
}

.fa-uikit:before {
    content: ""
}

.fa-umbraco:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-umbrella-beach:before {
    content: ""
}

.fa-uncharted:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-undo:before {
    content: ""
}

.fa-undo-alt:before {
    content: ""
}

.fa-uniregistry:before {
    content: ""
}

.fa-unity:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-university:before {
    content: ""
}

.fa-unlink:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-unsplash:before {
    content: ""
}

.fa-untappd:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-ups:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-user-alt:before {
    content: ""
}

.fa-user-alt-slash:before {
    content: ""
}

.fa-user-astronaut:before {
    content: ""
}

.fa-user-check:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-clock:before {
    content: ""
}

.fa-user-cog:before {
    content: ""
}

.fa-user-edit:before {
    content: ""
}

.fa-user-friends:before {
    content: ""
}

.fa-user-graduate:before {
    content: ""
}

.fa-user-injured:before {
    content: ""
}

.fa-user-lock:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-user-minus:before {
    content: ""
}

.fa-user-ninja:before {
    content: ""
}

.fa-user-nurse:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-user-shield:before {
    content: ""
}

.fa-user-slash:before {
    content: ""
}

.fa-user-tag:before {
    content: ""
}

.fa-user-tie:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-users:before {
    content: ""
}

.fa-users-cog:before {
    content: ""
}

.fa-users-slash:before {
    content: ""
}

.fa-usps:before {
    content: ""
}

.fa-ussunnah:before {
    content: ""
}

.fa-utensil-spoon:before {
    content: ""
}

.fa-utensils:before {
    content: ""
}

.fa-vaadin:before {
    content: ""
}

.fa-vector-square:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-vest:before {
    content: ""
}

.fa-vest-patches:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-vial:before {
    content: ""
}

.fa-vials:before {
    content: ""
}

.fa-viber:before {
    content: ""
}

.fa-video:before {
    content: ""
}

.fa-video-slash:before {
    content: ""
}

.fa-vihara:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-vimeo-v:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-virus:before {
    content: ""
}

.fa-virus-slash:before {
    content: ""
}

.fa-viruses:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-vnv:before {
    content: ""
}

.fa-voicemail:before {
    content: ""
}

.fa-volleyball-ball:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-mute:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-vote-yea:before {
    content: ""
}

.fa-vr-cardboard:before {
    content: ""
}

.fa-vuejs:before {
    content: ""
}

.fa-walking:before {
    content: ""
}

.fa-wallet:before {
    content: ""
}

.fa-warehouse:before {
    content: ""
}

.fa-watchman-monitoring:before {
    content: ""
}

.fa-water:before {
    content: ""
}

.fa-wave-square:before {
    content: ""
}

.fa-waze:before {
    content: ""
}

.fa-weebly:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-weight:before {
    content: ""
}

.fa-weight-hanging:before {
    content: ""
}

.fa-weixin:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-whatsapp-square:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-whmcs:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-wind:before {
    content: ""
}

.fa-window-close:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-wine-bottle:before {
    content: ""
}

.fa-wine-glass:before {
    content: ""
}

.fa-wine-glass-alt:before {
    content: ""
}

.fa-wix:before {
    content: ""
}

.fa-wizards-of-the-coast:before {
    content: ""
}

.fa-wodu:before {
    content: ""
}

.fa-wolf-pack-battalion:before {
    content: ""
}

.fa-won-sign:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-wordpress-simple:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-wpressr:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-x-ray:before {
    content: ""
}

.fa-xbox:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-y-combinator:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-yammer:before {
    content: ""
}

.fa-yandex:before {
    content: ""
}

.fa-yandex-international:before {
    content: ""
}

.fa-yarn:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-yen-sign:before {
    content: ""
}

.fa-yin-yang:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-zhihu:before {
    content: ""
}

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

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


/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/packs/media/webfonts/fa-regular-400-77206a6b.eot);
    src: url(/packs/media/webfonts/fa-regular-400-77206a6b.eot?#iefix) format("embedded-opentype"), url(/packs/media/webfonts/fa-regular-400-7a333762.woff2) format("woff2"), url(/packs/media/webfonts/fa-regular-400-bb58e57c.woff) format("woff"), url(/packs/media/webfonts/fa-regular-400-491974d1.ttf) format("truetype"), url(/packs/media/webfonts/fa-regular-400-4689f52c.svg#fontawesome) format("svg")
}

.far {
    font-weight: 400
}


/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(/packs/media/webfonts/fa-solid-900-9bbb245e.eot);
    src: url(/packs/media/webfonts/fa-solid-900-9bbb245e.eot?#iefix) format("embedded-opentype"), url(/packs/media/webfonts/fa-solid-900-1551f4f6.woff2) format("woff2"), url(/packs/media/webfonts/fa-solid-900-eeccf4f6.woff) format("woff"), url(/packs/media/webfonts/fa-solid-900-be9ee23c.ttf) format("truetype"), url(/packs/media/webfonts/fa-solid-900-7a8b4f13.svg#fontawesome) format("svg")
}

.fa,
.far,
.fas {
    font-family: Font Awesome\ 5 Free
}

.fa,
.fas {
    font-weight: 900
}


/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: Font Awesome\ 5 Brands;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/packs/media/webfonts/fa-brands-400-23f19bb0.eot);
    src: url(/packs/media/webfonts/fa-brands-400-23f19bb0.eot?#iefix) format("embedded-opentype"), url(/packs/media/webfonts/fa-brands-400-d878b0a6.woff2) format("woff2"), url(/packs/media/webfonts/fa-brands-400-2285773e.woff) format("woff"), url(/packs/media/webfonts/fa-brands-400-527940b1.ttf) format("truetype"), url(/packs/media/webfonts/fa-brands-400-2f517e09.svg#fontawesome) format("svg")
}

.fab {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}


/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa.fa-glass:before {
    content: ""
}

.fa.fa-meetup {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-star-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-star-o:before {
    content: ""
}

.fa.fa-close:before,
.fa.fa-remove:before {
    content: ""
}

.fa.fa-gear:before {
    content: ""
}

.fa.fa-trash-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-trash-o:before {
    content: ""
}

.fa.fa-file-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-o:before {
    content: ""
}

.fa.fa-clock-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-clock-o:before {
    content: ""
}

.fa.fa-arrow-circle-o-down {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-arrow-circle-o-down:before {
    content: ""
}

.fa.fa-arrow-circle-o-up {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-arrow-circle-o-up:before {
    content: ""
}

.fa.fa-play-circle-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-play-circle-o:before {
    content: ""
}

.fa.fa-repeat:before,
.fa.fa-rotate-right:before {
    content: ""
}

.fa.fa-refresh:before {
    content: ""
}

.fa.fa-list-alt {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-dedent:before {
    content: ""
}

.fa.fa-video-camera:before {
    content: ""
}

.fa.fa-picture-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-picture-o:before {
    content: ""
}

.fa.fa-photo {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-photo:before {
    content: ""
}

.fa.fa-image {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-image:before {
    content: ""
}

.fa.fa-pencil:before {
    content: ""
}

.fa.fa-map-marker:before {
    content: ""
}

.fa.fa-pencil-square-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-pencil-square-o:before {
    content: ""
}

.fa.fa-share-square-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-share-square-o:before {
    content: ""
}

.fa.fa-check-square-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-check-square-o:before {
    content: ""
}

.fa.fa-arrows:before {
    content: ""
}

.fa.fa-times-circle-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-times-circle-o:before {
    content: ""
}

.fa.fa-check-circle-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-check-circle-o:before {
    content: ""
}

.fa.fa-mail-forward:before {
    content: ""
}

.fa.fa-expand:before {
    content: ""
}

.fa.fa-compress:before {
    content: ""
}

.fa.fa-eye,
.fa.fa-eye-slash {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-warning:before {
    content: ""
}

.fa.fa-calendar:before {
    content: ""
}

.fa.fa-arrows-v:before {
    content: ""
}

.fa.fa-arrows-h:before {
    content: ""
}

.fa.fa-bar-chart {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-bar-chart:before {
    content: ""
}

.fa.fa-bar-chart-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-bar-chart-o:before {
    content: ""
}

.fa.fa-facebook-square,
.fa.fa-twitter-square {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-gears:before {
    content: ""
}

.fa.fa-thumbs-o-up {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-thumbs-o-up:before {
    content: ""
}

.fa.fa-thumbs-o-down {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-thumbs-o-down:before {
    content: ""
}

.fa.fa-heart-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-heart-o:before {
    content: ""
}

.fa.fa-sign-out:before {
    content: ""
}

.fa.fa-linkedin-square {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-linkedin-square:before {
    content: ""
}

.fa.fa-thumb-tack:before {
    content: ""
}

.fa.fa-external-link:before {
    content: ""
}

.fa.fa-sign-in:before {
    content: ""
}

.fa.fa-github-square {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-lemon-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-lemon-o:before {
    content: ""
}

.fa.fa-square-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-square-o:before {
    content: ""
}

.fa.fa-bookmark-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-bookmark-o:before {
    content: ""
}

.fa.fa-facebook,
.fa.fa-twitter {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-facebook:before {
    content: ""
}

.fa.fa-facebook-f {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-facebook-f:before {
    content: ""
}

.fa.fa-github {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-credit-card {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-feed:before {
    content: ""
}

.fa.fa-hdd-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hdd-o:before {
    content: ""
}

.fa.fa-hand-o-right {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-o-right:before {
    content: ""
}

.fa.fa-hand-o-left {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-o-left:before {
    content: ""
}

.fa.fa-hand-o-up {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-o-up:before {
    content: ""
}

.fa.fa-hand-o-down {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-o-down:before {
    content: ""
}

.fa.fa-arrows-alt:before {
    content: ""
}

.fa.fa-group:before {
    content: ""
}

.fa.fa-chain:before {
    content: ""
}

.fa.fa-scissors:before {
    content: ""
}

.fa.fa-files-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-files-o:before {
    content: ""
}

.fa.fa-floppy-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-floppy-o:before {
    content: ""
}

.fa.fa-navicon:before,
.fa.fa-reorder:before {
    content: ""
}

.fa.fa-google-plus,
.fa.fa-google-plus-square,
.fa.fa-pinterest,
.fa.fa-pinterest-square {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-google-plus:before {
    content: ""
}

.fa.fa-money {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-money:before {
    content: ""
}

.fa.fa-unsorted:before {
    content: ""
}

.fa.fa-sort-desc:before {
    content: ""
}

.fa.fa-sort-asc:before {
    content: ""
}

.fa.fa-linkedin {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-linkedin:before {
    content: ""
}

.fa.fa-rotate-left:before {
    content: ""
}

.fa.fa-legal:before {
    content: ""
}

.fa.fa-dashboard:before,
.fa.fa-tachometer:before {
    content: ""
}

.fa.fa-comment-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-comment-o:before {
    content: ""
}

.fa.fa-comments-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-comments-o:before {
    content: ""
}

.fa.fa-flash:before {
    content: ""
}

.fa.fa-clipboard,
.fa.fa-paste {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-paste:before {
    content: ""
}

.fa.fa-lightbulb-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-lightbulb-o:before {
    content: ""
}

.fa.fa-exchange:before {
    content: ""
}

.fa.fa-cloud-download:before {
    content: ""
}

.fa.fa-cloud-upload:before {
    content: ""
}

.fa.fa-bell-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-bell-o:before {
    content: ""
}

.fa.fa-cutlery:before {
    content: ""
}

.fa.fa-file-text-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-text-o:before {
    content: ""
}

.fa.fa-building-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-building-o:before {
    content: ""
}

.fa.fa-hospital-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hospital-o:before {
    content: ""
}

.fa.fa-tablet:before {
    content: ""
}

.fa.fa-mobile-phone:before,
.fa.fa-mobile:before {
    content: ""
}

.fa.fa-circle-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-circle-o:before {
    content: ""
}

.fa.fa-mail-reply:before {
    content: ""
}

.fa.fa-github-alt {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-folder-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-folder-o:before {
    content: ""
}

.fa.fa-folder-open-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-folder-open-o:before {
    content: ""
}

.fa.fa-smile-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-smile-o:before {
    content: ""
}

.fa.fa-frown-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-frown-o:before {
    content: ""
}

.fa.fa-meh-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-meh-o:before {
    content: ""
}

.fa.fa-keyboard-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-keyboard-o:before {
    content: ""
}

.fa.fa-flag-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-flag-o:before {
    content: ""
}

.fa.fa-mail-reply-all:before {
    content: ""
}

.fa.fa-star-half-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-star-half-o:before {
    content: ""
}

.fa.fa-star-half-empty {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-star-half-empty:before {
    content: ""
}

.fa.fa-star-half-full {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-star-half-full:before {
    content: ""
}

.fa.fa-code-fork:before {
    content: ""
}

.fa.fa-chain-broken:before {
    content: ""
}

.fa.fa-shield:before {
    content: ""
}

.fa.fa-calendar-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-calendar-o:before {
    content: ""
}

.fa.fa-css3,
.fa.fa-html5,
.fa.fa-maxcdn {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-ticket:before {
    content: ""
}

.fa.fa-minus-square-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-minus-square-o:before {
    content: ""
}

.fa.fa-level-up:before {
    content: ""
}

.fa.fa-level-down:before {
    content: ""
}

.fa.fa-pencil-square:before {
    content: ""
}

.fa.fa-external-link-square:before {
    content: ""
}

.fa.fa-compass {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-caret-square-o-down {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-caret-square-o-down:before {
    content: ""
}

.fa.fa-toggle-down {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-toggle-down:before {
    content: ""
}

.fa.fa-caret-square-o-up {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-caret-square-o-up:before {
    content: ""
}

.fa.fa-toggle-up {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-toggle-up:before {
    content: ""
}

.fa.fa-caret-square-o-right {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-caret-square-o-right:before {
    content: ""
}

.fa.fa-toggle-right {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-toggle-right:before {
    content: ""
}

.fa.fa-eur:before,
.fa.fa-euro:before {
    content: ""
}

.fa.fa-gbp:before {
    content: ""
}

.fa.fa-dollar:before,
.fa.fa-usd:before {
    content: ""
}

.fa.fa-inr:before,
.fa.fa-rupee:before {
    content: ""
}

.fa.fa-cny:before,
.fa.fa-jpy:before,
.fa.fa-rmb:before,
.fa.fa-yen:before {
    content: ""
}

.fa.fa-rouble:before,
.fa.fa-rub:before,
.fa.fa-ruble:before {
    content: ""
}

.fa.fa-krw:before,
.fa.fa-won:before {
    content: ""
}

.fa.fa-bitcoin,
.fa.fa-btc {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-bitcoin:before {
    content: ""
}

.fa.fa-file-text:before {
    content: ""
}

.fa.fa-sort-alpha-asc:before {
    content: ""
}

.fa.fa-sort-alpha-desc:before {
    content: ""
}

.fa.fa-sort-amount-asc:before {
    content: ""
}

.fa.fa-sort-amount-desc:before {
    content: ""
}

.fa.fa-sort-numeric-asc:before {
    content: ""
}

.fa.fa-sort-numeric-desc:before {
    content: ""
}

.fa.fa-xing,
.fa.fa-xing-square,
.fa.fa-youtube,
.fa.fa-youtube-play,
.fa.fa-youtube-square {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-youtube-play:before {
    content: ""
}

.fa.fa-adn,
.fa.fa-bitbucket,
.fa.fa-bitbucket-square,
.fa.fa-dropbox,
.fa.fa-flickr,
.fa.fa-instagram,
.fa.fa-stack-overflow {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-bitbucket-square:before {
    content: ""
}

.fa.fa-tumblr,
.fa.fa-tumblr-square {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-long-arrow-down:before {
    content: ""
}

.fa.fa-long-arrow-up:before {
    content: ""
}

.fa.fa-long-arrow-left:before {
    content: ""
}

.fa.fa-long-arrow-right:before {
    content: ""
}

.fa.fa-android,
.fa.fa-apple,
.fa.fa-dribbble,
.fa.fa-foursquare,
.fa.fa-gittip,
.fa.fa-gratipay,
.fa.fa-linux,
.fa.fa-skype,
.fa.fa-trello,
.fa.fa-windows {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-gittip:before {
    content: ""
}

.fa.fa-sun-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-sun-o:before {
    content: ""
}

.fa.fa-moon-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-moon-o:before {
    content: ""
}

.fa.fa-pagelines,
.fa.fa-renren,
.fa.fa-stack-exchange,
.fa.fa-vk,
.fa.fa-weibo {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-arrow-circle-o-right {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-arrow-circle-o-right:before {
    content: ""
}

.fa.fa-arrow-circle-o-left {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-arrow-circle-o-left:before {
    content: ""
}

.fa.fa-caret-square-o-left {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-caret-square-o-left:before {
    content: ""
}

.fa.fa-toggle-left {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-toggle-left:before {
    content: ""
}

.fa.fa-dot-circle-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-dot-circle-o:before {
    content: ""
}

.fa.fa-vimeo-square {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-try:before,
.fa.fa-turkish-lira:before {
    content: ""
}

.fa.fa-plus-square-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-plus-square-o:before {
    content: ""
}

.fa.fa-openid,
.fa.fa-slack,
.fa.fa-wordpress {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-bank:before,
.fa.fa-institution:before {
    content: ""
}

.fa.fa-mortar-board:before {
    content: ""
}

.fa.fa-delicious,
.fa.fa-digg,
.fa.fa-drupal,
.fa.fa-google,
.fa.fa-joomla,
.fa.fa-pied-piper-alt,
.fa.fa-pied-piper-pp,
.fa.fa-reddit,
.fa.fa-reddit-square,
.fa.fa-stumbleupon,
.fa.fa-stumbleupon-circle,
.fa.fa-yahoo {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-spoon:before {
    content: ""
}

.fa.fa-behance,
.fa.fa-behance-square,
.fa.fa-steam,
.fa.fa-steam-square {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-automobile:before {
    content: ""
}

.fa.fa-envelope-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-envelope-o:before {
    content: ""
}

.fa.fa-deviantart,
.fa.fa-soundcloud,
.fa.fa-spotify {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-file-pdf-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-pdf-o:before {
    content: ""
}

.fa.fa-file-word-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-word-o:before {
    content: ""
}

.fa.fa-file-excel-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-excel-o:before {
    content: ""
}

.fa.fa-file-powerpoint-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-powerpoint-o:before {
    content: ""
}

.fa.fa-file-image-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-image-o:before {
    content: ""
}

.fa.fa-file-photo-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-photo-o:before {
    content: ""
}

.fa.fa-file-picture-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-picture-o:before {
    content: ""
}

.fa.fa-file-archive-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-archive-o:before {
    content: ""
}

.fa.fa-file-zip-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-zip-o:before {
    content: ""
}

.fa.fa-file-audio-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-audio-o:before {
    content: ""
}

.fa.fa-file-sound-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-sound-o:before {
    content: ""
}

.fa.fa-file-video-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-video-o:before {
    content: ""
}

.fa.fa-file-movie-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-movie-o:before {
    content: ""
}

.fa.fa-file-code-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-file-code-o:before {
    content: ""
}

.fa.fa-codepen,
.fa.fa-jsfiddle,
.fa.fa-vine {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-life-bouy,
.fa.fa-life-ring {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-life-bouy:before {
    content: ""
}

.fa.fa-life-buoy {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-life-buoy:before {
    content: ""
}

.fa.fa-life-saver {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-life-saver:before {
    content: ""
}

.fa.fa-support {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-support:before {
    content: ""
}

.fa.fa-circle-o-notch:before {
    content: ""
}

.fa.fa-ra,
.fa.fa-rebel {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-ra:before {
    content: ""
}

.fa.fa-resistance {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-resistance:before {
    content: ""
}

.fa.fa-empire,
.fa.fa-ge {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-ge:before {
    content: ""
}

.fa.fa-git,
.fa.fa-git-square,
.fa.fa-hacker-news,
.fa.fa-y-combinator-square {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-y-combinator-square:before {
    content: ""
}

.fa.fa-yc-square {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-yc-square:before {
    content: ""
}

.fa.fa-qq,
.fa.fa-tencent-weibo,
.fa.fa-wechat,
.fa.fa-weixin {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-wechat:before {
    content: ""
}

.fa.fa-send:before {
    content: ""
}

.fa.fa-paper-plane-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-paper-plane-o:before {
    content: ""
}

.fa.fa-send-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-send-o:before {
    content: ""
}

.fa.fa-circle-thin {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-circle-thin:before {
    content: ""
}

.fa.fa-header:before {
    content: ""
}

.fa.fa-sliders:before {
    content: ""
}

.fa.fa-futbol-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-futbol-o:before {
    content: ""
}

.fa.fa-soccer-ball-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-soccer-ball-o:before {
    content: ""
}

.fa.fa-slideshare,
.fa.fa-twitch,
.fa.fa-yelp {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-newspaper-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-newspaper-o:before {
    content: ""
}

.fa.fa-cc-amex,
.fa.fa-cc-discover,
.fa.fa-cc-mastercard,
.fa.fa-cc-paypal,
.fa.fa-cc-stripe,
.fa.fa-cc-visa,
.fa.fa-google-wallet,
.fa.fa-paypal {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-bell-slash-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-bell-slash-o:before {
    content: ""
}

.fa.fa-trash:before {
    content: ""
}

.fa.fa-copyright {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-eyedropper:before {
    content: ""
}

.fa.fa-area-chart:before {
    content: ""
}

.fa.fa-pie-chart:before {
    content: ""
}

.fa.fa-line-chart:before {
    content: ""
}

.fa.fa-angellist,
.fa.fa-ioxhost,
.fa.fa-lastfm,
.fa.fa-lastfm-square {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-cc {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-cc:before {
    content: ""
}

.fa.fa-ils:before,
.fa.fa-shekel:before,
.fa.fa-sheqel:before {
    content: ""
}

.fa.fa-meanpath {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-meanpath:before {
    content: ""
}

.fa.fa-buysellads,
.fa.fa-connectdevelop,
.fa.fa-dashcube,
.fa.fa-forumbee,
.fa.fa-leanpub,
.fa.fa-sellsy,
.fa.fa-shirtsinbulk,
.fa.fa-simplybuilt,
.fa.fa-skyatlas {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-diamond {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-diamond:before {
    content: ""
}

.fa.fa-intersex:before {
    content: ""
}

.fa.fa-facebook-official {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-facebook-official:before {
    content: ""
}

.fa.fa-pinterest-p,
.fa.fa-whatsapp {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-hotel:before {
    content: ""
}

.fa.fa-medium,
.fa.fa-viacoin,
.fa.fa-y-combinator,
.fa.fa-yc {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-yc:before {
    content: ""
}

.fa.fa-expeditedssl,
.fa.fa-opencart,
.fa.fa-optin-monster {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-battery-4:before,
.fa.fa-battery:before {
    content: ""
}

.fa.fa-battery-3:before {
    content: ""
}

.fa.fa-battery-2:before {
    content: ""
}

.fa.fa-battery-1:before {
    content: ""
}

.fa.fa-battery-0:before {
    content: ""
}

.fa.fa-object-group,
.fa.fa-object-ungroup,
.fa.fa-sticky-note-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-sticky-note-o:before {
    content: ""
}

.fa.fa-cc-diners-club,
.fa.fa-cc-jcb {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-clone,
.fa.fa-hourglass-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hourglass-o:before {
    content: ""
}

.fa.fa-hourglass-1:before {
    content: ""
}

.fa.fa-hourglass-2:before {
    content: ""
}

.fa.fa-hourglass-3:before {
    content: ""
}

.fa.fa-hand-rock-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-rock-o:before {
    content: ""
}

.fa.fa-hand-grab-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-grab-o:before {
    content: ""
}

.fa.fa-hand-paper-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-paper-o:before {
    content: ""
}

.fa.fa-hand-stop-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-stop-o:before {
    content: ""
}

.fa.fa-hand-scissors-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-scissors-o:before {
    content: ""
}

.fa.fa-hand-lizard-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-lizard-o:before {
    content: ""
}

.fa.fa-hand-spock-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-spock-o:before {
    content: ""
}

.fa.fa-hand-pointer-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-pointer-o:before {
    content: ""
}

.fa.fa-hand-peace-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-hand-peace-o:before {
    content: ""
}

.fa.fa-registered {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-chrome,
.fa.fa-creative-commons,
.fa.fa-firefox,
.fa.fa-get-pocket,
.fa.fa-gg,
.fa.fa-gg-circle,
.fa.fa-internet-explorer,
.fa.fa-odnoklassniki,
.fa.fa-odnoklassniki-square,
.fa.fa-opera,
.fa.fa-safari,
.fa.fa-tripadvisor,
.fa.fa-wikipedia-w {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-television:before {
    content: ""
}

.fa.fa-500px,
.fa.fa-amazon,
.fa.fa-contao {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-calendar-plus-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-calendar-plus-o:before {
    content: ""
}

.fa.fa-calendar-minus-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-calendar-minus-o:before {
    content: ""
}

.fa.fa-calendar-times-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-calendar-times-o:before {
    content: ""
}

.fa.fa-calendar-check-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-calendar-check-o:before {
    content: ""
}

.fa.fa-map-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-map-o:before {
    content: ""
}

.fa.fa-commenting:before {
    content: ""
}

.fa.fa-commenting-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-commenting-o:before {
    content: ""
}

.fa.fa-houzz,
.fa.fa-vimeo {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-vimeo:before {
    content: ""
}

.fa.fa-black-tie,
.fa.fa-edge,
.fa.fa-fonticons,
.fa.fa-reddit-alien {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-credit-card-alt:before {
    content: ""
}

.fa.fa-codiepie,
.fa.fa-fort-awesome,
.fa.fa-mixcloud,
.fa.fa-modx,
.fa.fa-product-hunt,
.fa.fa-scribd,
.fa.fa-usb {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-pause-circle-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-pause-circle-o:before {
    content: ""
}

.fa.fa-stop-circle-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-stop-circle-o:before {
    content: ""
}

.fa.fa-bluetooth,
.fa.fa-bluetooth-b,
.fa.fa-envira,
.fa.fa-gitlab,
.fa.fa-wheelchair-alt,
.fa.fa-wpbeginner,
.fa.fa-wpforms {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-wheelchair-alt:before {
    content: ""
}

.fa.fa-question-circle-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-question-circle-o:before {
    content: ""
}

.fa.fa-volume-control-phone:before {
    content: ""
}

.fa.fa-asl-interpreting:before {
    content: ""
}

.fa.fa-deafness:before,
.fa.fa-hard-of-hearing:before {
    content: ""
}

.fa.fa-glide,
.fa.fa-glide-g {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-signing:before {
    content: ""
}

.fa.fa-first-order,
.fa.fa-google-plus-official,
.fa.fa-pied-piper,
.fa.fa-snapchat,
.fa.fa-snapchat-ghost,
.fa.fa-snapchat-square,
.fa.fa-themeisle,
.fa.fa-viadeo,
.fa.fa-viadeo-square,
.fa.fa-yoast {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-google-plus-official:before {
    content: ""
}

.fa.fa-google-plus-circle {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-google-plus-circle:before {
    content: ""
}

.fa.fa-fa,
.fa.fa-font-awesome {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-fa:before {
    content: ""
}

.fa.fa-handshake-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-handshake-o:before {
    content: ""
}

.fa.fa-envelope-open-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-envelope-open-o:before {
    content: ""
}

.fa.fa-linode {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-address-book-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-address-book-o:before {
    content: ""
}

.fa.fa-vcard:before {
    content: ""
}

.fa.fa-address-card-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-address-card-o:before {
    content: ""
}

.fa.fa-vcard-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-vcard-o:before {
    content: ""
}

.fa.fa-user-circle-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-user-circle-o:before {
    content: ""
}

.fa.fa-user-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-user-o:before {
    content: ""
}

.fa.fa-id-badge {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-drivers-license:before {
    content: ""
}

.fa.fa-id-card-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-id-card-o:before {
    content: ""
}

.fa.fa-drivers-license-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-drivers-license-o:before {
    content: ""
}

.fa.fa-free-code-camp,
.fa.fa-quora,
.fa.fa-telegram {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-thermometer-4:before,
.fa.fa-thermometer:before {
    content: ""
}

.fa.fa-thermometer-3:before {
    content: ""
}

.fa.fa-thermometer-2:before {
    content: ""
}

.fa.fa-thermometer-1:before {
    content: ""
}

.fa.fa-thermometer-0:before {
    content: ""
}

.fa.fa-bathtub:before,
.fa.fa-s15:before {
    content: ""
}

.fa.fa-window-maximize,
.fa.fa-window-restore {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-times-rectangle:before {
    content: ""
}

.fa.fa-window-close-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-window-close-o:before {
    content: ""
}

.fa.fa-times-rectangle-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-times-rectangle-o:before {
    content: ""
}

.fa.fa-bandcamp,
.fa.fa-eercast,
.fa.fa-etsy,
.fa.fa-grav,
.fa.fa-imdb,
.fa.fa-ravelry {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-eercast:before {
    content: ""
}

.fa.fa-snowflake-o {
    font-family: Font Awesome\ 5 Free;
    font-weight: 400
}

.fa.fa-snowflake-o:before {
    content: ""
}

.fa.fa-superpowers,
.fa.fa-wpexplorer {
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400
}

.fa.fa-cab:before {
    content: ""
}

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

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

.box .overlay>.far,
.box .overlay>.fas,
.overlay-wrapper .overlay>.far,
.overlay-wrapper .overlay>.fas {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 1.875rem
}

.box-header>.far,
.box-header>.fas {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1;
    margin: 0 5px 0 0
}

.fc-color-picker>li .far,
.fc-color-picker>li .fas {
    transition: transform .3s linear
}

.fc-color-picker>li .far:hover,
.fc-color-picker>li .fas:hover {
    transform: rotate(30deg)
}

.treeview-menu>li>a>.far,
.treeview-menu>li>a>.fas {
    width: 20px
}

.main-header .navbar .nav>li.user>a>.far,
.main-header .navbar .nav>li.user>a>.fas,
.main-header>.breadcrumb>li>a>.far,
.main-header>.breadcrumb>li>a>.fas {
    margin-right: 5px
}

.btn-app>.far,
.btn-app>.fas {
    font-size: 1.25rem;
    display: block
}

.look-and-feel-v2 .box .overlay>.far,
.look-and-feel-v2 .box .overlay>.fas,
.look-and-feel-v2 .overlay-wrapper .overlay>.far,
.look-and-feel-v2 .overlay-wrapper .overlay>.fas {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #242527;
    font-size: 1.875rem
}

.d-flex,
.editable-sm .editable-buttons,
.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user,
.look-and-feel-v1 .table-actions,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user,
.look-and-feel-v2 .main-header .navbar li.nav-item a.nav-link.nav-link-user,
.look-and-feel-v2 .table-actions {
    display: flex!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.d-inline-block {
    display: inline-block
}

.d-block {
    display: block
}

.d-none {
    display: none
}

.text-nowrap {
    white-space: nowrap
}

.text-decoration-inherit {
    text-decoration: inherit!important;
    color: inherit!important
}

.editable-sm .editable-buttons,
.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.align-items-center {
    align-items: center!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.align-middle {
    vertical-align: middle!important
}

.w-100 {
    width: 100%!important
}

.w-75 {
    width: 75%!important
}

.w-50 {
    width: 50%!important
}

.w-30 {
    width: 30%!important
}

.w-25 {
    width: 25%!important
}

.w-15 {
    width: 15%!important
}

.w-10 {
    width: 10%!important
}

.w-5 {
    width: 5%!important
}

.h-100 {
    height: 100%!important
}

.talent-mt-0 {
    margin-top: 0!important
}

.talent-mt-1 {
    margin-top: .25rem!important
}

.talent-mt-2 {
    margin-top: .5rem!important
}

.talent-mt-5 {
    margin-top: 3rem!important
}

.talent-mb-0 {
    margin-bottom: 0!important
}

.talent-mb-1 {
    margin-bottom: .25rem!important
}

.talent-mb-2 {
    margin-bottom: .5rem!important
}

.talent-mb-3 {
    margin-bottom: 1rem!important
}

.talent-mb-4 {
    margin-bottom: 1.5rem!important
}

.talent-mb-5 {
    margin-bottom: 3rem!important
}

.talent-ml-2 {
    margin-left: .5rem!important
}

.talent-mr-2 {
    margin-right: .5rem!important
}

.talent-p-0 {
    padding: 0
}

.talent-pl-0 {
    padding-left: 0!important
}

.modal-body .modal-footer {
    padding: 15px 0 0
}

.align-top {
    vertical-align: top!important
}

.bg-gray-light-1 {
    background: #efefef!important
}

.bg-gray-light-2 {
    background: hsla(0, 0%, 99.6%, .584)!important
}

.text-dark-grey {
    color: #999
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-dir-column {
    flex-direction: column
}

.flex-column {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.flex-item-column {
    display: flex;
    width: 50%
}

.flex-row {
    flex-direction: row!important
}

.flex-align-center {
    align-self: center
}

.bux-block {
    display: block
}

.bux-none {
    display: none
}

.flex-gap-1 {
    grid-gap: 10px;
    gap: 10px
}

.show {
    display: block!important
}

tr.collapse.show {
    display: table-row!important
}

.invisible {
    visibility: hidden
}

@-ms-viewport {
    width: device-width
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important
}

@media(max-width:767px) {
    .hidden-xs {
        display: none!important
    }
    .visible-xs,
    .visible-xs-block {
        display: block!important
    }
    .visible-xs-inline {
        display: inline!important
    }
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media(min-width:768px)and (max-width:959px) {
    .hidden-sm {
        display: none!important
    }
    .visible-sm,
    .visible-sm-block {
        display: block!important
    }
    .visible-sm-inline {
        display: inline!important
    }
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media(min-width:960px)and (max-width:1365px) {
    .hidden-md {
        display: none!important
    }
    .visible-md,
    .visible-md-block {
        display: block!important
    }
    .visible-md-inline {
        display: inline!important
    }
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media(min-width:1366px) {
    .hidden-lg {
        display: none!important
    }
    .visible-lg,
    .visible-lg-block {
        display: block!important
    }
    .visible-lg-inline {
        display: inline!important
    }
    .visible-lg-inline-block {
        display: inline-block!important
    }
}

.overflow-x {
    overflow-x: auto;
    overflow-y: hidden
}

.divisiones .estructura,
.locations .overflow-auto,
.overflow-y {
    overflow-y: auto;
    overflow-x: hidden
}

.scrollable {
    max-height: 300px;
    overflow: auto
}

.pl-5 .scrollable {
    overflow-y: auto;
    height: 40vh;
    width: auto
}

.sortable {
    cursor: move;
    cursor: -webkit-grabbing
}

.fa-rotate-90-inv {
    transform: rotate(-90deg)
}

.fa-rotate-45-inv {
    transform: rotate(-45deg)
}

.text-pre {
    white-space: pre
}

.text-small {
    font-size: small
}

.text-danger {
    color: #a94442
}

.text-black {
    color: #222d32!important
}

.text-gray-3 {
    color: #b8c7ce
}

.text-wrap {
    white-space: normal!important
}

.text-no-transform {
    text-transform: inherit!important
}

.look-and-feel-v2 .text-pre {
    white-space: pre
}

.look-and-feel-v2 .text-small {
    font-size: small
}

.look-and-feel-v2 .text-danger {
    color: #ff7a6f!important
}

.look-and-feel-v2 .text-gray-3 {
    color: rgba(47, 77, 170, .16)
}

.look-and-feel-v2 .text-wrap {
    white-space: normal!important
}

.look-and-feel-v1 .btn-light {
    background: transparent
}

.look-and-feel-v1 .btn-light:hover {
    background: rgba(0, 0, 0, .05)
}

.look-and-feel-v1 .btn-light:not(.btn-destructive-link) {
    color: #3c8dbc
}

.look-and-feel-v1 .btn-light:not(.btn-destructive-link):hover {
    color: #333
}

.look-and-feel-v1 .candado-abierto {
    color: #00a65a
}

.look-and-feel-v1 .candado-cerrado {
    color: #888
}

@media(min-width:992px) {
    .look-and-feel-v1 .modal-xlg {
        width: 900px
    }
}

@media(min-width:1200px) {
    .look-and-feel-v1 .modal-xlg {
        width: 1200px
    }
}

.look-and-feel-v1 .info-box-sm {
    min-height: 70px
}

.look-and-feel-v1 .info-box-sm .info-box-icon {
    height: 70px;
    width: 70px;
    font-size: 2.25rem;
    line-height: 4.375rem
}

.look-and-feel-v1 .info-box-sm .info-box-content {
    margin-left: 70px;
    padding: 4px 8px
}

.look-and-feel-v1 .quick_action {
    min-height: 145px;
    padding-top: 10px;
    cursor: pointer
}

.look-and-feel-v1 .quick_action .caption {
    margin-top: -10px
}

.look-and-feel-v1 #cargo-container,
.look-and-feel-v1 #fondo-cotizacion-container {
    opacity: .5
}

.look-and-feel-v1 #cargo-container.ic-use-transition,
.look-and-feel-v1 #fondo-cotizacion-container.ic-use-transition {
    opacity: 1
}

.look-and-feel-v1 .info-box .progress {
    background: rgba(0, 0, 0, .2);
    height: 15px;
    margin: 0
}

.look-and-feel-v1 .info-box .progress .progress-bar-warning {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-color: #f0ad4e;
    background-size: 40px 40px
}

.look-and-feel-v1 .caja-compensacion-primaria {
    font-style: italic;
    font-weight: 700
}

.look-and-feel-v1 .look-and-feel-v1 .content-wrapper {
    min-height: calc(100vh - 50px)!important
}

.look-and-feel-v1 hr {
    border-top: 1px solid #b8c7ce!important
}

.look-and-feel-v1 dl {
    margin-top: 0;
    margin-bottom: 20px
}

.look-and-feel-v1 dd,
.look-and-feel-v1 dt {
    line-height: 1.42857
}

.look-and-feel-v1 dt {
    font-weight: 700
}

.look-and-feel-v1 dd {
    margin-left: 0
}

.look-and-feel-v1 .dl-horizontal dd:after,
.look-and-feel-v1 .dl-horizontal dd:before {
    display: table;
    content: " "
}

.look-and-feel-v1 .dl-horizontal dd:after {
    clear: both
}

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

.look-and-feel-v1 .vue-treeselect__multi-value-item-container .vue-treeselect__multi-value-item .vue-treeselect__multi-value-label {
    white-space: normal
}

.look-and-feel-v1 .clearfix:after,
.look-and-feel-v1 .clearfix:before {
    display: table;
    content: " "
}

.look-and-feel-v1 .clearfix:after {
    clear: both
}

.look-and-feel-v1 legend {
    width: 100%;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e5e5e5
}

.look-and-feel-v1 .glyphicon-chevron-left:before {
    content: ""
}

.look-and-feel-v1 .glyphicon-chevron-right:before {
    content: ""
}

.look-and-feel-v2 .btn-light {
    background: transparent
}

.look-and-feel-v2 .btn-light:hover {
    background: rgba(0, 0, 0, .05)
}

.look-and-feel-v2 .btn-light:not(.btn-destructive-link) {
    color: #2f4daa
}

.look-and-feel-v2 .btn-light:not(.btn-destructive-link):hover {
    color: #333
}

.look-and-feel-v2 .candado-abierto {
    color: #00a65a
}

.look-and-feel-v2 .candado-cerrado {
    color: #888
}

@media(min-width:992px) {
    .look-and-feel-v2 .modal-xlg {
        width: 900px
    }
}

@media(min-width:1200px) {
    .look-and-feel-v2 .modal-xlg {
        width: 1200px
    }
}

.look-and-feel-v2 .info-box-sm {
    min-height: 70px
}

.look-and-feel-v2 .info-box-sm .info-box-icon {
    height: 70px;
    width: 70px;
    font-size: 2.25rem;
    line-height: 4.375rem
}

.look-and-feel-v2 .info-box-sm .info-box-content {
    margin-left: 70px;
    padding: 4px 8px
}

.look-and-feel-v2 .quick_action {
    min-height: 145px;
    padding-top: 10px;
    cursor: pointer
}

.look-and-feel-v2 .quick_action .caption {
    margin-top: -10px
}

.look-and-feel-v2 #cargo-container,
.look-and-feel-v2 #fondo-cotizacion-container {
    opacity: .5
}

.look-and-feel-v2 #cargo-container.ic-use-transition,
.look-and-feel-v2 #fondo-cotizacion-container.ic-use-transition {
    opacity: 1
}

.look-and-feel-v2 .info-box .progress {
    background: rgba(0, 0, 0, .2);
    height: 15px;
    margin: 0
}

.look-and-feel-v2 .info-box .progress .progress-bar-warning {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-color: #f99304;
    background-size: 40px 40px
}

.look-and-feel-v2 .caja-compensacion-primaria {
    font-style: italic;
    font-weight: 700
}

.look-and-feel-v2 hr {
    border-top: 1px solid #b8c7ce!important
}

.look-and-feel-v2 dl {
    margin-top: 0;
    margin-bottom: 20px
}

.look-and-feel-v2 dd,
.look-and-feel-v2 dt {
    line-height: 1.42857
}

.look-and-feel-v2 dt {
    font-weight: 700
}

.look-and-feel-v2 dd {
    margin-left: 0
}

.look-and-feel-v2 .dl-horizontal dd:after,
.look-and-feel-v2 .dl-horizontal dd:before {
    display: table;
    content: " "
}

.look-and-feel-v2 .dl-horizontal dd:after {
    clear: both
}

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

.look-and-feel-v2 .vue-treeselect__multi-value-item-container .vue-treeselect__multi-value-item .vue-treeselect__multi-value-label {
    white-space: normal
}

.look-and-feel-v2 .clearfix:after,
.look-and-feel-v2 .clearfix:before {
    display: table;
    content: " "
}

.look-and-feel-v2 .clearfix:after {
    clear: both
}

.look-and-feel-v2 legend {
    width: 100%;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #f6f7f9
}

.look-and-feel-v2 .glyphicon-chevron-left:before {
    content: ""
}

.look-and-feel-v2 .glyphicon-chevron-right:before {
    content: ""
}

.look-and-feel-v2 #fc_frame,
.look-and-feel-v2 #fc_frame.fc-widget-normal {
    z-index: 1039
}

.look-and-feel-v2 .ckeditor_height .cke_contents {
    height: 600px!important
}

.look-and-feel-v2 .border-rounded {
    border-radius: 5px
}

.pad {
    padding: 10px
}

.margin {
    margin: 10px
}

.margin-bottom {
    margin-bottom: 20px
}

.margin-bottom-none {
    margin-bottom: 0
}

.margin-r-5 {
    margin-right: 5px
}

.inline {
    display: inline
}

.description-block {
    display: block;
    margin: 10px 0;
    text-align: center
}

.description-block.margin-bottom {
    margin-bottom: 25px
}

.description-block>.description-header {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 1rem
}

.description-block>.description-text {
    text-transform: uppercase
}

.alert-danger,
.alert-error,
.alert-info,
.alert-success,
.alert-warning,
.badge-danger,
.badge-info,
.badge-primary,
.badge-success,
.badge-warning,
.badge.badge-danger,
.badge.badge-info,
.badge.badge-primary,
.badge.badge-success,
.badge.badge-warning,
.bg-aqua,
.bg-aqua-active,
.bg-black,
.bg-black-active,
.bg-blue,
.bg-blue-active,
.bg-fuchsia,
.bg-fuchsia-active,
.bg-green,
.bg-green-active,
.bg-light-blue,
.bg-light-blue-active,
.bg-lime,
.bg-lime-active,
.bg-maroon,
.bg-maroon-active,
.bg-orange,
.bg-orange-active,
.bg-purple,
.bg-purple-active,
.bg-red,
.bg-red-active,
.bg-yellow,
.bg-yellow-active,
.callout.callout-danger,
.callout.callout-info,
.callout.callout-success,
.callout.callout-warning,
.look-and-feel-v2 .alert-danger,
.look-and-feel-v2 .alert-error,
.look-and-feel-v2 .alert-info,
.look-and-feel-v2 .alert-success,
.look-and-feel-v2 .alert-warning,
.look-and-feel-v2 .badge-danger,
.look-and-feel-v2 .badge-info,
.look-and-feel-v2 .badge-primary,
.look-and-feel-v2 .badge-success,
.look-and-feel-v2 .badge-warning,
.look-and-feel-v2 .badge.badge-danger,
.look-and-feel-v2 .badge.badge-info,
.look-and-feel-v2 .badge.badge-primary,
.look-and-feel-v2 .badge.badge-success,
.look-and-feel-v2 .badge.badge-warning,
.look-and-feel-v2 .callout.callout-danger,
.look-and-feel-v2 .callout.callout-info,
.look-and-feel-v2 .callout.callout-success,
.look-and-feel-v2 .callout.callout-warning {
    color: #fff!important
}

.bg-gray {
    color: #000;
    background-color: #d2d6de!important
}

.bg-gray-light {
    background-color: #f4f4f4
}

.bg-black {
    background-color: #000!important
}

.alert-danger,
.alert-error,
.badge-danger,
.badge.badge-danger,
.bg-red,
.callout.callout-danger,
.look-and-feel-v2 .alert-danger,
.look-and-feel-v2 .alert-error,
.look-and-feel-v2 .badge-danger,
.look-and-feel-v2 .badge.badge-danger,
.look-and-feel-v2 .callout.callout-danger {
    background-color: #dd4b39!important
}

.alert-warning,
.badge-warning,
.badge.badge-warning,
.bg-yellow,
.callout.callout-warning,
.look-and-feel-v2 .alert-warning,
.look-and-feel-v2 .badge-warning,
.look-and-feel-v2 .badge.badge-warning,
.look-and-feel-v2 .callout.callout-warning {
    background-color: #f39c12!important
}

.alert-info,
.badge-info,
.badge.badge-info,
.bg-aqua,
.callout.callout-info,
.look-and-feel-v2 .alert-info,
.look-and-feel-v2 .badge-info,
.look-and-feel-v2 .badge.badge-info,
.look-and-feel-v2 .callout.callout-info {
    background-color: #00c0ef!important
}

.badge-primary,
.badge.badge-primary,
.bg-blue,
.bg-light-blue,
.look-and-feel-v2 .badge-primary,
.look-and-feel-v2 .badge.badge-primary {
    background-color: #3c8dbc!important
}

.alert-success,
.badge-success,
.badge.badge-success,
.bg-green,
.bg-lime,
.callout.callout-success,
.look-and-feel-v2 .alert-success,
.look-and-feel-v2 .badge-success,
.look-and-feel-v2 .badge.badge-success,
.look-and-feel-v2 .callout.callout-success {
    background-color: #00a65a!important
}

.bg-orange {
    background-color: #f39c12!important
}

.bg-fuchsia {
    background-color: #f012be!important
}

.bg-purple {
    background-color: #605ca8!important
}

.bg-maroon {
    background-color: #dd4b39!important
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8!important
}

.bg-black-active {
    background-color: #000!important
}

.bg-red-active {
    background-color: #d33724!important
}

.bg-yellow-active {
    background-color: #db8b0b!important
}

.bg-aqua-active {
    background-color: #00a7d0!important
}

.bg-blue-active {
    background-color: #307095!important
}

.bg-light-blue-active {
    background-color: #357ca5!important
}

.bg-green-active,
.bg-lime-active {
    background-color: #008d4c!important
}

.bg-orange-active {
    background-color: #e08e0b!important
}

.bg-fuchsia-active {
    background-color: #db0ead!important
}

.bg-purple-active {
    background-color: #555299!important
}

.bg-maroon-active {
    background-color: #db3f2c!important
}

.purple-background {
    background-color: #dce5ff
}

.gray-background {
    background-color: #ecf0f5
}

[class^=bg-].disabled {
    filter: alpha(opacity=65);
    opacity: .65
}

.text-red {
    color: #dd4b39!important
}

.text-yellow {
    color: #f39c12!important
}

.text-aqua {
    color: #00c0ef!important
}

.text-blue {
    color: #3c8dbc!important
}

.text-black {
    color: #000!important
}

.text-light-blue {
    color: #3c8dbc!important
}

.text-green {
    color: #00a65a!important
}

.text-gray {
    color: #d2d6de!important
}

.text-lime {
    color: #00a65a!important
}

.text-orange {
    color: #f39c12!important
}

.text-fuchsia {
    color: #f012be!important
}

.text-purple {
    color: #605ca8!important
}

.text-maroon {
    color: #dd4b39!important
}

.link-muted {
    color: #7a869d
}

.link-muted:focus,
.link-muted:hover {
    color: #606c84
}

.link-black {
    color: #666
}

.link-black:focus,
.link-black:hover {
    color: #999
}

.hide {
    display: none!important
}

.no-border {
    border: 0!important
}

.no-padding {
    padding: 0!important
}

.no-margin {
    margin: 0!important
}

.no-shadow {
    box-shadow: none!important
}

.page-break {
    display: block;
    clear: both;
    page-break-after: always
}

.resize-none {
    resize: none
}

.chart-legend,
.list-unstyled,
.look-and-feel-v2 .users-list,
.users-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.list-group-unbordered>.list-group-item {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0
}

.flat {
    border-radius: 0
}

.text-bold,
.text-bold.table td,
.text-bold.table th {
    font-weight: 700
}

.normal-weight {
    font-weight: 400
}

.text-sm {
    font-size: .75rem
}

@media(max-width:320px) {
    .text-sm-center {
        text-align: center
    }
}

.fs-16 {
    font-size: 1rem!important
}

.fs-45 {
    font-size: 2.813rem
}

.nested-list li {
    display: flex;
    margin-bottom: 4px
}

.jqstooltip {
    padding: 5px!important;
    width: auto!important;
    height: auto!important
}

.bg-light-blue-gradient {
    background: #3c8dbc;
    background: -o-linear-gradient(#67a8ce, #3c8dbc);
    color: #fff
}

.bg-blue-gradient {
    background: #3c8dbc;
    background: -o-linear-gradient(#539dc8, #3c8dbc);
    color: #fff
}

.bg-aqua-gradient {
    background: #00c0ef;
    background: -o-linear-gradient(#14d1ff, #00c0ef);
    color: #fff
}

.bg-yellow-gradient {
    background: #f39c12;
    background: -o-linear-gradient(#f7bc60, #f39c12);
    color: #fff
}

.bg-purple-gradient {
    background: #605ca8;
    background: -o-linear-gradient(#9491c4, #605ca8);
    color: #fff
}

.bg-green-gradient {
    background: #00a65a;
    background: -o-linear-gradient(#00ca6d, #00a65a);
    color: #fff
}

.bg-red-gradient {
    background: #dd4b39;
    background: -o-linear-gradient(#e47365, #dd4b39);
    color: #fff
}

.bg-black-gradient {
    background: #000;
    background: -o-linear-gradient(#1a1a1a, #000);
    color: #fff
}

.bg-maroon-gradient {
    background: #dd4b39;
    background: -o-linear-gradient(#e47365, #dd4b39);
    color: #fff
}

.description-block .description-icon {
    font-size: 1rem
}

.no-pad-top {
    padding-top: 0
}

.position-static {
    position: static!important
}

.list-header {
    font-size: 1rem;
    padding: 10px 4px;
    font-weight: 700;
    color: #666
}

.list-seperator {
    height: 1px;
    background: #f4f4f4;
    margin: 15px 0 9px
}

.list-link>a {
    padding: 4px;
    color: #888
}

.list-link>a:hover {
    color: #222d32
}

.font-light {
    font-weight: 300
}

.user-block:after {
    display: block;
    clear: both;
    content: ""
}

.user-block img {
    width: 40px;
    height: 40px;
    float: left
}

.user-block .comment,
.user-block .description,
.user-block .username {
    display: block;
    margin-left: 50px
}

.user-block .username {
    font-size: 1rem;
    font-weight: 600
}

.user-block .description {
    color: #999;
    font-size: .75rem
}

.user-block.user-block-sm .comment,
.user-block.user-block-sm .description,
.user-block.user-block-sm .username {
    margin-left: 40px
}

.user-block.user-block-sm .username {
    font-size: .875rem
}

.box-comments .box-comment img,
.img-lg,
.img-md,
.img-sm,
.look-and-feel-v2 .user-block.user-block-sm img,
.user-block.user-block-sm img {
    float: left
}

.box-comments .box-comment img,
.img-sm,
.look-and-feel-v2 .user-block.user-block-sm img,
.user-block.user-block-sm img {
    width: 30px!important;
    height: 30px!important
}

.box-comments .box-comment img+.img-push,
.img-sm+.img-push,
.user-block.user-block-sm img+.img-push {
    margin-left: 40px
}

.img-md {
    width: 60px;
    height: 60px
}

.img-md+.img-push {
    margin-left: 70px
}

.img-lg {
    width: 100px;
    height: 100px
}

.img-lg+.img-push {
    margin-left: 110px
}

.img-bordered {
    border: 3px solid #d2d6de;
    padding: 3px
}

.img-bordered-sm {
    border: 2px solid #d2d6de;
    padding: 2px
}

.attachment-block {
    border: 1px solid #f4f4f4;
    padding: 5px;
    margin-bottom: 10px;
    background: #f7f7f7
}

.attachment-block .attachment-img {
    max-width: 100px;
    max-height: 100px;
    height: auto;
    float: left
}

.attachment-block .attachment-pushed {
    margin-left: 110px
}

.attachment-block .attachment-heading {
    margin: 0
}

.attachment-block .attachment-text {
    color: #666
}

.connectedSortable {
    min-height: 100px
}

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

.sort-highlight {
    background: #f4f4f4;
    border: 1px dashed #ddd;
    margin-bottom: 10px
}

.full-opacity-hover {
    filter: alpha(opacity=65);
    opacity: .65
}

.full-opacity-hover:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.chart {
    position: relative;
    overflow: hidden;
    width: 100%
}

.chart canvas,
.chart svg {
    width: 100%!important
}

.chart .chart-md {
    max-width: 800px;
    margin: auto;
    min-width: 331px
}

@media(max-width:960px) {
    .chartjs {
        min-width: 500px
    }
}

.cursor-pointer {
    cursor: pointer
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden!important
}

ul.postulantes {
    min-height: 30px
}

.hidden {
    display: none!important
}

.look-and-feel-v2 .pad {
    padding: 10px
}

.look-and-feel-v2 .margin {
    margin: 10px
}

.look-and-feel-v2 .margin-bottom {
    margin-bottom: 20px
}

.look-and-feel-v2 .margin-bottom-none {
    margin-bottom: 0
}

.look-and-feel-v2 .margin-r-5 {
    margin-right: 5px
}

.look-and-feel-v2 .inline {
    display: inline
}

.look-and-feel-v2 .description-block {
    display: block;
    margin: 10px 0;
    text-align: center
}

.look-and-feel-v2 .description-block.margin-bottom {
    margin-bottom: 25px
}

.look-and-feel-v2 .description-block>.description-header {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 1rem
}

.look-and-feel-v2 .description-block>.description-text {
    text-transform: uppercase
}

.look-and-feel-v2 .alert-danger,
.look-and-feel-v2 .alert-error,
.look-and-feel-v2 .alert-info,
.look-and-feel-v2 .alert-success,
.look-and-feel-v2 .alert-warning,
.look-and-feel-v2 .badge-danger,
.look-and-feel-v2 .badge-info,
.look-and-feel-v2 .badge-primary,
.look-and-feel-v2 .badge-success,
.look-and-feel-v2 .badge-warning,
.look-and-feel-v2 .badge.badge-danger,
.look-and-feel-v2 .badge.badge-info,
.look-and-feel-v2 .badge.badge-primary,
.look-and-feel-v2 .badge.badge-success,
.look-and-feel-v2 .badge.badge-warning,
.look-and-feel-v2 .bg-aqua,
.look-and-feel-v2 .bg-aqua-active,
.look-and-feel-v2 .bg-black,
.look-and-feel-v2 .bg-black-active,
.look-and-feel-v2 .bg-blue,
.look-and-feel-v2 .bg-blue-active,
.look-and-feel-v2 .bg-fuchsia,
.look-and-feel-v2 .bg-fuchsia-active,
.look-and-feel-v2 .bg-green,
.look-and-feel-v2 .bg-green-active,
.look-and-feel-v2 .bg-light-blue,
.look-and-feel-v2 .bg-light-blue-active,
.look-and-feel-v2 .bg-lime,
.look-and-feel-v2 .bg-lime-active,
.look-and-feel-v2 .bg-maroon,
.look-and-feel-v2 .bg-maroon-active,
.look-and-feel-v2 .bg-orange,
.look-and-feel-v2 .bg-orange-active,
.look-and-feel-v2 .bg-purple,
.look-and-feel-v2 .bg-purple-active,
.look-and-feel-v2 .bg-red,
.look-and-feel-v2 .bg-red-active,
.look-and-feel-v2 .bg-yellow,
.look-and-feel-v2 .bg-yellow-active,
.look-and-feel-v2 .callout.callout-danger,
.look-and-feel-v2 .callout.callout-info,
.look-and-feel-v2 .callout.callout-success,
.look-and-feel-v2 .callout.callout-warning {
    color: #fafbfd!important
}

.look-and-feel-v2 .bg-gray {
    color: #242527;
    background-color: #d2d6de!important
}

.look-and-feel-v2 .bg-gray-light {
    background-color: #f6f7f9
}

.look-and-feel-v2 .bg-black {
    background-color: #242527!important
}

.look-and-feel-v2 .alert-danger,
.look-and-feel-v2 .alert-error,
.look-and-feel-v2 .badge-danger,
.look-and-feel-v2 .badge.badge-danger,
.look-and-feel-v2 .bg-red,
.look-and-feel-v2 .callout.callout-danger {
    background-color: #f95e50!important
}

.look-and-feel-v2 .alert-warning,
.look-and-feel-v2 .badge-warning,
.look-and-feel-v2 .badge.badge-warning,
.look-and-feel-v2 .bg-yellow,
.look-and-feel-v2 .callout.callout-warning {
    background-color: #f9b82d!important
}

.look-and-feel-v2 .alert-info,
.look-and-feel-v2 .badge-info,
.look-and-feel-v2 .badge.badge-info,
.look-and-feel-v2 .bg-aqua,
.look-and-feel-v2 .callout.callout-info {
    background-color: #4765cb!important
}

.look-and-feel-v2 .badge-primary,
.look-and-feel-v2 .badge.badge-primary,
.look-and-feel-v2 .bg-blue,
.look-and-feel-v2 .bg-light-blue {
    background-color: #2f4daa!important
}

.look-and-feel-v2 .alert-success,
.look-and-feel-v2 .badge-success,
.look-and-feel-v2 .badge.badge-success,
.look-and-feel-v2 .bg-green,
.look-and-feel-v2 .callout.callout-success {
    background-color: #6bc64c!important
}

.look-and-feel-v2 .bg-lime {
    background-color: #82d957!important
}

.look-and-feel-v2 .bg-orange {
    background-color: #f9b82d!important
}

.look-and-feel-v2 .bg-maroon {
    background-color: #ff7a6f!important
}

.look-and-feel-v2 .bg-gray-active {
    color: #242527;
    background-color: #b5bbc8!important
}

.look-and-feel-v2 .bg-black-active {
    background-color: #0c0c0c!important
}

.look-and-feel-v2 .bg-red-active {
    background-color: #ff5e50!important
}

.look-and-feel-v2 .bg-yellow-active {
    background-color: #f8ae0f!important
}

.look-and-feel-v2 .bg-aqua-active {
    background-color: #3655be!important
}

.look-and-feel-v2 .bg-blue-active {
    background-color: #243b82!important
}

.look-and-feel-v2 .bg-light-blue-active {
    background-color: #284292!important
}

.look-and-feel-v2 .bg-green-active,
.look-and-feel-v2 .bg-lime-active {
    background-color: #73d442!important
}

.look-and-feel-v2 .bg-orange-active {
    background-color: #f8b014!important
}

.look-and-feel-v2 .bg-purple-active {
    background-color: #555299!important
}

.look-and-feel-v2 .bg-maroon-active {
    background-color: #ff6c60!important
}

.look-and-feel-v2 .purple-background {
    background-color: #dce5ff
}

.look-and-feel-v2 .gray-background {
    background-color: #ecf0f5
}

.look-and-feel-v2 [class^=bg-].disabled {
    filter: alpha(opacity=65);
    opacity: .65
}

.look-and-feel-v2 .text-red {
    color: #ff7a6f!important
}

.look-and-feel-v2 .text-yellow {
    color: #f9b82d!important
}

.look-and-feel-v2 .text-aqua {
    color: #4765cb!important
}

.look-and-feel-v2 .text-blue {
    color: #2f4daa!important
}

.look-and-feel-v2 .text-black {
    color: #242527!important
}

.look-and-feel-v2 .text-light-blue {
    color: #2f4daa!important
}

.look-and-feel-v2 .text-green {
    color: #6bc64c!important
}

.look-and-feel-v2 .text-gray {
    color: #d2d6de!important
}

.look-and-feel-v2 .text-lime {
    color: #82d957!important
}

.look-and-feel-v2 .text-orange {
    color: #f9b82d!important
}

.look-and-feel-v2 .text-purple {
    color: #605ca8!important
}

.look-and-feel-v2 .text-maroon {
    color: #ff7a6f!important
}

.look-and-feel-v2 .link-muted {
    color: #7a869d
}

.look-and-feel-v2 .link-muted:focus,
.look-and-feel-v2 .link-muted:hover {
    color: #606c84
}

.look-and-feel-v2 .link-black {
    color: #666
}

.look-and-feel-v2 .link-black:focus,
.look-and-feel-v2 .link-black:hover {
    color: #a3a4a5
}

.look-and-feel-v2 .hide {
    display: none!important
}

.look-and-feel-v2 .no-border {
    border: 0!important
}

.look-and-feel-v2 .no-padding {
    padding: 0!important
}

.look-and-feel-v2 .no-margin {
    margin: 0!important
}

.look-and-feel-v2 .no-shadow {
    box-shadow: none!important
}

.look-and-feel-v2 .page-break {
    display: block;
    clear: both;
    page-break-after: always
}

.look-and-feel-v2 .resize-none {
    resize: none
}

.look-and-feel-v2 .chart-legend,
.look-and-feel-v2 .list-unstyled,
.look-and-feel-v2 .users-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.look-and-feel-v2 .list-group-unbordered>.list-group-item {
    background-color: #f6f7f9;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0
}

.look-and-feel-v2 .flat {
    border-radius: 0
}

.look-and-feel-v2 .text-bold,
.look-and-feel-v2 .text-bold.table td,
.look-and-feel-v2 .text-bold.table th {
    font-weight: 700
}

.look-and-feel-v2 .normal-weight {
    font-weight: 400
}

.look-and-feel-v2 .text-sm {
    font-size: .75rem
}

@media(max-width:320px) {
    .look-and-feel-v2 .text-sm-center {
        text-align: center
    }
}

.look-and-feel-v2 .fs-16 {
    font-size: 1rem!important
}

.look-and-feel-v2 .fs-45 {
    font-size: 2.813rem
}

.look-and-feel-v2 .nested-list li {
    display: flex;
    margin-bottom: 4px
}

.look-and-feel-v2 .jqstooltip {
    padding: 5px!important;
    width: auto!important;
    height: auto!important
}

.look-and-feel-v2 .description-block .description-icon {
    font-size: 1rem
}

.look-and-feel-v2 .no-pad-top {
    padding-top: 0
}

.look-and-feel-v2 .position-static {
    position: static!important
}

.look-and-feel-v2 .list-header {
    font-size: 1rem;
    padding: 10px 4px;
    font-weight: 700;
    color: #666
}

.look-and-feel-v2 .list-seperator {
    height: 1px;
    background: #f4f4f4;
    margin: 15px 0 9px
}

.look-and-feel-v2 .list-link>a {
    padding: 4px;
    color: #888
}

.look-and-feel-v2 .list-link>a:hover {
    color: #222d32
}

.look-and-feel-v2 .font-light {
    font-weight: 300
}

.look-and-feel-v2 .user-block:after {
    display: block;
    clear: both;
    content: ""
}

.look-and-feel-v2 .user-block img {
    width: 40px;
    height: 40px;
    float: left
}

.look-and-feel-v2 .user-block .comment,
.look-and-feel-v2 .user-block .description,
.look-and-feel-v2 .user-block .username {
    display: block;
    margin-left: 50px
}

.look-and-feel-v2 .user-block .username {
    font-size: 1rem;
    font-weight: 600
}

.look-and-feel-v2 .user-block .description {
    color: #999;
    font-size: .75rem
}

.look-and-feel-v2 .user-block.user-block-sm .comment,
.look-and-feel-v2 .user-block.user-block-sm .description,
.look-and-feel-v2 .user-block.user-block-sm .username {
    margin-left: 40px
}

.look-and-feel-v2 .user-block.user-block-sm .username {
    font-size: .875rem
}

.box-comments .box-comment .look-and-feel-v2 img,
.look-and-feel-v2 .box-comments .box-comment img,
.look-and-feel-v2 .img-lg,
.look-and-feel-v2 .img-md,
.look-and-feel-v2 .img-sm,
.look-and-feel-v2 .user-block.user-block-sm img,
.user-block.user-block-sm .look-and-feel-v2 img {
    float: left
}

.box-comments .box-comment .look-and-feel-v2 img,
.look-and-feel-v2 .box-comments .box-comment img,
.look-and-feel-v2 .img-sm,
.look-and-feel-v2 .user-block.user-block-sm img,
.user-block.user-block-sm .look-and-feel-v2 img {
    width: 30px!important;
    height: 30px!important
}

.box-comments .box-comment .look-and-feel-v2 img+.img-push,
.look-and-feel-v2 .box-comments .box-comment img+.img-push,
.look-and-feel-v2 .img-sm+.img-push,
.look-and-feel-v2 .user-block.user-block-sm img+.img-push,
.user-block.user-block-sm .look-and-feel-v2 img+.img-push {
    margin-left: 40px
}

.look-and-feel-v2 .img-md {
    width: 60px;
    height: 60px
}

.look-and-feel-v2 .img-md+.img-push {
    margin-left: 70px
}

.look-and-feel-v2 .img-lg {
    width: 100px;
    height: 100px
}

.look-and-feel-v2 .img-lg+.img-push {
    margin-left: 110px
}

.look-and-feel-v2 .img-bordered {
    border: 3px solid #d2d6de;
    padding: 3px
}

.look-and-feel-v2 .img-bordered-sm {
    border: 2px solid #d2d6de;
    padding: 2px
}

.look-and-feel-v2 .attachment-block {
    border: 1px solid #f4f4f4;
    padding: 5px;
    margin-bottom: 10px;
    background: #f7f7f7
}

.look-and-feel-v2 .attachment-block .attachment-img {
    max-width: 100px;
    max-height: 100px;
    height: auto;
    float: left
}

.look-and-feel-v2 .attachment-block .attachment-pushed {
    margin-left: 110px
}

.look-and-feel-v2 .attachment-block .attachment-heading {
    margin: 0
}

.look-and-feel-v2 .attachment-block .attachment-text {
    color: #666
}

.look-and-feel-v2 .connectedSortable {
    min-height: 100px
}

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

.look-and-feel-v2 .sort-highlight {
    background: #f6f7f9;
    border: 1px dashed #ddd;
    margin-bottom: 10px
}

.look-and-feel-v2 .full-opacity-hover {
    filter: alpha(opacity=65);
    opacity: .65
}

.look-and-feel-v2 .full-opacity-hover:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.look-and-feel-v2 .chart {
    position: relative;
    overflow: hidden;
    width: 100%
}

.look-and-feel-v2 .chart canvas,
.look-and-feel-v2 .chart svg {
    width: 100%!important
}

.look-and-feel-v2 .chart .chart-md {
    max-width: 800px;
    margin: auto;
    min-width: 331px
}

.look-and-feel-v2 .cursor-pointer {
    cursor: pointer
}

.look-and-feel-v2 .overflow-auto {
    overflow: auto
}

.look-and-feel-v2 .overflow-hidden {
    overflow: hidden!important
}

.look-and-feel-v2 ul.postulantes {
    min-height: 30px
}

.look-and-feel-v2 .hidden {
    display: none!important
}

#beamerLastPostTitle {
    margin-left: -15px!important
}

.icon-size-1.material-icons,
.icon-size-1.material-icons-outlined {
    font-size: 20px
}

.icon-size-2.material-icons,
.icon-size-2.material-icons-outlined {
    font-size: 35px
}

@font-face {
    font-family: Material Icons;
    font-display: block;
    font-style: normal;
    font-weight: 400;
    src: local("Material Icons"), local("material-icons"), url(/packs/media/iconfont/material-icons-5a724ea8.woff2) format("woff2"), url(/packs/media/iconfont/material-icons-53e02ee0.woff) format("woff")
}

@font-face {
    font-family: Material Icons Outlined;
    font-display: block;
    font-style: normal;
    font-weight: 400;
    src: local("Material Icons Outlined"), local("material-icons-outlined"), url(/packs/media/iconfont/material-icons-outlined-3f63ea8f.woff2) format("woff2"), url(/packs/media/iconfont/material-icons-outlined-8e6315a5.woff) format("woff")
}

.material-icons {
    font-family: Material Icons;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

.material-icons,
.material-icons-outlined {
    font-weight: 400;
    font-style: normal;
    font-size: 1.25rem;
    display: inline-flex;
    vertical-align: bottom;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr
}

.material-icons-outlined {
    font-family: Material Icons Outlined;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

.orgchart {
    box-sizing: border-box;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: linear-gradient(90deg, rgba(200, 0, 0, .15) 10%, transparent 0), linear-gradient(rgba(200, 0, 0, .15) 10%, transparent 0);
    background-size: 10px 10px;
    border: 1px dashed transparent;
    padding: 20px 20px 0
}

.orgchart .hidden,
.orgchart~.hidden {
    display: none!important
}

.orgchart.b2t {
    transform: rotate(180deg)
}

.orgchart.l2r {
    transform: rotate(-90deg) rotateY(180deg);
    transform-origin: left top
}

.orgchart.l2r,
.orgchart.r2l {
    position: absolute;
    text-align: center
}

.orgchart.r2l {
    transform: rotate(90deg);
    transform-origin: left top
}

.orgchart~.mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    text-align: center;
    background-color: rgba(0, 0, 0, .3)
}

.orgchart~.mask .spinner {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px)
}

.orgchart>.spinner:before,
.orgchart~.mask .spinner:before {
    width: 100px;
    height: 100px;
    border-width: 10px;
    border-radius: 50px;
    border-top-color: rgba(68, 157, 68, .8);
    border-bottom-color: rgba(68, 157, 68, .8);
    border-left-color: rgba(68, 157, 68, .8)
}

.orgchart .nodes {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin: 0
}

.orgchart .hierarchy {
    position: relative
}

.orgchart .hierarchy:before {
    content: "";
    position: absolute;
    top: -11px;
    left: 0;
    width: 100%;
    border-top: 2px solid rgba(217, 83, 79, .8);
    box-sizing: border-box
}

.orgchart .hierarchy.isSiblingsCollapsed.left-sibs:before,
.orgchart .hierarchy:first-child:before {
    left: calc(50% - 1px);
    width: calc(50% + 1px)
}

.orgchart .hierarchy.isSiblingsCollapsed.right-sibs:before,
.orgchart .hierarchy:last-child:before {
    width: calc(50% + 1px)
}

.orgchart .hierarchy:not(.hidden):only-child:before {
    width: 2px
}

.orgchart .isAncestorsCollapsed:only-child:before,
.orgchart .isAncestorsCollapsed>.node:before,
.orgchart .isChildrenCollapsed>.node:not(:only-child):after,
.orgchart .isCollapsedDescendant:before,
.orgchart .isCollapsedDescendant>.node:after,
.orgchart .isCollapsedDescendant>.node:before,
.orgchart .isCollapsedSibling .hierarchy:before,
.orgchart .isCollapsedSibling:before,
.orgchart .isSiblingsCollapsed.left-sibs.right-sibs:before,
.orgchart .isSiblingsCollapsed.left-sibs:last-child:before,
.orgchart .isSiblingsCollapsed.right-sibs:first-child:before,
.orgchart .isSiblingsCollapsed:not(.left-sibs):not(.right-sibs):before,
.orgchart>.nodes>.hierarchy:before {
    content: none
}

.orgchart .node:not(:only-child):after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: calc(50% - 1px);
    width: 2px;
    height: 9px;
    background-color: rgba(217, 83, 79, .8)
}

.orgchart ul li .node.allowedDrop {
    border-color: rgba(68, 157, 68, .9)
}

.orgchart ul li .node.currentDropTarget {
    background-color: rgba(68, 157, 68, .9)
}

.orgchart ul li .node.selected,
.orgchart ul li .node:hover {
    background-color: rgba(238, 217, 54, .5)
}

.orgchart>ul>li>ul li>.node:before {
    content: "";
    position: absolute;
    top: -11px;
    left: calc(50% - 1px);
    width: 2px;
    height: 9px;
    background-color: rgba(217, 83, 79, .8)
}

.orgchart>ul>li>ul li.isSiblingsCollapsed>.node:before {
    top: -13px;
    height: 11px
}

.orgchart .node {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    margin: 0 0 20px;
    padding: 3px;
    border: 2px dashed transparent;
    text-align: center
}

.orgchart.l2r .node,
.orgchart.r2l .node {
    width: 50px;
    height: 140px
}

.orgchart .node:hover {
    transition: .5s;
    cursor: default;
    z-index: 20
}

.orgchart .node.focused,
.orgchart .node:hover {
    background-color: rgba(238, 217, 54, .5)
}

.orgchart .ghost-node {
    position: fixed;
    left: -10000px;
    top: -10000px
}

.orgchart .ghost-node rect {
    fill: #fff;
    stroke: #bf0000
}

.orgchart .node.allowedDrop {
    border-color: rgba(68, 157, 68, .9)
}

.orgchart .node>.spinner {
    position: absolute;
    top: calc(50% - 1rem);
    left: calc(50% - 1rem)
}

.orgchart .node>.spinner:before {
    width: 2rem;
    height: 2rem;
    border-width: .2rem;
    border-radius: 1rem;
    border-top-color: rgba(68, 157, 68, .8);
    border-bottom-color: rgba(68, 157, 68, .8);
    border-left-color: rgba(68, 157, 68, .8)
}

.orgchart .node .title {
    box-sizing: border-box;
    padding: 2px;
    width: 130px;
    text-align: center;
    font-size: .75rem;
    font-weight: 700;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: rgba(217, 83, 79, .8);
    color: #fff;
    border-radius: 4px 4px 0 0
}

.orgchart.b2t .node .title {
    transform: rotate(-180deg);
    transform-origin: center bottom
}

.orgchart.l2r .node .title {
    transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
    transform-origin: bottom center
}

.orgchart.r2l .node .title {
    transform: rotate(-90deg) translate(-45px, -45px);
    transform-origin: bottom center
}

.orgchart .node .title .symbol {
    float: left;
    margin-top: 12px;
    margin-left: 2px
}

.orgchart .node .title .symbol:before {
    background-color: #fff;
    border-color: rgba(217, 83, 79, .8)
}

.orgchart .node .title .symbol:after {
    background-color: #fff
}

.orgchart .node .content {
    box-sizing: border-box;
    padding: 2px;
    height: 20px;
    font-size: .625rem;
    border: 1px solid rgba(217, 83, 79, .8);
    border-radius: 0 0 4px 4px;
    text-align: center;
    background-color: #fff;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap
}

.orgchart.b2t .node .content {
    transform: rotate(180deg);
    transform-origin: center top
}

.orgchart.l2r .node .content {
    transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
    transform-origin: top center;
    width: 130px
}

.orgchart.r2l .node .content {
    transform: rotate(-90deg) translate(-45px, -45px);
    transform-origin: top center;
    width: 130px
}

.orgchart .node .edge {
    position: absolute;
    cursor: default;
    transition: .2s
}

.orgchart .node .edge:before {
    border-color: rgba(68, 157, 68, .5)
}

.orgchart.noncollapsable .node .edge {
    display: none
}

.orgchart .node .edge:hover {
    cursor: pointer
}

.orgchart .edge:hover:before {
    border-color: #449d44
}

.orgchart .node .verticalEdge {
    width: calc(100% - 6px);
    width: -moz-calc(100% - 6px);
    height: 10px;
    left: 3px
}

.orgchart .node .verticalEdge:before {
    position: absolute;
    left: calc(50% - .3125rem)
}

.orgchart .node .topEdge {
    top: -2px
}

.orgchart .node .topEdge.oci-chevron-up:before {
    top: 2px
}

.orgchart .node .topEdge.oci-chevron-down:before {
    bottom: 3px
}

.orgchart .node .bottomEdge {
    bottom: -2px
}

.orgchart .node .bottomEdge.oci-chevron-up:before {
    bottom: -3px
}

.orgchart .node .bottomEdge.oci-chevron-down:before {
    bottom: 1px
}

.orgchart .node .horizontalEdge {
    width: 10px;
    height: calc(100% - 6px);
    height: -moz-calc(100% - 6px);
    top: 3px
}

.orgchart .node .rightEdge {
    right: -2px
}

.orgchart .node .leftEdge {
    left: -2px
}

.orgchart .node .horizontalEdge:before {
    position: absolute;
    top: calc(50% - .3125rem)
}

.orgchart .node .rightEdge.oci-chevron-left:before {
    right: -3px
}

.orgchart .node .rightEdge.oci-chevron-right:before {
    right: 1px
}

.orgchart .node .leftEdge.oci-chevron-right:before {
    left: -3px
}

.orgchart .node .leftEdge.oci-chevron-left:before {
    left: 1px
}

.orgchart .node .toggleBtn {
    position: absolute;
    left: 5px;
    bottom: -2px
}

.orgchart .node .toggleBtn:before {
    background-color: rgba(68, 157, 68, .6)
}

.orgchart .node .toggleBtn:hover:before {
    background-color: #449d44
}

.oc-export-btn {
    margin-left: .5rem;
    padding: .5rem 1rem
}

.orgchart .node {
    transition: transform .3s, opacity .3s
}

.orgchart .slide-down {
    opacity: 0;
    transform: translateY(40px)
}

.orgchart.l2r .node.slide-down,
.orgchart.r2l .node.slide-down {
    transform: translateY(130px)
}

.orgchart .slide-up {
    opacity: 0;
    transform: translateY(-40px)
}

.orgchart.l2r .node.slide-up,
.orgchart.r2l .node.slide-up {
    transform: translateY(-130px)
}

.orgchart .slide-right {
    opacity: 0;
    transform: translateX(130px)
}

.orgchart.l2r .node.slide-right,
.orgchart.r2l .node.slide-right {
    transform: translateX(40px)
}

.orgchart .slide-left {
    opacity: 0;
    transform: translateX(-130px)
}

.orgchart.l2r .node.slide-left,
.orgchart.r2l .node.slide-left {
    transform: translateX(-40px)
}

.orgchart .hierarchy.hybrid>.node {
    margin-bottom: 0
}

.orgchart .hierarchy.hybrid>.node:after {
    content: none
}

.orgchart .nodes.vertical,
.orgchart .nodes.vertical .nodes {
    display: block;
    margin: 0;
    padding-left: 18px
}

.orgchart .nodes.vertical .nodes {
    list-style: none;
    text-align: left
}

.orgchart .nodes.vertical .node {
    margin-bottom: 0
}

.orgchart .nodes.vertical .node:after,
.orgchart .nodes.vertical .node:before {
    content: none
}

.orgchart .nodes.vertical:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 14px;
    width: 2px;
    left: -9px;
    background-color: rgba(217, 83, 79, .8)
}

.orgchart .nodes.vertical>.hierarchy:first-child:before {
    box-sizing: border-box;
    top: -4px;
    height: 30px;
    width: calc(50% - 2px);
    border-width: 2px 0 0 2px
}

.orgchart .nodes.vertical .hierarchy {
    position: relative;
    text-align: left
}

.orgchart .nodes.vertical .hierarchy:after,
.orgchart .nodes.vertical .hierarchy:before {
    box-sizing: border-box;
    content: "";
    position: absolute;
    left: -6px;
    border-color: rgba(217, 83, 79, .8);
    border-style: solid;
    border-width: 0 0 2px 2px
}

.orgchart .nodes.vertical .hierarchy:before {
    top: -4px;
    height: 30px;
    width: 11px
}

.orgchart .nodes.vertical .hierarchy:after {
    top: 1px;
    height: 100%
}

.orgchart .nodes.vertical .hierarchy:first-child:after {
    box-sizing: border-box;
    top: 24px;
    width: 11px;
    border-width: 2px 0 0 2px
}

.orgchart .nodes.vertical .hierarchy:last-child:after {
    box-sizing: border-box;
    border-width: 2px 0 0
}

.oci {
    display: inline-block;
    position: relative;
    font-style: normal;
    font-family: Arial
}

.oci-chevron-up:before {
    vertical-align: text-bottom;
    transform: rotate(-135deg)
}

.oci-chevron-right:before,
.oci-chevron-up:before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: .625rem;
    height: .625rem;
    border-color: #000;
    border-style: solid;
    border-width: 0 .2rem .2rem 0;
    background: transparent
}

.oci-chevron-right:before {
    transform: rotate(-45deg)
}

.oci-chevron-down:before {
    transform: rotate(45deg)
}

.oci-chevron-down:before,
.oci-chevron-left:before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: .625rem;
    height: .625rem;
    border-color: #000;
    border-style: solid;
    border-width: 0 .2rem .2rem 0;
    background: transparent
}

.oci-chevron-left:before {
    transform: rotate(135deg)
}

.oci-leader:before {
    width: .4rem;
    height: .4rem;
    border-radius: .2rem;
    top: -.75rem;
    left: .1rem
}

.oci-leader:after,
.oci-leader:before {
    position: absolute;
    content: "";
    display: inline-block;
    background: #000
}

.oci-leader:after {
    width: .875rem;
    height: .375rem;
    border-radius: .25rem .25rem 0 0;
    top: -.3rem;
    left: -.125rem
}

.oci-plus-circle:before,
.oci-plus-square:before {
    content: "+";
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    width: 1rem;
    height: 1rem;
    background-color: #000;
    color: #fff
}

.oci-plus-circle:before {
    border-radius: .5rem
}

.oci-minus-circle:before,
.oci-minus-square:before {
    content: "−";
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    width: 1rem;
    height: 1rem;
    background-color: #000;
    color: #fff
}

.oci-minus-circle:before {
    border-radius: .5rem
}

.oci-arrow-circle-up:before {
    content: "▲"
}

.oci-arrow-circle-down:before,
.oci-arrow-circle-up:before {
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
    width: 1rem;
    height: 1rem;
    border-radius: .5rem;
    background-color: #000;
    color: #fff;
    font-size: .875rem
}

.oci-arrow-circle-down:before {
    content: "▼"
}

.oci-info-circle:before {
    content: "i";
    border-radius: .5rem;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.oci-info-circle:before,
.oci-spinner:before {
    display: inline-block;
    vertical-align: text-bottom;
    width: 1rem;
    height: 1rem
}

.oci-spinner:before {
    content: "";
    box-sizing: border-box;
    border: .1rem solid #000;
    border-right-color: transparent;
    border-radius: .625rem;
    -webkit-animation: oci-infinite-spinning .75s linear infinite;
    animation: oci-infinite-spinning .75s linear infinite
}

@-webkit-keyframes oci-infinite-spinning {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes oci-infinite-spinning {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

#orgchart-container-v2 .orgchart {
    background: #fff
}

#orgchart-container-v2 .orgchart .title {
    width: 140px
}

#orgchart-container-v2 .orgchart .hierarchy:before {
    border-top: 2px solid #888
}

#orgchart-container-v2 .orgchart .node:not(:only-child):after,
#orgchart-container-v2 .orgchart>ul>li>ul li>.node:before {
    background-color: #888
}

#orgchart-container-v2 .orgchart .node .content {
    min-height: 0;
    width: 140px;
    height: auto
}

#orgchart-container-v2 .orgchart .node .content .advance,
#orgchart-container-v2 .orgchart .node .content.participants {
    font-size: small
}

#orgchart-container-v2 .orgchart .node .content .chip.badge {
    margin-top: 6px;
    margin-bottom: 6px
}

#orgchart-container-v2 .orgchart .node .content .chip.badge.badge-danger {
    background-color: #dd4b39
}

#orgchart-container-v2 .orgchart .node .content .chip.badge.badge-success {
    background-color: #00a65a
}

#orgchart-container-v2 .orgchart .node .content .chip.badge.badge-disabled {
    background-color: #a3a4a5
}

#orgchart-container-v2 .orgchart .node .title-danger {
    background-color: #dd4b39
}

#orgchart-container-v2 .orgchart .node .content-danger {
    border-color: #dd4b39
}

#orgchart-container-v2 .orgchart .node .title-success {
    background-color: #00a65a
}

#orgchart-container-v2 .orgchart .node .content-success {
    border-color: #00a65a
}

#orgchart-container-v2 .orgchart .node .title-disabled {
    background-color: #a3a4a5
}

#orgchart-container-v2 .orgchart .node .content-disabled {
    border-color: #a3a4a5
}

#orgchart-container-v2 .orgchart .node .oci.oci-leader.symbol {
    display: none
}

body,
html {
    height: 100%
}

body {
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: hidden;
    font-size: .875rem
}

.look-and-feel-v2 {
    font-family: Inter, sans-serif
}

.look-and-feel-v2 .h1,
.look-and-feel-v2 h1 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: #091351
}

.look-and-feel-v2 .h2,
.look-and-feel-v2 h2 {
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #091351
}

.look-and-feel-v2 .h3,
.look-and-feel-v2 h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #091351
}

.look-and-feel-v2 .wrapper>.content-wrapper {
    overflow: auto;
    height: calc(100vh - 52px);
    transition: all .5s ease
}

@media(max-width:959px) {
    .look-and-feel-v2 .wrapper>.content-wrapper {
        transform: none
    }
}

.look-and-feel-v2 .wrapper>.content-wrapper>.content {
    padding: 0
}

@media(max-width:959px) {
    .look-and-feel-v2 .wrapper>.content-wrapper>.content {
        margin: 16px
    }
}

.look-and-feel-v2 ::-webkit-scrollbar-thumb {
    background-color: #c1c2c4;
    border-radius: .5rem
}

.look-and-feel-v2 ::-webkit-scrollbar-track {
    background-color: rgba(47, 77, 170, .08);
    border-radius: .5rem
}

.look-and-feel-v2 .main-footer {
    background: #fafbfd;
    padding: 15px;
    color: #464748;
    border-top: 1px solid #e4e5e7
}

.look-and-feel-v2 a {
    color: #2f4daa
}

.look-and-feel-v2 a:active,
.look-and-feel-v2 a:focus,
.look-and-feel-v2 a:hover {
    outline: none;
    text-decoration: none;
    color: #1e326e
}

.look-and-feel-v2 .page-header {
    margin: 10px 0 20px;
    font-size: 1.375rem
}

.look-and-feel-v2 .page-header>small {
    color: #797a7c;
    display: block;
    margin-top: 5px
}

.content-wrapper,
.main-footer {
    margin-left: 230px;
    z-index: 820
}

.layout-top-nav .content-wrapper,
.layout-top-nav .main-footer {
    margin-left: 0
}

@media(max-width:958px) {
    .content-wrapper,
    .main-footer {
        margin-left: 0
    }
}

@media(min-width:320px) {
    .sidebar-collapse .content-wrapper,
    .sidebar-collapse .main-footer {
        margin-left: 0
    }
}

@media(max-width:958px) {
    .sidebar-open .content-wrapper,
    .sidebar-open .main-footer {
        transform: translate(230px)
    }
}

.content-wrapper {
    min-height: 100%;
    background-color: #ecf0f5;
    z-index: 800
}

.main-footer {
    background: #fff;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de
}

.fixed .left-side,
.fixed .main-header,
.fixed .main-sidebar {
    position: fixed
}

.fixed .main-header {
    top: 0;
    right: 0;
    left: 0
}

.fixed .content-wrapper,
.fixed .right-side {
    padding-top: 50px
}

@media(max-width:958px) {
    .fixed .content-wrapper,
    .fixed .right-side {
        padding-top: 100px
    }
}

.fixed .wrapper {
    overflow: hidden
}

.hold-transition .content-wrapper,
.hold-transition .left-side,
.hold-transition .main-footer,
.hold-transition .main-header .logo,
.hold-transition .main-header .navbar,
.hold-transition .main-sidebar,
.hold-transition .menu-open .fa-angle-left,
.hold-transition .right-side {
    transition: none
}

.content {
    min-height: 250px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif
}

a {
    color: #3c8dbc
}

a:active,
a:focus,
a:hover {
    outline: none;
    text-decoration: none;
    color: #296282
}

.look-and-feel-v1 .wrapper>.content-wrapper {
    overflow: auto;
    height: calc(100vh - 50px)
}

@media(max-width:959px) {
    .look-and-feel-v1 .wrapper>.content-wrapper {
        transform: none
    }
}

.look-and-feel-v1 .wrapper>.content-wrapper>.content {
    padding: 0
}

@media(max-width:959px) {
    .look-and-feel-v1 .wrapper>.content-wrapper>.content {
        margin: 16px
    }
}

.look-and-feel-v1 ::-webkit-scrollbar-thumb {
    background-color: #367fa9
}

.look-and-feel-v1 ::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, .08)
}

.look-and-feel-v1 * {
    scrollbar-color: #367fa9 hsla(0, 0%, 100%, .08);
    scrollbar-width: thin
}

.look-and-feel-v1 .page-header {
    margin: 10px 0 20px;
    font-size: 1.375rem
}

.look-and-feel-v1 .page-header>small {
    color: #666;
    display: block;
    margin-top: 5px
}

@media(max-width:959px) {
    .sidebar-open .main-footer {
        transform: none
    }
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

@media print {
    .content-header,
    .left-side,
    .main-header,
    .main-sidebar,
    .no-print {
        display: none!important
    }
    .content-wrapper,
    .main-footer,
    .right-side {
        margin-left: 0!important;
        min-height: 0!important;
        transform: translate(0)
    }
    .fixed .content-wrapper,
    .fixed .right-side {
        padding-top: 0!important
    }
    .invoice {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0
    }
    .invoice-col {
        float: left;
        width: 33.3333333%
    }
    .selection-process-stages,
    .table-responsive {
        overflow: auto
    }
    .selection-process-stages>.table tr td,
    .selection-process-stages>.table tr th,
    .table-responsive>.table tr td,
    .table-responsive>.table tr th {
        white-space: normal!important
    }
}

.invoice {
    position: relative;
    background: #fff;
    border: 1px solid #f4f4f4;
    padding: 20px;
    margin: 10px 25px
}

.invoice-title {
    margin-top: 0
}

.look-and-feel-v2 .invoice {
    position: relative;
    background: #fafbfd;
    border: 1px solid #f6f7f9;
    padding: 20px;
    margin: 10px 25px
}

#new-boleta-honorarios .title-h3,
.applicants .footer__copyright,
.applicants .footer__link,
.applicants .header .navbar-brand span,
.applicants .header .navbar .nav li a,
.applicants .jobs__card b,
.applicants p,
.application-url-fields-group .field-form .box .box-body label.field-name,
.application-url-resume .modification-date,
.application-url-resume .title,
.application-url-token .modal .modal-title,
.application-url-token .url-public_aside .aside_item .item_subtitle,
.application-url-token .url-public_aside .aside_item .item_title,
.application-url-token .url-public_aside .aside_subtitle,
.application-url-token .url-public_aside .aside_title,
.application-url-token .url-public_box .form-message,
.application-url-token .url-public_box .form-name,
.application-url-token .url-public_box .form-section-title,
.application-url-token .url-public_box .form-title,
.applications-portal-admin .title,
.applications-portal-admin label,
.applications-portal-design b,
.applications-portal-design label.control-label.text.optional,
.automation-rule-form-section-header .automation-rule-form-section-title,
.birthday-list .birthday-card-6 .birthday-date,
.birthday-list .birthday-card-6 .birthday-name,
.birthday-list .birthday-card-10 .birthday-date,
.birthday-list .birthday-card-10 .birthday-name,
.bithday-title,
.card-indicator__data,
.card-indicator__percentage,
.card-indicator__title,
.card-progress,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.look-and-feel-v1 .banner .banner-text .banner-desc,
.look-and-feel-v1 .banner .banner-text .banner-title,
.look-and-feel-v1 .box-header .box-title,
.look-and-feel-v1 .box-header.with-post .box-subtitle,
.look-and-feel-v1 .box-header.with-post .box-title,
.look-and-feel-v1 .btn,
.look-and-feel-v1 .btn-dropdown,
.look-and-feel-v1 .btn-group-sm>.btn,
.look-and-feel-v1 .btn-md,
.look-and-feel-v1 .btn-sm,
.look-and-feel-v1 .form-group label:not(.btn):not(button.upload-result),
.look-and-feel-v1 .form-summary .form-summary_item,
.look-and-feel-v1 .form-summary .form-summary_item .item_subtitle,
.look-and-feel-v1 .form-summary .form-summary_title,
.look-and-feel-v1 .gray-tag,
.look-and-feel-v1 .help-block,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v1 .pending-task-configuration-body .pending-task-category .pending-task-category-title,
.look-and-feel-v1 .pending-task-configuration-body .pending-task-category .pending-task-option-check,
.look-and-feel-v1 .pending-task-configuration-title,
.look-and-feel-v1 .profile-shortcuts-xl .header .description label,
.look-and-feel-v1 .profile-shortcuts-xl .links>li>a>span,
.look-and-feel-v1 .profile-shortcuts-xl .tab-content .employee-name label,
.look-and-feel-v1 .profile-shortcuts .header .description label,
.look-and-feel-v1 .profile-shortcuts .links>li>a>span,
.look-and-feel-v1 .profile-shortcuts .tab-content .employee-name label,
.look-and-feel-v1 .slide-empty-index,
.look-and-feel-v1 .slide .slide-text .slide-desc,
.look-and-feel-v1 .slide .slide-text .slide-title,
.look-and-feel-v1 .user-menu,
.look-and-feel-v1 button.upload-result,
.look-and-feel-v2 .birthday-list .birthday-date,
.look-and-feel-v2 .birthday-list .birthday-name,
.look-and-feel-v2 .mural-gallery .remainder-gallery>.remainder,
.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a .info .title,
.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a.tab-header .info .description,
.look-and-feel-v2 .recognitions-section .recognition-title,
.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-6 .recognition-name,
.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-10 .recognition-name,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item a.nav-link,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item a.nav-link,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item a.nav-link,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item a.nav-link,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item a.nav-link,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item a.nav-link,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item a.nav-link,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item a.nav-link,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item a.nav-link,
.mural-gallery .remainder-gallery>.remainder,
.mural .box-body .mural-footer,
.mural .box-body .mural-like-comment,
.nav-tabs-pills .nav-pills>li>a .info .title,
.nav-tabs-pills .nav-pills>li>a.tab-header .info .description,
.notificaciones-list-container,
.notification-header,
.portal-configuration p,
.publication-heigth-screen .adjust-mural,
.recognitions-section .recognition-title,
.recognitions-section .recognitions-list .recognition-card-6 .recognition-formulary,
.recognitions-section .recognitions-list .recognition-card-6 .recognition-name,
.recognitions-section .recognitions-list .recognition-card-10 .recognition-formulary,
.recognitions-section .recognitions-list .recognition-card-10 .recognition-name,
.sort_widget_parent label,
.swal2-actions>.swal2-styled,
.swal2-content,
.template-form-max-score-text,
.workflow-process-form-container .limit-visibility-information,
.workflow-process-form-container .process-form-sidebar ul .process-form-nav-button .process-form-nav-title div:first-child,
.workflow-process-form-container .process-form-sidebar ul .process-form-nav-button .process-form-nav-title div:last-child,
.workflow-process-form-container .process-form-sidebar ul .process-form-nav-button .process-form-warning-icon-container,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.1
}

.h1,
h1 {
    font-size: 2.25rem
}

.h2,
h2 {
    font-size: 1.875rem
}

.h3,
h3 {
    font-size: 1.5rem
}

.h4,
h4 {
    font-size: 1.125rem
}

.h5,
h5 {
    font-size: .875rem
}

.h6,
h6 {
    font-size: .75rem
}

.swal2-title {
    font-size: 1.125rem!important
}

@font-face {
    font-family: icomoon-buk;
    src: url(/packs/media/icomoon-buk-v1.0/fonts/icomoon-buk-29a962c41084b5afaad5b60fa3beab14.eot);
    src: url(/packs/media/icomoon-buk-v1.0/fonts/icomoon-buk-29a962c41084b5afaad5b60fa3beab14.eot#iefix) format("embedded-opentype"), url(/packs/media/icomoon-buk-v1.0/fonts/icomoon-buk-ca6f501a46e4f88a7035462ce4fff619.ttf) format("truetype"), url(/packs/media/icomoon-buk-v1.0/fonts/icomoon-buk-89168936d73856555eb8c2c44ca40c83.woff) format("woff"), url(/packs/media/icomoon-buk-v1.0/fonts/icomoon-buk-0a346af64325f338e01d16f9b9e324e8.svg#icomoon-buk) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" bki-"],
[class^=bki-] {
    font-family: icomoon-buk;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bki-generic_file:before {
    content: "";
    color: #2f4daa
}

.bki-laborum:before {
    content: ""
}

.bki-folder:before {
    content: ""
}

.bki-gift:before {
    content: ""
}

.bki-vacation:before {
    content: ""
}

.bki-cal-time:before {
    content: ""
}

.bki-rocket:before {
    content: ""
}

.bki-love:before {
    content: ""
}

.bki-superhero:before {
    content: ""
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@media(max-width:958px) {
    .look-and-feel-v1.sidebar-open .main-sidebar {
        transform: translate(0)
    }
}

.look-and-feel-v1 .main-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 50px;
    width: 230px;
    z-index: 810
}

@media(max-width:958px) {
    .look-and-feel-v1 .main-sidebar {
        transform: translate(-230px)
    }
}

.look-and-feel-v1 .main-sidebar .sidebar .sidebar_icon {
    display: none
}

.look-and-feel-v1 .sidebar {
    padding-bottom: 10px;
    height: calc(100vh - 50px);
    overflow: auto
}

.look-and-feel-v1 .sidebar-form input:focus {
    border-color: transparent
}

.look-and-feel-v1 .sidebar-toggle {
    font-family: Font Awesome\ 5 Free!important;
    font-weight: 900
}

.look-and-feel-v1 .user-panel {
    width: 100%;
    padding: 10px;
    overflow: hidden
}

.look-and-feel-v1 .user-panel:after {
    display: block;
    clear: both;
    content: ""
}

.look-and-feel-v1 .user-panel>.image>img {
    width: 100%;
    max-width: 45px;
    height: auto
}

.look-and-feel-v1 .user-panel>.info {
    padding: 5px 5px 5px 15px;
    line-height: 1;
    position: absolute;
    left: 55px
}

.look-and-feel-v1 .user-panel>.info>p {
    font-weight: 600;
    margin-bottom: 9px
}

.look-and-feel-v1 .user-panel>.info>a {
    text-decoration: none;
    padding-right: 5px;
    margin-top: 3px;
    font-size: .75rem
}

.look-and-feel-v1 .user-panel>.info>a>.material-icons,
.look-and-feel-v1 .user-panel>.info>a>.material-icons-outlined {
    margin-right: 8px
}

.look-and-feel-v1 .sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.look-and-feel-v1 .sidebar-menu>li {
    margin: 0;
    padding: 0
}

.look-and-feel-v1 .sidebar-menu>li a .sidebar_text {
    margin-left: 8px
}

.look-and-feel-v1 .sidebar-menu>li ul li a .treeview_icon .material-icons-outlined {
    font-size: 16px
}

.look-and-feel-v1 .sidebar-menu>li ul li a .sidebar_text {
    margin-left: 8px
}

.look-and-feel-v1 .sidebar-menu>li>a {
    padding: 11px 5px 11px 11px;
    display: block
}

.look-and-feel-v1 .sidebar-menu>li>a .treeview_icon {
    display: flex;
    flex-direction: row;
    align-items: center
}

.look-and-feel-v1 .sidebar-menu>li>a .treeview_icon .material-icons,
.look-and-feel-v1 .sidebar-menu>li>a .treeview_icon .material-icons-outlined {
    font-size: 16px
}

.look-and-feel-v1 .sidebar-menu>li>a>.material-icons,
.look-and-feel-v1 .sidebar-menu>li>a>.material-icons-outlined {
    font-size: 16px!important
}

.look-and-feel-v1 .sidebar-menu>li .badge {
    margin-right: 5px
}

.look-and-feel-v1 .sidebar-menu li.header {
    text-transform: uppercase;
    padding: 9px 25px 10px 15px;
    font-size: .75rem
}

.look-and-feel-v1 .sidebar-menu li>a>.fa-angle-left,
.look-and-feel-v1 .sidebar-menu li>a>.pull-right-container>.fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
    transition: transform .5s ease
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v1 .sidebar-menu li>a>.fa-angle-left,
    .look-and-feel-v1 .sidebar-menu li>a>.pull-right-container>.fa-angle-left {
        transition: none
    }
}

.look-and-feel-v1 .sidebar-menu li>a>.fa-angle-left {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px
}

.look-and-feel-v1 .sidebar-menu .menu-open>a>.fa-angle-left,
.look-and-feel-v1 .sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left {
    transform: rotate(-90deg)
}

.look-and-feel-v1 .sidebar-menu .active>.treeview-menu {
    display: block
}

@media(max-width:958px) {
    .look-and-feel-v2.sidebar-open .main-sidebar {
        transform: translate(0)
    }
}

.look-and-feel-v2 .main-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 60px;
    width: 230px;
    z-index: 810;
    transition: all .5s ease
}

@media(max-width:958px) {
    .look-and-feel-v2 .main-sidebar {
        transform: translate(-230px)
    }
}

.look-and-feel-v2 .main-sidebar .sidebar_icon {
    display: none
}

.look-and-feel-v2 .main-sidebar .sidebar {
    padding-bottom: 10px;
    height: calc(100vh - 60px);
    overflow: auto
}

.look-and-feel-v2 .main-sidebar .sidebar .sidebar_logo {
    height: 91px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4px
}

.look-and-feel-v2 .main-sidebar .sidebar .sidebar_logo .logo {
    display: flex;
    justify-content: center;
    height: 68%;
    width: 87%;
    margin-bottom: 0
}

.look-and-feel-v2 .main-sidebar .sidebar .sidebar_logo .logo-mini {
    display: none
}

.look-and-feel-v2 .main-sidebar .sidebar .sidebar_logo .logo-lg {
    display: flex
}

.look-and-feel-v2 .main-sidebar .sidebar .sidebar_logo .logo-lg img {
    height: 65px;
    width: 100%
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree {
    list-style: none;
    margin: 0;
    padding: 0
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li .treeview_icon {
    width: 18px;
    display: flex;
    align-items: center
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li .treeview_icon .material-icons {
    font-size: 16px
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.treeview>a {
    font-weight: 700;
    padding: 10px 13px;
    border-radius: 0 24px 24px 0;
    display: flex;
    width: 100%;
    height: 40px
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.treeview>a .sidebar_text {
    display: block;
    width: 170px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    overflow: hidden;
    white-space: nowrap;
    float: left
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.treeview>a>.fa-angle-left,
.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.treeview>a>.pull-right-container .fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    position: absolute;
    right: 0;
    margin-top: 3px;
    transition: transform .5s ease;
    transform: rotate(0deg)
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.treeview>a>.fa-angle-left,
    .look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.treeview>a>.pull-right-container .fa-angle-left {
        transition: none
    }
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li>ul.treeview-menu li:not(.treeview) a {
    width: 90%;
    border-radius: 0 24px 24px 0;
    font-weight: 400;
    display: flex;
    align-items: center
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li>ul.treeview-menu>li .sidebar_text {
    margin-left: 8px
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li>ul.treeview-menu>li.active a {
    width: 90%;
    font-weight: 400
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li>ul.treeview-menu>li.treeview>a {
    width: 100%;
    font-weight: 400;
    display: flex;
    align-items: center
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li>ul.treeview-menu>li.treeview>ul.treeview-menu>li .sidebar_text {
    margin-left: 0
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li>ul.treeview-menu>li.treeview>ul.treeview-menu>li.active a {
    font-weight: 400;
    width: 90%;
    border-radius: 0 24px 24px 0
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>a .fa-angle-left,
.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>a .pull-right-container .fa-angle-left {
    color: #f9b82d;
    margin-top: 3px;
    transition: transform .5s ease;
    transform: rotate(-90deg)
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>a .fa-angle-left,
    .look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>a .pull-right-container .fa-angle-left {
        transition: none
    }
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu .material-icons {
    font-size: 16px!important
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li a {
    width: 90%;
    border-radius: 0 24px 24px 0;
    display: flex;
    align-items: center
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li a .treeview_icon {
    width: 18px;
    display: flex;
    align-items: center
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li a .sidebar_text {
    display: block;
    width: 140px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    margin-left: 8px
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.active a {
    width: 90%;
    border-radius: 0 24px 24px 0
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview a {
    width: 100%;
    display: flex;
    align-items: center
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview a>.fa-angle-left,
.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview a>.pull-right-container .fa-angle-left {
    transition: transform .5s ease;
    transform: rotate(0deg)
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview a>.fa-angle-left,
    .look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview a>.pull-right-container .fa-angle-left {
        transition: none
    }
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview ul.treeview-menu>li>a {
    width: 90%
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview ul.treeview-menu>li>a .treeview_icon {
    width: 5px
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview ul.treeview-menu>li>a .treeview_icon span {
    display: none
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview ul.treeview-menu>li>a .sidebar_text {
    width: 90%
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview ul.treeview-menu>li.active>a {
    width: 90%;
    border-radius: 0 24px 24px 0
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview.menu-open>a {
    padding: 9px 0 9px 20px
}

.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview.menu-open>a>.fa-angle-left,
.look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview.menu-open>a>.pull-right-container .fa-angle-left {
    color: #f9b82d;
    transition: transform .5s ease;
    transform: rotate(-90deg)
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview.menu-open>a>.fa-angle-left,
    .look-and-feel-v2 .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview.menu-open>a>.pull-right-container .fa-angle-left {
        transition: none
    }
}

@media(max-width:958px) {
    .sidebar>.sidebar_logo .logo {
        display: none
    }
}

.sidebar-wrapper {
    display: flex;
    height: 100%;
    left: 0;
    margin-top: 3.75rem;
    padding-bottom: 3.75rem;
    position: absolute;
    top: 0;
    transition: all .5s ease-in-out;
    z-index: 810
}

.sidebar-wrapper .show_admin,
.sidebar-wrapper .show_colaborador {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.sidebar-wrapper .show_admin.active,
.sidebar-wrapper .show_colaborador.active {
    height: auto;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    visibility: visible
}

.sidebar-wrapper .show_admin #buk .sidebar__menu__wrapernav {
    height: calc(100vh - 330px)
}

@media screen and (max-width:959px) {
    .sidebar-wrapper .show_admin #buk .sidebar__menu__wrapernav {
        height: calc(100vh - 270px)
    }
}

.sidebar-wrapper .show_admin .sidebar__menu__wrapernav {
    height: calc(100vh - 230px)
}

@media screen and (max-width:959px) {
    .sidebar-wrapper .show_admin .sidebar__menu__wrapernav {
        height: calc(100vh - 175px)
    }
}

.sidebar-wrapper .show_colaborador .sidebar__menu__wrapernav {
    height: calc(100vh - 416px)
}

.sidebar-wrapper .sidebar__min {
    background: #223a92;
    position: absolute;
    width: 56px;
    z-index: 9999;
    height: 100%;
    transition: .5s
}

.sidebar-wrapper .sidebar__min__admin {
    padding-top: 6.25rem
}

.sidebar-wrapper .sidebar__min__avatar {
    height: 200px
}

.sidebar-wrapper .sidebar__min__avatar-content {
    opacity: 0;
    padding: 2rem .75rem 0;
    transition: opacity .3s
}

.sidebar-wrapper .sidebar__min__avatar-content img {
    width: 100%
}

.sidebar-wrapper .sidebar__min .nav {
    display: flex;
    flex-direction: column
}

.sidebar-wrapper .sidebar__min .nav a {
    align-items: center;
    background: transparent;
    border-right: .1875rem solid transparent;
    color: #fff;
    display: flex;
    height: 41px;
    justify-content: flex-start;
    margin: 0 0 .75rem .5rem;
    transition: all .3s;
    width: 48px;
    border-top-left-radius: .5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: .5rem
}

.sidebar-wrapper .sidebar__min .nav a:hover {
    background: #2f4daa
}

.sidebar-wrapper .sidebar__min .nav a.blocked span {
    color: #6c87d8
}

.sidebar-wrapper .sidebar__min .nav a.active {
    background: #172a7a;
    border-right: .1875rem solid #fbcf60;
    color: #fbcf60
}

.sidebar-wrapper .sidebar__min .nav a span {
    font-size: 1.25rem
}

.sidebar-wrapper .sidebar__menu {
    background: #2f4daa;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: .75rem;
    transition: all .5s ease;
    width: 236px;
    margin-left: 56px
}

.sidebar-wrapper .sidebar__menu__content {
    padding: 0 .5rem
}

.sidebar-wrapper .sidebar__menu__content::-webkit-scrollbar-track {
    background: transparent;
    border-radius: .25rem
}

.sidebar-wrapper .sidebar__menu__content .tab-content {
    background: transparent;
    padding: 0
}

.sidebar-wrapper .sidebar__menu__content .tab-content .nav li a {
    align-items: center;
    display: flex
}

.sidebar-wrapper .sidebar__menu__content .tab-content .nav li a.blocked span {
    color: #6c87d8
}

.sidebar-wrapper .sidebar__menu__content .tab-content .nav li a.active {
    background: #223a92;
    color: #fbcf60!important;
    font-weight: 600
}

.look-and-feel-v1 .sidebar-wrapper .sidebar__menu__content .tab-content .nav .nav-tabs-custom>.nav-tabs>li.blocked,
.sidebar-wrapper .sidebar__menu__content .tab-content .nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.blocked,
.sidebar-wrapper .sidebar__menu__content .tab-content .nav .nav-item.blocked {
    padding: .75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.look-and-feel-v1 .sidebar-wrapper .sidebar__menu__content .tab-content .nav .nav-tabs-custom>.nav-tabs>li.blocked span,
.sidebar-wrapper .sidebar__menu__content .tab-content .nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.blocked span,
.sidebar-wrapper .sidebar__menu__content .tab-content .nav .nav-item.blocked span {
    color: #6c87d8
}

.sidebar-wrapper .sidebar__menu__logo {
    display: flex
}

.sidebar-wrapper .sidebar__menu__logo img {
    width: auto;
    margin: auto;
    height: auto;
    max-height: 100px;
    max-width: 210px
}

.sidebar-wrapper .sidebar__menu__title {
    color: #fafbfd;
    display: flex;
    margin-bottom: .5rem;
    margin-top: 1rem;
    padding: .75rem
}

.sidebar-wrapper .sidebar__menu .chip {
    border-radius: 15px;
    font-weight: 600;
    text-indent: -1px
}

.sidebar-wrapper .sidebar__menu .chip.number {
    color: #223a92!important;
    min-width: 17px
}

.sidebar-wrapper .sidebar__menu__wrapernav {
    margin-right: -.25rem;
    overflow-y: scroll;
    padding-right: .5rem
}

.sidebar-wrapper .sidebar__menu__nav {
    border-radius: .25rem;
    overflow: hidden
}

.sidebar-wrapper .sidebar__menu__nav li {
    margin-bottom: .25rem;
    width: 100%
}

.sidebar-wrapper .sidebar__menu__nav li .caret {
    color: #f9b82d;
    transition: all .15s ease
}

.sidebar-wrapper .sidebar__menu__nav li a {
    background: transparent;
    border-radius: .5rem;
    color: #fff;
    padding: .75rem;
    transition: all .35s;
    width: 100%
}

.sidebar-wrapper .sidebar__menu__nav li a:focus,
.sidebar-wrapper .sidebar__menu__nav li a:hover {
    background: #2a469d;
    color: #fff
}

.sidebar-wrapper .sidebar__menu__nav li .dropdown-toggle:after {
    display: none
}

.sidebar-wrapper .sidebar__menu__nav-submenu li a {
    padding-left: 44px
}

.sidebar-wrapper .sidebar__menu__icon {
    font-size: 1rem;
    margin-right: .75rem
}

.sidebar-wrapper .sidebar__menu__icon__link-blocked {
    width: 2.4rem;
    font-size: 1rem
}

.sidebar-wrapper .sidebar__menu__icon-blocked {
    font-size: 1rem;
    width: 2rem
}

.sidebar-wrapper .sidebar__menu__footer {
    border-top: 1px solid rgba(217, 226, 249, .18823529411764706);
    margin: 0 .5rem;
    padding: 1.5rem 0
}

.sidebar-wrapper .sidebar__menu__footer-content {
    background: #6c87d8;
    border-radius: .75rem;
    display: flex;
    justify-content: space-between;
    padding: .25rem
}

.sidebar-wrapper .sidebar__menu__footer-content a {
    border: 0;
    border-radius: .5rem;
    color: #172a7a;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 500;
    padding: .5rem .25rem!important;
    text-align: center;
    width: 49%
}

.sidebar-wrapper .sidebar__menu__footer-content a.active {
    background: #fff;
    color: #172a7a
}

.sidebar-wrapper .sidebar__user {
    border-bottom: 1px solid rgba(217, 226, 249, .18823529411764706);
    color: #fff;
    display: flex
}

.sidebar-wrapper .sidebar__user-avatar {
    width: 55px
}

.sidebar-wrapper .sidebar__user-avatar img {
    width: 100%
}

.sidebar-wrapper .sidebar__user-account {
    display: flex;
    flex-direction: column
}

.sidebar-wrapper .sidebar__user-account span {
    font-weight: 300
}

.sidebar-wrapper .sidebar__text {
    width: 76%
}

.sidebar-collapse .sidebar__menu,
.sidebar-open .sidebar__menu {
    margin-left: -236px!important
}

@media screen and (min-width:959px) {
    .sidebar_v2.sidebar-collapse .content-wrapper {
        margin-left: 57px!important
    }
}

.sidebar_v2.sidebar-collapse .sidebar__min__avatar-content {
    opacity: 1
}

.sidebar_v2 .wrapper .content-wrapper {
    margin-left: 292px
}

@media screen and (max-width:959px) {
    .sidebar_v2 .wrapper .content-wrapper {
        margin-left: 0
    }
}

@media screen and (max-width:959px) {
    .sidebar-wrapper {
        margin-top: 0;
        padding-bottom: 0;
        transform: translate(-100%);
        z-index: 1032
    }
    .sidebar-wrapper .sidebar__menu {
        z-index: 9999
    }
    .sidebar-collapse .sidebar-wrapper .sidebar__menu,
    .sidebar-open .sidebar-wrapper .sidebar__menu {
        margin-left: 56px!important
    }
    .sidebar-open .sidebar-wrapper {
        margin-left: 0;
        transform: translate(0)
    }
    .sidebar-wrapper+.sidebar-background {
        background-color: rgba(0, 0, 0, .3);
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1031;
        opacity: 0
    }
}

.menu_min__tooltip .tooltip-inner {
    background-color: #d9e2f9;
    color: #172a7a;
    font-family: Inter, sans-serif;
    font-weight: 600;
    border-radius: 1rem;
    padding: .25rem .5rem;
    display: flex;
    align-items: center
}

.menu_min__tooltip .tooltip-inner .material-icons {
    font-size: 1rem
}

.menu_min__tooltip.bs-tooltip-auto[x-placement^=right] .arrow,
.menu_min__tooltip.bs-tooltip-right .arrow {
    height: .4rem;
    top: 10px!important;
    left: 1px
}

.menu_min__tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before,
.menu_min__tooltip.bs-tooltip-right .arrow:before {
    border-width: .2rem .4rem .2rem 0;
    border-right-color: #d9e2f9
}

.menu_min__tooltip.show {
    opacity: 1
}

@media(min-width:960px) {
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .content-wrapper,
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .main-footer,
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .right-side {
        margin-left: 50px!important;
        z-index: 840
    }
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .main-sidebar {
        width: 50px!important;
        z-index: 850
    }
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-menu>li {
        position: relative
    }
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
        margin-right: 0;
        width: 40px
    }
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
        border-top-right-radius: 4px
    }
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
        border-bottom-right-radius: 4px
    }
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px
    }
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-form,
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.float-right,
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.process-actions,
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right-container,
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>button.upload-result,
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .sidebar-menu li.header {
        display: none!important;
        transform: translateZ(0)
    }
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .main-header .logo {
        width: 50px
    }
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 1.125rem
    }
    .look-and-feel-v1.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
        display: none
    }
}

@media(min-width:320px) {
    .look-and-feel-v1.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
        position: relative!important;
        float: right;
        width: auto!important;
        left: 180px!important;
        top: -22px!important;
        z-index: 900
    }
    .look-and-feel-v1.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.badge:not(:first-of-type) {
        display: none
    }
    .look-and-feel-v1.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        top: 44px;
        margin-left: 0
    }
}

.look-and-feel-v1 .sidebar-expanded-on-hover .content-wrapper,
.look-and-feel-v1 .sidebar-expanded-on-hover .main-footer {
    margin-left: 50px
}

.look-and-feel-v1 .sidebar-expanded-on-hover .main-sidebar {
    box-shadow: 3px 0 8px rgba(0, 0, 0, .125)
}

.look-and-feel-v1 .main-sidebar .user-panel,
.look-and-feel-v1 .sidebar-menu,
.look-and-feel-v1 .sidebar-menu>li.header {
    white-space: nowrap;
    overflow: hidden
}

.look-and-feel-v1 .sidebar-menu:hover {
    overflow: visible
}

.look-and-feel-v1 .sidebar-form,
.look-and-feel-v1 .sidebar-menu>li.header {
    overflow: hidden;
    text-overflow: clip
}

.look-and-feel-v1 .sidebar-menu li>a {
    position: relative;
    display: flex
}

.look-and-feel-v1 .sidebar-menu li>a>.pull-right-container {
    position: absolute;
    right: 10px
}

@media(min-width:960px) {
    .look-and-feel-v2.sidebar-mini.sidebar-collapse .main-footer,
    .look-and-feel-v2.sidebar-mini.sidebar-collapse .right-side {
        margin-left: 60px!important
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse .content-wrapper {
        margin-left: 60px
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse .main-sidebar {
        width: 60px!important;
        z-index: 850
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse .main-sidebar .logo {
        width: 50px
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse .main-sidebar .logo>.logo-mini {
        display: flex;
        align-items: center;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 1.125rem
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse .main-sidebar .logo>.logo-lg {
        display: none
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse ul.sidebar-menu.tree>li {
        position: relative
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse ul.sidebar-menu.tree>li a>.pull-right-container {
        opacity: 0;
        transition: .1s ease-in-out
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse ul.sidebar-menu.tree>li.menu-open a {
        width: 45px!important;
        transition: .3s ease-in-out
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse ul.sidebar-menu.tree>li.menu-open a .sidebar_text {
        width: 0!important
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse ul.sidebar-menu.tree>li.menu-open ul li .treeview-menu {
        display: none!important
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse ul.sidebar-menu.tree>li.menu-open ul li a>.pull-right-container {
        opacity: 0;
        transition: .1s ease-in-out
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse ul.sidebar-menu.tree>li>a {
        padding: 10px;
        text-align: center;
        margin-right: 0
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse ul.sidebar-menu.tree>li>ul>li>a {
        padding: 9px 0 9px 15px!important;
        width: 44px!important;
        transition: width .3s
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse ul.sidebar-menu.tree>li>ul>li>a .sidebar_text {
        width: 0!important;
        margin-left: 8px!important
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse ul.sidebar-menu.tree>li>ul>li>a>.material-icons,
    .look-and-feel-v2.sidebar-mini.sidebar-collapse ul.sidebar-menu.tree>li>ul>li>a>i {
        font-size: 20px
    }
    .look-and-feel-v2.sidebar-mini.sidebar-collapse .sidebar_icon {
        display: inline-flex
    }
}

.look-and-feel-v2 .sidebar-menu li>a {
    position: relative
}

.look-and-feel-v2 .sidebar-menu li>a>.pull-right-container {
    position: absolute;
    right: 9px;
    opacity: 1;
    transition: 1s ease-in-out
}

.global-employee-search .input-group {
    border: 1px solid #d2d6de;
    border-radius: 3px
}

.global-employee-search .input-group .tt-input {
    width: 223px;
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis
}

.global-employee-search .input-group .tt-input:focus,
.global-employee-search .input-group .tt-input:hover {
    border: 0
}

.global-employee-search .input-group .input-group-append .input-group-text {
    color: #6a85a1;
    border: 0;
    border-radius: 0 3px 3px 0
}

.global-employee-search .input-group .form-control,
.global-employee-search .input-group .select2-selection,
.global-employee-search .input-group .vue-treeselect__control {
    border: 0;
    border-radius: 3px 0 0 3px
}

.global-employee-search .tt-menu {
    background-color: #fff;
    width: 262px;
    max-height: 150px;
    overflow-y: auto;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16)
}

.global-employee-search .tt-menu .tt-suggestion {
    width: 100%;
    cursor: pointer;
    padding: 6px;
    display: inline-flex
}

.global-employee-search .tt-menu .tt-suggestion .name {
    font-size: .875rem;
    line-height: 1.125rem;
    color: #222d32;
    width: 205px;
    padding: 6px 8px
}

.global-employee-search .tt-menu .tt-suggestion .status-icon {
    font-size: 8px;
    position: absolute
}

.global-employee-search .tt-menu .tt-suggestion .direct-chat-img {
    float: none;
    width: 30px;
    height: 30px
}

.global-employee-search .tt-menu .tt-suggestion .status-code {
    width: auto;
    height: 13px;
    margin: auto 0
}

.global-employee-search .tt-menu .tt-suggestion.tt-cursor,
.global-employee-search .tt-menu .tt-suggestion:hover {
    background-color: #d8e8f2
}

.global-employee-search .tt-menu .no-results {
    line-height: 1.25rem;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 10px
}

.look-and-feel-v1 .skin-yellow-light .main-header .navbar.navbar-freemium .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1 .skin-yellow-light .main-header .navbar.navbar-freemium .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.skin-yellow-light .main-header .navbar.navbar-freemium .look-and-feel-v1 .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.skin-yellow-light .main-header .navbar.navbar-freemium .look-and-feel-v1 .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.skin-yellow-light .main-header .navbar.navbar-freemium .navbar-nav>li.nav-item>a.nav-link {
    color: #1a4570
}

.look-and-feel-v2 .global-employee-search .input-group {
    border: 0;
    border-radius: 6px
}

.look-and-feel-v2 .global-employee-search .input-group .tt-input {
    width: 261px
}

.look-and-feel-v2 .global-employee-search .input-group .form-control,
.look-and-feel-v2 .global-employee-search .input-group .form-control:focus,
.look-and-feel-v2 .global-employee-search .input-group .form-control:hover {
    border: 0
}

.look-and-feel-v2 .search-open .navbar-nav {
    width: 100%
}

.look-and-feel-v1 .look-and-feel-v2 .skin-yellow-light .main-header .navbar.navbar-freemium .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .skin-yellow-light .main-header .navbar.navbar-freemium .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v2 .skin-yellow-light .main-header .navbar.navbar-freemium .look-and-feel-v1 .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v2 .skin-yellow-light .main-header .navbar.navbar-freemium .look-and-feel-v1 .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v2 .skin-yellow-light .main-header .navbar.navbar-freemium .navbar-nav>li.nav-item>a.nav-link {
    color: #223a92
}

@media only screen and (max-width:959px) {
    .look-and-feel-v2 .search-open .form-inline {
        width: calc(100% - 16px)
    }
    .look-and-feel-v2 .search-open .form-inline .global-employee-search .twitter-typeahead,
    .look-and-feel-v2 .search-open .form-inline .search-bar .global-employee-search .twitter-typeahead {
        width: 100%
    }
    .look-and-feel-v1 .search-open .form-inline {
        width: calc(100% - 34px)
    }
    .close-search-bar,
    .search-bar,
    .search-open li:not(.sidebar-toggle) {
        display: none
    }
    .search-open .close-search-bar {
        cursor: pointer;
        display: block;
        pointer-events: fill
    }
    .search-open .form-inline .search-bar {
        display: block;
        width: 100%
    }
    .search-open .form-inline .search-bar .form-control-feedback {
        z-index: 3
    }
    .search-open .form-inline .search-bar .global-employee-search .twitter-typeahead {
        width: calc(100% - 34px)
    }
    .search-open .form-inline .search-bar .global-employee-search .tt-menu,
    .search-open .form-inline .search-bar .global-employee-search .tt-menu .tt-suggestion,
    .search-open .form-inline .search-bar .global-employee-search .tt-menu .tt-suggestion .name,
    .search-open .form-inline .search-bar .global-employee-search .twitter-typeahead .tt-input {
        width: 100%
    }
}

.look-and-feel-v1 .main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030
}

.look-and-feel-v1 .main-header .navbar {
    transition: margin-left .3s ease-in-out;
    margin-bottom: 0;
    height: 50px;
    border-radius: 0;
    padding: 0
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v1 .main-header .navbar {
        transition: none
    }
}

.look-and-feel-v1 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.look-and-feel-v1 .main-header .navbar a.nav-link {
    color: #fff;
    padding: 13px 12px;
    position: relative
}

.look-and-feel-v1 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .badge,
.look-and-feel-v1 .main-header .navbar a.nav-link .badge {
    position: absolute;
    right: 4px;
    top: 4px
}

.look-and-feel-v1 .main-header .navbar .help-menu {
    font-size: larger
}

.look-and-feel-v1 .main-header .navbar .help-menu .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .main-header .navbar .help-menu a.nav-link {
    padding: 11px
}

.look-and-feel-v1 .main-header .navbar .dropdown-toggle:after {
    display: none
}

.look-and-feel-v1 .main-header .navbar .dropdown-menu {
    position: absolute
}

.look-and-feel-v1 .main-header .navbar .lgbt {
    background: linear-gradient(180deg, #fe0000 16.66%, #fd8c00 0, 33.32%, #ffe500 33.32%, 49.98%, #119f0b 49.98%, 66.64%, #0644b3 66.64%, 83.3%, #c22edc 83.3%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.look-and-feel-v1 .main-header .sidebar-toggle {
    width: 50px;
    text-align: center
}

.look-and-feel-v1 .main-header .logo {
    transition: width .3s ease-in-out;
    display: block;
    height: 50px;
    font-size: 1.25rem;
    line-height: 3.125rem;
    text-align: center;
    width: 230px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    overflow: hidden
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v1 .main-header .logo {
        transition: none
    }
}

.look-and-feel-v1 .main-header .logo .logo-lg {
    display: block
}

.look-and-feel-v1 .main-header .logo .logo-mini {
    display: none
}

.look-and-feel-v1 .main-header .navbar-brand {
    color: #fff
}

.look-and-feel-v1 .main-header .nav-tabs-custom>.nav-tabs.navbar-collapse>li,
.look-and-feel-v1 .main-header .nav-tabs-custom>.nav-tabs.navbar-collapse>li>a.dropdown-toggle,
.look-and-feel-v1 .main-header .nav-tabs-custom>.nav-tabs.navbar-collapse>li>a.nav-link,
.look-and-feel-v1 .main-header .nav-tabs-custom>.nav-tabs.navbar-nav>li,
.look-and-feel-v1 .main-header .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1 .main-header .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1 .main-header .navbar-collapse,
.look-and-feel-v1 .main-header .navbar-collapse>li.nav-item,
.look-and-feel-v1 .main-header .navbar-collapse>li.nav-item>a.nav-link,
.look-and-feel-v1 .main-header .navbar-nav,
.look-and-feel-v1 .main-header .navbar-nav>li.nav-item,
.look-and-feel-v1 .main-header .navbar-nav>li.nav-item>a.nav-link {
    height: 50px
}

@media(max-width:1080px) {
    .look-and-feel-v1 .main-header .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle span.hidden-sm,
    .look-and-feel-v1 .main-header a.nav-link span.hidden-sm {
        display: none
    }
}

@media(max-width:1366px) {
    .look-and-feel-v1 .main-header .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle span.hidden-md,
    .look-and-feel-v1 .main-header a.nav-link span.hidden-md {
        display: none
    }
}

.look-and-feel-v1 .navbar-custom-menu .navbar-nav>li>a {
    height: 50px
}

@media(max-width:991px) {
    .look-and-feel-v1 .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        right: 2px
    }
}

.look-and-feel-v1 .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.look-and-feel-v1 .navbar-nav {
    flex-direction: row
}

@media(max-width:958px) {
    .look-and-feel-v1 .main-header {
        position: relative
    }
    .look-and-feel-v1 .main-header .navbar {
        width: 100%;
        float: none
    }
    .look-and-feel-v1 .main-header .navbar .logo {
        display: none
    }
    .look-and-feel-v1 .main-header .navbar-custom-menu {
        float: right
    }
}

.look-and-feel-v1 .user-menu {
    font-size: 24px;
    line-height: 30px
}

.look-and-feel-v1 .user-menu a {
    display: inline-flex
}

.look-and-feel-v1 .user-menu .user-name {
    font-size: .875rem;
    line-height: 1.5rem
}

.look-and-feel-v1 .user-menu .fas .fa-user-circle {
    font-size: larger
}

.look-and-feel-v2 .main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030
}

.look-and-feel-v2 .main-header .navbar {
    transition: margin-left .3s ease-in-out;
    margin-bottom: 0;
    height: 60px;
    border-radius: 0;
    padding: 8px 12px;
    box-shadow: 0 2px 6px rgba(36, 37, 39, .16), 0 1px 2px rgba(36, 37, 39, .24)
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v2 .main-header .navbar {
        transition: none
    }
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2 .main-header .navbar li.nav-item a.nav-link {
    height: 44px;
    width: 44px;
    position: relative;
    border-radius: 4px;
    padding: 13px 12px
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user,
.look-and-feel-v2 .main-header .navbar li.nav-item a.nav-link.nav-link-user {
    padding: 5px 7px 5px 11px;
    align-items: center
}

@media only screen and (max-width:959px) {
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user,
    .look-and-feel-v2 .main-header .navbar li.nav-item a.nav-link.nav-link-user {
        padding: 5px 7px
    }
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-text.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-text,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-text.dropdown-toggle,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-text,
.look-and-feel-v2 .main-header .navbar li.nav-item a.nav-link.nav-link-text {
    width: auto
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .badge,
.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .badge,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .badge,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .badge,
.look-and-feel-v2 .main-header .navbar li.nav-item a.nav-link .badge {
    position: absolute;
    right: 4px;
    top: 4px
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .app-switcher-menu.dropdown-menu,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .app-switcher-menu.dropdown-menu,
.look-and-feel-v2 .main-header .navbar li.nav-item .app-switcher-menu.dropdown-menu {
    width: 308px;
    padding: 1rem .25rem .5rem 1rem
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .app-switcher-menu .material-icons,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .app-switcher-menu .material-icons,
.look-and-feel-v2 .main-header .navbar li.nav-item .app-switcher-menu .material-icons {
    color: #6c87d8
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado,
.look-and-feel-v2 .main-header .navbar li.nav-item .app-switcher-menu__listado {
    max-height: 368px;
    overflow: auto;
    padding-right: .75rem
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado .bux-card,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado .bux-card,
.look-and-feel-v2 .main-header .navbar li.nav-item .app-switcher-menu__listado .bux-card {
    background: #fafbfd;
    margin-bottom: .25rem;
    padding: .5rem 1rem;
    border-radius: .5rem
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado .bux-card-head,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado .bux-card-head,
.look-and-feel-v2 .main-header .navbar li.nav-item .app-switcher-menu__listado .bux-card-head {
    padding: 0
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado .bux-card-head .head-avatar,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado .bux-card-head .head-avatar,
.look-and-feel-v2 .main-header .navbar li.nav-item .app-switcher-menu__listado .bux-card-head .head-avatar {
    height: 48px;
    min-width: 48px;
    width: 48px
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado .bux-card:hover,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado .bux-card:hover,
.look-and-feel-v2 .main-header .navbar li.nav-item .app-switcher-menu__listado .bux-card:hover {
    background: rgba(47, 77, 170, .16)
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado .bux-card.active,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado .bux-card.active,
.look-and-feel-v2 .main-header .navbar li.nav-item .app-switcher-menu__listado .bux-card.active {
    background: #e4e5e7
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado hr,
.look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .app-switcher-menu__listado hr,
.look-and-feel-v2 .main-header .navbar li.nav-item .app-switcher-menu__listado hr {
    border-top-color: #c1c2c4!important
}

.look-and-feel-v2 .main-header .navbar li.user-menu {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #242527
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar li.user-menu .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar li.user-menu .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.look-and-feel-v2 .main-header .navbar li.user-menu .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2 .main-header .navbar li.user-menu .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link,
.look-and-feel-v2 .main-header .navbar li.user-menu a.nav-link {
    display: inline-flex;
    padding: 7px 12px
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .navbar li.user-menu .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .user-name,
.look-and-feel-v2 .main-header .navbar li.user-menu .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .user-name,
.look-and-feel-v2 .main-header .navbar li.user-menu a.nav-link .user-name {
    font-size: .875rem;
    line-height: 1.5rem
}

.look-and-feel-v2 .main-header .navbar li.user-menu .material-icons,
.look-and-feel-v2 .main-header .navbar li.user-menu .material-icons-outlined {
    font-size: 1.875rem
}

.look-and-feel-v2 .main-header .navbar .dropdown-toggle:after {
    display: none
}

.look-and-feel-v2 .main-header .navbar .dropdown-menu {
    position: absolute
}

.look-and-feel-v2 .main-header .navbar .lgbt {
    background: linear-gradient(180deg, #fe0000 16.66%, #fd8c00 0, 33.32%, #ffe500 33.32%, 49.98%, #119f0b 49.98%, 66.64%, #0644b3 66.64%, 83.3%, #c22edc 83.3%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.look-and-feel-v2 .main-header .sidebar-toggle {
    width: 50px;
    text-align: center
}

.look-and-feel-v2 .main-header .navbar-brand {
    color: #fafbfd
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .nav-tabs-custom>.nav-tabs.navbar-collapse>li.nav-item-text,
.look-and-feel-v1 .look-and-feel-v2 .main-header .nav-tabs-custom>.nav-tabs.navbar-nav>li.nav-item-text,
.look-and-feel-v2 .main-header .look-and-feel-v1 .nav-tabs-custom>.nav-tabs.navbar-collapse>li.nav-item-text,
.look-and-feel-v2 .main-header .look-and-feel-v1 .nav-tabs-custom>.nav-tabs.navbar-nav>li.nav-item-text,
.look-and-feel-v2 .main-header .navbar-collapse>li.nav-item.nav-item-text,
.look-and-feel-v2 .main-header .navbar-nav>li.nav-item.nav-item-text {
    width: auto
}

.look-and-feel-v1 .look-and-feel-v2 .main-header .nav-tabs-custom>.nav-tabs.navbar-collapse>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .main-header .nav-tabs-custom>.nav-tabs.navbar-collapse>li>a.nav-link,
.look-and-feel-v1 .look-and-feel-v2 .main-header .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .main-header .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v2 .main-header .look-and-feel-v1 .nav-tabs-custom>.nav-tabs.navbar-collapse>li>a.dropdown-toggle,
.look-and-feel-v2 .main-header .look-and-feel-v1 .nav-tabs-custom>.nav-tabs.navbar-collapse>li>a.nav-link,
.look-and-feel-v2 .main-header .look-and-feel-v1 .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v2 .main-header .look-and-feel-v1 .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v2 .main-header .navbar-collapse>li.nav-item>a.nav-link,
.look-and-feel-v2 .main-header .navbar-nav>li.nav-item>a.nav-link {
    height: 44px
}

@media(max-width:1080px) {
    .look-and-feel-v1 .look-and-feel-v2 .main-header .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle span.hidden-sm,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .nav-tabs-custom>.nav-tabs>li>a.nav-link span.hidden-sm,
    .look-and-feel-v2 .main-header .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle span.hidden-sm,
    .look-and-feel-v2 .main-header .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link span.hidden-sm,
    .look-and-feel-v2 .main-header a.nav-link span.hidden-sm {
        display: none
    }
}

@media(max-width:1366px) {
    .look-and-feel-v1 .look-and-feel-v2 .main-header .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle span.hidden-md,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .nav-tabs-custom>.nav-tabs>li>a.nav-link span.hidden-md,
    .look-and-feel-v2 .main-header .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle span.hidden-md,
    .look-and-feel-v2 .main-header .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link span.hidden-md,
    .look-and-feel-v2 .main-header a.nav-link span.hidden-md {
        display: none
    }
}

.look-and-feel-v2 .navbar-custom-menu .navbar-nav>li>a {
    height: 50px
}

@media(max-width:991px) {
    .look-and-feel-v2 .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        right: 2px
    }
}

.look-and-feel-v2 .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.look-and-feel-v2 .navbar-nav {
    flex-direction: row
}

@media(max-width:958px) {
    .look-and-feel-v2 .main-header {
        position: relative
    }
    .look-and-feel-v2 .main-header .navbar {
        width: 100%;
        float: none
    }
    .look-and-feel-v2 .main-header .navbar .logo {
        display: none
    }
    .look-and-feel-v2 .main-header .navbar-custom-menu {
        float: right
    }
}

.look-and-feel-v2 .box-account {
    border-radius: .5rem;
    text-align: center;
    box-shadow: 0 4px 8px rgba(36, 37, 39, .16), 0 8px 16px rgba(36, 37, 39, .1);
    margin-bottom: 24px
}

.look-and-feel-v2 .box-account h1 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: #091351
}

.look-and-feel-v2 .box-account p {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527
}

.look-and-feel-v2 .box-account .box-account_img {
    padding-top: 24px;
    padding-bottom: 24px
}

.look-and-feel-v2 .box-account .box-account_img img {
    width: 110px;
    height: 110px
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de
}

.form-control:focus {
    border-color: #3c8dbc;
    box-shadow: none
}

.form-control:-ms-input-placeholder,
.form-control::-moz-placeholder,
.form-control::-webkit-input-placeholder {
    color: #bbb;
    opacity: 1
}

.form-control:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-group.has-success label {
    color: #00a65a
}

.form-group.has-success .form-control {
    border-color: #00a65a;
    box-shadow: none
}

.form-group.has-success .help-block {
    color: #00a65a
}

.form-group.has-warning label {
    color: #f39c12
}

.form-group.has-warning .form-control {
    border-color: #f39c12;
    box-shadow: none
}

.form-group.has-warning .help-block {
    color: #f39c12
}

.form-group.has-error label {
    color: #dd4b39
}

.form-group.has-error .form-control {
    border-color: #dd4b39;
    box-shadow: none
}

.form-group.has-error .help-block {
    color: #dd4b39
}

li.select2-results__option:first-child:empty {
    display: none
}

.select2-search__field {
    min-width: 10em
}

#login-form-msg {
    padding: 5px 10px;
    margin-bottom: 0;
    border-radius: 0
}

input[type=checkbox].img-checkbox {
    display: none
}

input[type=checkbox].img-checkbox+label {
    cursor: pointer
}

input[type=checkbox].img-checkbox+label i.on {
    display: none
}

input[type=checkbox].img-checkbox+label i.off,
input[type=checkbox].img-checkbox:checked+label i.on {
    display: block
}

input[type=checkbox].img-checkbox:checked+label i.off {
    display: none
}

.formulario_dos {
    margin-right: 20px;
    margin-bottom: 10px
}

.mes_asistencia {
    max-width: 200px;
    width: 70%!important
}

.form-group.opciones-isapre {
    background-color: #ecf0f5;
    padding-top: 5px;
    border-radius: 6px
}

.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type,
.btn-group-vertical .look-and-feel-v2 .swal2-popup .swal2-actions .btn-flat.swal2-styled:first-of-type,
.btn-group-vertical .look-and-feel-v2 .swal2-popup .swal2-actions .btn-flat.swal2-styled:last-of-type,
.btn-group-vertical button.btn-flat.upload-result:first-of-type,
.btn-group-vertical button.btn-flat.upload-result:last-of-type,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical .btn-flat.swal2-styled:first-of-type,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical .btn-flat.swal2-styled:last-of-type {
    border-radius: 0
}

.icheck>label {
    padding-left: 0
}

.form-control-feedback.fa {
    line-height: 34px
}

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

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

.hr-separator {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%
}

.hr-separator:after,
.hr-separator:before {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #bbb
}

.hr-separator:before {
    margin-right: .25em
}

.hr-separator:after {
    margin-left: .25em
}

.look-and-feel-v2 .form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #e4e5e7
}

.look-and-feel-v2 .form-control:focus {
    border-color: #2f4daa;
    box-shadow: none
}

.look-and-feel-v2 .form-control:-ms-input-placeholder,
.look-and-feel-v2 .form-control::-moz-placeholder,
.look-and-feel-v2 .form-control::-webkit-input-placeholder {
    color: #656668;
    opacity: 1
}

.look-and-feel-v2 .form-control:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.look-and-feel-v2 .form-group.has-success label {
    color: #82d957
}

.look-and-feel-v2 .form-group.has-success .form-control {
    border-color: #82d957;
    box-shadow: none
}

.look-and-feel-v2 .form-group.has-success .help-block {
    color: #82d957
}

.look-and-feel-v2 .form-group.has-warning label {
    color: #f9b82d
}

.look-and-feel-v2 .form-group.has-warning .form-control {
    border-color: #f9b82d;
    box-shadow: none
}

.look-and-feel-v2 .form-group.has-warning .help-block {
    color: #f9b82d
}

.look-and-feel-v2 .form-group.has-error label {
    color: #ff7a6f
}

.look-and-feel-v2 .form-group.has-error .form-control {
    border-color: #ff7a6f;
    box-shadow: none
}

.look-and-feel-v2 .form-group.has-error .help-block {
    color: #ff7a6f
}

.look-and-feel-v2 li.select2-results__option:first-child:empty {
    display: none
}

.look-and-feel-v2 .select2-search__field {
    min-width: 10em
}

.look-and-feel-v2 #login-form-msg {
    padding: 5px 10px;
    margin-bottom: 0;
    border-radius: 0
}

.look-and-feel-v2 input[type=checkbox].img-checkbox {
    display: none
}

.look-and-feel-v2 input[type=checkbox].img-checkbox+label {
    cursor: pointer
}

.look-and-feel-v2 input[type=checkbox].img-checkbox+label i.on {
    display: none
}

.look-and-feel-v2 input[type=checkbox].img-checkbox+label i.off,
.look-and-feel-v2 input[type=checkbox].img-checkbox:checked+label i.on {
    display: block
}

.look-and-feel-v2 input[type=checkbox].img-checkbox:checked+label i.off {
    display: none
}

.look-and-feel-v2 .formulario_dos {
    margin-right: 20px;
    margin-bottom: 10px
}

.look-and-feel-v2 .mes_asistencia {
    max-width: 200px;
    width: 70%!important
}

.look-and-feel-v2 .form-group.opciones-isapre {
    background-color: #f6f7f9;
    padding-top: 5px;
    border-radius: 6px
}

.look-and-feel-v2 .btn-group-vertical .btn.btn-flat:first-of-type,
.look-and-feel-v2 .btn-group-vertical .btn.btn-flat:last-of-type,
.look-and-feel-v2 .btn-group-vertical .swal2-popup .swal2-actions .btn-flat.swal2-styled:first-of-type,
.look-and-feel-v2 .btn-group-vertical .swal2-popup .swal2-actions .btn-flat.swal2-styled:last-of-type,
.look-and-feel-v2 .btn-group-vertical button.btn-flat.upload-result:first-of-type,
.look-and-feel-v2 .btn-group-vertical button.btn-flat.upload-result:last-of-type,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical .btn-flat.swal2-styled:first-of-type,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-vertical .btn-flat.swal2-styled:last-of-type {
    border-radius: 0
}

.look-and-feel-v2 .icheck>label {
    padding-left: 0
}

.look-and-feel-v2 .form-control-feedback.fa {
    line-height: 34px
}

.look-and-feel-v2 .form-group-lg .form-control+.form-control-feedback.fa,
.look-and-feel-v2 .input-group-lg+.form-control-feedback.fa,
.look-and-feel-v2 .input-lg+.form-control-feedback.fa {
    line-height: 46px
}

.look-and-feel-v2 .form-control-sm+.form-control-feedback.fa,
.look-and-feel-v2 .form-group-sm .form-control+.form-control-feedback.fa,
.look-and-feel-v2 .input-group-sm+.form-control-feedback.fa {
    line-height: 30px
}

.look-and-feel-v2 .hr-separator {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%
}

.look-and-feel-v2 .hr-separator:after,
.look-and-feel-v2 .hr-separator:before {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #c1c2c4
}

.look-and-feel-v2 .hr-separator:before {
    margin-right: .25em
}

.look-and-feel-v2 .hr-separator:after {
    margin-left: .25em
}

.look-and-feel-v1 .btn,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1 button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled {
    white-space: nowrap;
    border-radius: 3px;
    border: .0625rem solid transparent;
    vertical-align: bottom
}

.look-and-feel-v1 .btn.uppercase,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .uppercase.swal2-styled,
.look-and-feel-v1 button.uppercase.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .uppercase.swal2-styled {
    text-transform: uppercase
}

.look-and-feel-v1 .btn.btn-flat,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-flat.swal2-styled,
.look-and-feel-v1 button.btn-flat.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-flat.swal2-styled {
    border-radius: 0;
    box-shadow: none;
    border-width: .0625rem
}

.look-and-feel-v1 .btn:active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled:active,
.look-and-feel-v1 button.upload-result:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.look-and-feel-v1 .btn:focus,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled:focus,
.look-and-feel-v1 button.upload-result:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled:focus {
    outline: none
}

.look-and-feel-v1 .btn.btn-file,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-file.swal2-styled,
.look-and-feel-v1 button.btn-file.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-file.swal2-styled {
    position: relative;
    overflow: hidden
}

.look-and-feel-v1 .btn.btn-file>input[type=file],
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-file.swal2-styled>input[type=file],
.look-and-feel-v1 button.btn-file.upload-result>input[type=file],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-file.swal2-styled>input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: #fff;
    cursor: inherit;
    display: block
}

.look-and-feel-v1 .btn.btn-input-append,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-input-append.swal2-styled,
.look-and-feel-v1 button.btn-input-append.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-input-append.swal2-styled {
    padding: 5px 10px
}

.look-and-feel-v1 .btn .left-icon,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled .left-icon,
.look-and-feel-v1 button.upload-result .left-icon,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled .left-icon {
    margin-right: .5rem;
    margin-left: -.25rem;
    font-size: .875rem
}

.look-and-feel-v1 .btn .left-icon.material-icons,
.look-and-feel-v1 .btn .left-icon.material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled .left-icon.material-icons,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled .left-icon.material-icons-outlined,
.look-and-feel-v1 button.upload-result .left-icon.material-icons,
.look-and-feel-v1 button.upload-result .left-icon.material-icons-outlined,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled .left-icon.material-icons,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled .left-icon.material-icons-outlined {
    margin-right: 4px;
    margin-left: -8px
}

.look-and-feel-v1 .btn .fa-caret-down,
.look-and-feel-v1 .btn .fa-caret-left,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled .fa-caret-down,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled .fa-caret-left,
.look-and-feel-v1 button.upload-result .fa-caret-down,
.look-and-feel-v1 button.upload-result .fa-caret-left,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled .fa-caret-down,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled .fa-caret-left {
    width: 10px;
    margin-right: -.25rem;
    margin-left: .5rem
}

.look-and-feel-v1 .btn.btn-destructive-link,
.look-and-feel-v1 .btn .btn-primary-link,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-destructive-link.swal2-styled,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled .btn-primary-link,
.look-and-feel-v1 button.btn-destructive-link.upload-result,
.look-and-feel-v1 button.upload-result .btn-primary-link,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-destructive-link.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled .btn-primary-link {
    padding: 0
}

.look-and-feel-v1 .btn.btn-block.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-block.dropdown-toggle.swal2-styled,
.look-and-feel-v1 button.btn-block.dropdown-toggle.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-block.dropdown-toggle.swal2-styled {
    width: 100%
}

.look-and-feel-v1 .btn.btn-block.dropdown-toggle:after,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-block.dropdown-toggle.swal2-styled:after,
.look-and-feel-v1 button.btn-block.dropdown-toggle.upload-result:after,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-block.dropdown-toggle.swal2-styled:after {
    top: 45%;
    right: 16px;
    position: absolute;
    float: right
}

.look-and-feel-v1 .btn.btn-block .left-icon,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-block.swal2-styled .left-icon,
.look-and-feel-v1 button.btn-block.upload-result .left-icon,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-block.swal2-styled .left-icon {
    float: left;
    margin-top: 5px
}

.look-and-feel-v1 .btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd
}

.look-and-feel-v1 .btn-default.hover,
.look-and-feel-v1 .btn-default:active,
.look-and-feel-v1 .btn-default:hover {
    background-color: #e7e7e7
}

.look-and-feel-v1 .btn-primary,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm,
.look-and-feel-v1 button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-confirm {
    background-color: #3c8dbc;
    border-color: #367fa9
}

.look-and-feel-v1 .btn-primary.hover,
.look-and-feel-v1 .btn-primary:active,
.look-and-feel-v1 .btn-primary:hover,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .hover.swal2-styled.swal2-confirm,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:hover,
.look-and-feel-v1 button.hover.upload-result,
.look-and-feel-v1 button.upload-result:active,
.look-and-feel-v1 button.upload-result:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .hover.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-confirm:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-confirm:hover {
    background-color: #367fa9
}

.look-and-feel-v1 .btn-success {
    background-color: #00a65a;
    border-color: #008d4c
}

.look-and-feel-v1 .btn-success.hover,
.look-and-feel-v1 .btn-success:active,
.look-and-feel-v1 .btn-success:hover {
    background-color: #008d4c
}

.look-and-feel-v1 .btn-info {
    background-color: #367fa9;
    border-color: #307096
}

.look-and-feel-v1 .btn-info.hover,
.look-and-feel-v1 .btn-info:active,
.look-and-feel-v1 .btn-info:hover {
    background-color: #307096
}

.look-and-feel-v1 .btn-danger {
    background-color: #dd4b39;
    border-color: #d73925
}

.look-and-feel-v1 .btn-danger.hover,
.look-and-feel-v1 .btn-danger:active,
.look-and-feel-v1 .btn-danger:hover {
    background-color: #d73925
}

.look-and-feel-v1 .btn-warning {
    color: #fff;
    background-color: #f39c12;
    border-color: #e08e0b
}

.look-and-feel-v1 .btn-warning.hover,
.look-and-feel-v1 .btn-warning:active,
.look-and-feel-v1 .btn-warning:hover {
    background-color: #e08e0b
}

.look-and-feel-v1 .btn-outline {
    border: .0625rem solid #fff;
    background: transparent;
    color: #fff
}

.look-and-feel-v1 .btn-outline:active,
.look-and-feel-v1 .btn-outline:focus,
.look-and-feel-v1 .btn-outline:hover {
    color: hsla(0, 0%, 100%, .7);
    border-color: hsla(0, 0%, 100%, .7)
}

.look-and-feel-v1 .link {
    cursor: pointer
}

.look-and-feel-v1 button.link {
    background: none;
    border-width: 0;
    color: #3c8dbc;
    font-size: inherit
}

.look-and-feel-v1 .btn-app {
    border-radius: 3px;
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    text-align: center;
    color: #666;
    border: .0625rem solid #ddd;
    background-color: #f4f4f4;
    font-size: .75rem
}

.look-and-feel-v1 .btn-app>.fa,
.look-and-feel-v1 .btn-app>.glyphicon,
.look-and-feel-v1 .btn-app>.ion,
.look-and-feel-v1 .btn-app>i {
    font-size: 1.25rem;
    display: block
}

.look-and-feel-v1 .btn-app b {
    font-size: 1.125rem
}

.look-and-feel-v1 .btn-app:hover {
    background: #f4f4f4;
    color: #444;
    border-color: #aaa
}

.look-and-feel-v1 .btn-app:active,
.look-and-feel-v1 .btn-app:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.look-and-feel-v1 .btn-app>.badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: .625rem;
    font-weight: 400
}

.look-and-feel-v1 .btn-app.btn-operations-workflow {
    width: 90px
}

.look-and-feel-v1 .btn-icon .btn-icon-md,
.look-and-feel-v1 .btn-icon.btn-md,
.look-and-feel-v1 button.btn-icon.upload-result {
    padding: 7px;
    height: 34px;
    width: 34px
}

.look-and-feel-v1 .btn-group-sm>.btn-icon.btn,
.look-and-feel-v1 .btn-group-sm>button.btn-icon.upload-result,
.look-and-feel-v1 .btn-icon .btn-icon-sm,
.look-and-feel-v1 .btn-icon.btn-sm,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.btn-icon.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-group-sm>.btn-icon.swal2-styled {
    padding: 5px;
    height: 30px;
    width: 30px
}

.look-and-feel-v1 .btn,
.look-and-feel-v1 .btn-dropdown,
.look-and-feel-v1 .btn-md,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1 button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled {
    font-size: 16px;
    line-height: 20px;
    padding: 6px 16px 7px
}

.look-and-feel-v1 .btn-md,
.look-and-feel-v1 button.upload-result {
    height: 34px
}

.look-and-feel-v1 .btn-group-sm>.btn,
.look-and-feel-v1 .btn-group-sm>button.upload-result,
.look-and-feel-v1 .btn-sm,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-group-sm>.swal2-styled {
    height: 30px;
    font-size: 14px;
    line-height: 18px;
    padding: 5px 16px
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v1 i,
.look-and-feel-v1 .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v1 .icon {
    width: 16px;
    height: 16px
}

.look-and-feel-v1 .btn-icon-md {
    display: inline-block;
    height: 34px;
    width: 34px;
    text-align: center;
    border-radius: 3px
}

.look-and-feel-v1 .btn-icon-sm {
    border-radius: 3px;
    height: 30px;
    width: 30px;
    text-align: center
}

.look-and-feel-v1 .btn-default {
    background-color: #fff!important;
    border: .0625rem solid #367fa9!important;
    color: #3c8dbc!important
}

.look-and-feel-v1 .btn-default:hover {
    background-color: #3c8dbc!important;
    border: .0625rem solid #367fa9!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-default:active {
    box-shadow: none
}

.look-and-feel-v1 .btn-default:focus {
    background-color: #367fa9!important;
    border: .0625rem solid #204d74!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-default.ghost {
    background-color: transparent!important;
    border: 0 solid #367fa9!important;
    color: #3c8dbc!important
}

.look-and-feel-v1 .btn-default.ghost:active,
.look-and-feel-v1 .btn-default.ghost:focus {
    background-color: transparent!important;
    border: 0 solid #204d74!important;
    color: #3c8dbc!important;
    box-shadow: none
}

.look-and-feel-v1 .btn-default.ghost.disabled,
.look-and-feel-v1 .btn-default.ghost.disabled:focus,
.look-and-feel-v1 .btn-default.ghost.disabled:hover,
.look-and-feel-v1 .btn-default.ghost[disabled],
.look-and-feel-v1 .btn-default.ghost[disabled]:focus,
.look-and-feel-v1 .btn-default.ghost[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-default.ghost.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-default.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-default.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #367fa9!important;
    border: .0625rem solid #204d74!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-default.disabled,
.look-and-feel-v1 .btn-default.disabled:focus,
.look-and-feel-v1 .btn-default.disabled:hover,
.look-and-feel-v1 .btn-default[disabled],
.look-and-feel-v1 .btn-default[disabled]:focus,
.look-and-feel-v1 .btn-default[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-default.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-default:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-default:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #367fa9!important;
    border: .0625rem solid #204d74!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-primary,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm,
.look-and-feel-v1 button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-confirm {
    background-color: #3c8dbc!important;
    border: .0625rem solid #367fa9!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-primary:hover,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:hover,
.look-and-feel-v1 button.upload-result:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-confirm:hover {
    background-color: #367fa9!important;
    border: .0625rem solid #204d74!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-primary:active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:active,
.look-and-feel-v1 button.upload-result:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-confirm:active {
    box-shadow: none
}

.look-and-feel-v1 .btn-primary:focus,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:focus,
.look-and-feel-v1 button.upload-result:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-confirm:focus {
    background-color: #286090!important;
    border: .0625rem solid #122b40!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-primary.ghost,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-confirm,
.look-and-feel-v1 button.ghost.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.swal2-styled.swal2-confirm {
    background-color: transparent!important;
    border: 0 solid #367fa9!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-primary.ghost:active,
.look-and-feel-v1 .btn-primary.ghost:focus,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-confirm:active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-confirm:focus,
.look-and-feel-v1 button.ghost.upload-result:active,
.look-and-feel-v1 button.ghost.upload-result:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.swal2-styled.swal2-confirm:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.swal2-styled.swal2-confirm:focus {
    background-color: transparent!important;
    border: 0 solid #122b40!important;
    color: #fff!important;
    box-shadow: none
}

.look-and-feel-v1 .btn-primary.ghost.disabled,
.look-and-feel-v1 .btn-primary.ghost.disabled:focus,
.look-and-feel-v1 .btn-primary.ghost.disabled:hover,
.look-and-feel-v1 .btn-primary.ghost[disabled],
.look-and-feel-v1 .btn-primary.ghost[disabled]:focus,
.look-and-feel-v1 .btn-primary.ghost[disabled]:hover,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.disabled.swal2-styled.swal2-confirm,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost[disabled].swal2-styled.swal2-confirm,
.look-and-feel-v1 button.ghost.disabled.upload-result,
.look-and-feel-v1 button.ghost[disabled].upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.disabled.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost[disabled].swal2-styled.swal2-confirm {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.look-and-feel-v2 .swal2-popup .swal2-actions .show>.look-and-feel-v1 .ghost.dropdown-toggle.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions :not(.toggle-group)>.look-and-feel-v1 .ghost.swal2-styled.swal2-confirm:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
.look-and-feel-v2 .swal2-popup .swal2-actions :not(.toggle-group)>.look-and-feel-v1 .ghost.swal2-styled.swal2-confirm:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
.show>.look-and-feel-v1 .btn-primary.ghost.dropdown-toggle,
.show>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.dropdown-toggle.swal2-styled.swal2-confirm,
.show>.look-and-feel-v1 button.ghost.dropdown-toggle.upload-result,
:not(.toggle-group)>.look-and-feel-v1 .btn-primary.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-primary.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
:not(.toggle-group)>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-confirm:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-confirm:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
:not(.toggle-group)>.look-and-feel-v1 button.ghost.upload-result:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 button.ghost.upload-result:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #286090!important;
    border: .0625rem solid #122b40!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-primary.disabled,
.look-and-feel-v1 .btn-primary.disabled:focus,
.look-and-feel-v1 .btn-primary.disabled:hover,
.look-and-feel-v1 .btn-primary[disabled],
.look-and-feel-v1 .btn-primary[disabled]:focus,
.look-and-feel-v1 .btn-primary[disabled]:hover,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .disabled.swal2-styled.swal2-confirm,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions [disabled].swal2-styled.swal2-confirm,
.look-and-feel-v1 button.disabled.upload-result,
.look-and-feel-v1 button[disabled].upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .disabled.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 [disabled].swal2-styled.swal2-confirm {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.look-and-feel-v2 .swal2-popup .swal2-actions .show>.look-and-feel-v1 .dropdown-toggle.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions :not(.toggle-group)>.look-and-feel-v1 .swal2-styled.swal2-confirm:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
.look-and-feel-v2 .swal2-popup .swal2-actions :not(.toggle-group)>.look-and-feel-v1 .swal2-styled.swal2-confirm:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
.show>.look-and-feel-v1 .btn-primary.dropdown-toggle,
.show>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .dropdown-toggle.swal2-styled.swal2-confirm,
.show>.look-and-feel-v1 button.dropdown-toggle.upload-result,
:not(.toggle-group)>.look-and-feel-v1 .btn-primary:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-primary:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
:not(.toggle-group)>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
:not(.toggle-group)>.look-and-feel-v1 button.upload-result:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 button.upload-result:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #286090!important;
    border: .0625rem solid #122b40!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-cta {
    background-color: #3c8dbc!important;
    border: .0625rem solid #367fa9!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-cta:hover {
    background-color: #367fa9!important;
    border: .0625rem solid #204d74!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-cta:active {
    box-shadow: none
}

.look-and-feel-v1 .btn-cta:focus {
    background-color: #286090!important;
    border: .0625rem solid #122b40!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-cta.ghost {
    background-color: transparent!important;
    border: 0 solid #367fa9!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-cta.ghost:active,
.look-and-feel-v1 .btn-cta.ghost:focus {
    background-color: transparent!important;
    border: 0 solid #122b40!important;
    color: #fff!important;
    box-shadow: none
}

.look-and-feel-v1 .btn-cta.ghost.disabled,
.look-and-feel-v1 .btn-cta.ghost.disabled:focus,
.look-and-feel-v1 .btn-cta.ghost.disabled:hover,
.look-and-feel-v1 .btn-cta.ghost[disabled],
.look-and-feel-v1 .btn-cta.ghost[disabled]:focus,
.look-and-feel-v1 .btn-cta.ghost[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-cta.ghost.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-cta.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-cta.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #286090!important;
    border: .0625rem solid #122b40!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-cta.disabled,
.look-and-feel-v1 .btn-cta.disabled:focus,
.look-and-feel-v1 .btn-cta.disabled:hover,
.look-and-feel-v1 .btn-cta[disabled],
.look-and-feel-v1 .btn-cta[disabled]:focus,
.look-and-feel-v1 .btn-cta[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-cta.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-cta:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-cta:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #286090!important;
    border: .0625rem solid #122b40!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-secondary,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel,
.look-and-feel-v1 a.btn-default,
.look-and-feel-v1 button.btn-default,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-cancel {
    background-color: #fff!important;
    border: .0625rem solid #367fa9!important;
    color: #3c8dbc!important
}

.look-and-feel-v1 .btn-secondary:hover,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:hover,
.look-and-feel-v1 a.btn-default:hover,
.look-and-feel-v1 button.btn-default:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-cancel:hover {
    background-color: #3c8dbc!important;
    border: .0625rem solid #367fa9!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-secondary:active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:active,
.look-and-feel-v1 a.btn-default:active,
.look-and-feel-v1 button.btn-default:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-cancel:active {
    box-shadow: none
}

.look-and-feel-v1 .btn-secondary:focus,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:focus,
.look-and-feel-v1 a.btn-default:focus,
.look-and-feel-v1 button.btn-default:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-cancel:focus {
    background-color: #367fa9!important;
    border: .0625rem solid #204d74!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-secondary.ghost,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-cancel,
.look-and-feel-v1 a.ghost.btn-default,
.look-and-feel-v1 button.ghost.btn-default,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.swal2-styled.swal2-cancel {
    background-color: transparent!important;
    border: 0 solid #367fa9!important;
    color: #3c8dbc!important
}

.look-and-feel-v1 .btn-secondary.ghost:active,
.look-and-feel-v1 .btn-secondary.ghost:focus,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-cancel:active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-cancel:focus,
.look-and-feel-v1 a.ghost.btn-default:active,
.look-and-feel-v1 a.ghost.btn-default:focus,
.look-and-feel-v1 button.ghost.btn-default:active,
.look-and-feel-v1 button.ghost.btn-default:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.swal2-styled.swal2-cancel:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.swal2-styled.swal2-cancel:focus {
    background-color: transparent!important;
    border: 0 solid #204d74!important;
    color: #3c8dbc!important;
    box-shadow: none
}

.look-and-feel-v1 .btn-secondary.ghost.disabled,
.look-and-feel-v1 .btn-secondary.ghost.disabled:focus,
.look-and-feel-v1 .btn-secondary.ghost.disabled:hover,
.look-and-feel-v1 .btn-secondary.ghost[disabled],
.look-and-feel-v1 .btn-secondary.ghost[disabled]:focus,
.look-and-feel-v1 .btn-secondary.ghost[disabled]:hover,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.disabled.swal2-styled.swal2-cancel,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost[disabled].swal2-styled.swal2-cancel,
.look-and-feel-v1 a.ghost.disabled.btn-default,
.look-and-feel-v1 a.ghost[disabled].btn-default,
.look-and-feel-v1 button.ghost.disabled.btn-default,
.look-and-feel-v1 button.ghost[disabled].btn-default,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.disabled.swal2-styled.swal2-cancel,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost[disabled].swal2-styled.swal2-cancel {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.look-and-feel-v2 .swal2-popup .swal2-actions .show>.look-and-feel-v1 .ghost.dropdown-toggle.swal2-styled.swal2-cancel,
.look-and-feel-v2 .swal2-popup .swal2-actions :not(.toggle-group)>.look-and-feel-v1 .ghost.swal2-styled.swal2-cancel:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
.look-and-feel-v2 .swal2-popup .swal2-actions :not(.toggle-group)>.look-and-feel-v1 .ghost.swal2-styled.swal2-cancel:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
.show>.look-and-feel-v1 .btn-secondary.ghost.dropdown-toggle,
.show>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.dropdown-toggle.swal2-styled.swal2-cancel,
.show>.look-and-feel-v1 a.ghost.dropdown-toggle.btn-default,
.show>.look-and-feel-v1 button.ghost.dropdown-toggle.btn-default,
:not(.toggle-group)>.look-and-feel-v1 .btn-secondary.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-secondary.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
:not(.toggle-group)>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-cancel:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-cancel:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
:not(.toggle-group)>.look-and-feel-v1 a.ghost.btn-default:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 a.ghost.btn-default:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
:not(.toggle-group)>.look-and-feel-v1 button.ghost.btn-default:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 button.ghost.btn-default:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #367fa9!important;
    border: .0625rem solid #204d74!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-secondary.disabled,
.look-and-feel-v1 .btn-secondary.disabled:focus,
.look-and-feel-v1 .btn-secondary.disabled:hover,
.look-and-feel-v1 .btn-secondary[disabled],
.look-and-feel-v1 .btn-secondary[disabled]:focus,
.look-and-feel-v1 .btn-secondary[disabled]:hover,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .disabled.swal2-styled.swal2-cancel,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions [disabled].swal2-styled.swal2-cancel,
.look-and-feel-v1 a.disabled.btn-default,
.look-and-feel-v1 a[disabled].btn-default,
.look-and-feel-v1 button.disabled.btn-default,
.look-and-feel-v1 button[disabled].btn-default,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .disabled.swal2-styled.swal2-cancel,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 [disabled].swal2-styled.swal2-cancel {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.look-and-feel-v2 .swal2-popup .swal2-actions .show>.look-and-feel-v1 .dropdown-toggle.swal2-styled.swal2-cancel,
.look-and-feel-v2 .swal2-popup .swal2-actions :not(.toggle-group)>.look-and-feel-v1 .swal2-styled.swal2-cancel:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
.look-and-feel-v2 .swal2-popup .swal2-actions :not(.toggle-group)>.look-and-feel-v1 .swal2-styled.swal2-cancel:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
.show>.look-and-feel-v1 .btn-secondary.dropdown-toggle,
.show>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .dropdown-toggle.swal2-styled.swal2-cancel,
.show>.look-and-feel-v1 a.dropdown-toggle.btn-default,
.show>.look-and-feel-v1 button.dropdown-toggle.btn-default,
:not(.toggle-group)>.look-and-feel-v1 .btn-secondary:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-secondary:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
:not(.toggle-group)>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
:not(.toggle-group)>.look-and-feel-v1 a.btn-default:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 a.btn-default:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active,
:not(.toggle-group)>.look-and-feel-v1 button.btn-default:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 button.btn-default:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #367fa9!important;
    border: .0625rem solid #204d74!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-tertiary {
    background-color: #6a85a1!important;
    border: .0625rem solid #5a7088!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-tertiary:hover {
    background-color: #5d7c9b!important;
    border: .0625rem solid #495f77!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-tertiary:active {
    box-shadow: none
}

.look-and-feel-v1 .btn-tertiary:focus {
    background-color: #516f8d!important;
    border: .0625rem solid #424a5b!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-tertiary.ghost {
    background-color: transparent!important;
    border: 0 solid #5a7088!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-tertiary.ghost:active,
.look-and-feel-v1 .btn-tertiary.ghost:focus {
    background-color: transparent!important;
    border: 0 solid #424a5b!important;
    color: #fff!important;
    box-shadow: none
}

.look-and-feel-v1 .btn-tertiary.ghost.disabled,
.look-and-feel-v1 .btn-tertiary.ghost.disabled:focus,
.look-and-feel-v1 .btn-tertiary.ghost.disabled:hover,
.look-and-feel-v1 .btn-tertiary.ghost[disabled],
.look-and-feel-v1 .btn-tertiary.ghost[disabled]:focus,
.look-and-feel-v1 .btn-tertiary.ghost[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-tertiary.ghost.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-tertiary.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-tertiary.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #516f8d!important;
    border: .0625rem solid #424a5b!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-tertiary.disabled,
.look-and-feel-v1 .btn-tertiary.disabled:focus,
.look-and-feel-v1 .btn-tertiary.disabled:hover,
.look-and-feel-v1 .btn-tertiary[disabled],
.look-and-feel-v1 .btn-tertiary[disabled]:focus,
.look-and-feel-v1 .btn-tertiary[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-tertiary.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-tertiary:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-tertiary:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #516f8d!important;
    border: .0625rem solid #424a5b!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-destructive,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.btn-destructive,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.btn-destructive {
    background-color: #dd4b39!important;
    border: .0625rem solid #d73925!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-destructive:hover,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.btn-destructive:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.btn-destructive:hover {
    background-color: #d73925!important;
    border: .0625rem solid #ac2925!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-destructive:active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.btn-destructive:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.btn-destructive:active {
    box-shadow: none
}

.look-and-feel-v1 .btn-destructive:focus,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.btn-destructive:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.btn-destructive:focus {
    background-color: #c9302c!important;
    border: .0625rem solid #761c19!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-destructive.ghost,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.btn-destructive,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.swal2-styled.btn-destructive {
    background-color: transparent!important;
    border: 0 solid #d73925!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-destructive.ghost:active,
.look-and-feel-v1 .btn-destructive.ghost:focus,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.btn-destructive:active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.btn-destructive:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.swal2-styled.btn-destructive:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.swal2-styled.btn-destructive:focus {
    background-color: transparent!important;
    border: 0 solid #761c19!important;
    color: #fff!important;
    box-shadow: none
}

.look-and-feel-v1 .btn-destructive.ghost.disabled,
.look-and-feel-v1 .btn-destructive.ghost.disabled:focus,
.look-and-feel-v1 .btn-destructive.ghost.disabled:hover,
.look-and-feel-v1 .btn-destructive.ghost[disabled],
.look-and-feel-v1 .btn-destructive.ghost[disabled]:focus,
.look-and-feel-v1 .btn-destructive.ghost[disabled]:hover,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.disabled.swal2-styled.btn-destructive,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .ghost[disabled].swal2-styled.btn-destructive,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost.disabled.swal2-styled.btn-destructive,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .ghost[disabled].swal2-styled.btn-destructive {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-destructive.ghost.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #c9302c!important;
    border: .0625rem solid #761c19!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-destructive.disabled,
.look-and-feel-v1 .btn-destructive.disabled:focus,
.look-and-feel-v1 .btn-destructive.disabled:hover,
.look-and-feel-v1 .btn-destructive[disabled],
.look-and-feel-v1 .btn-destructive[disabled]:focus,
.look-and-feel-v1 .btn-destructive[disabled]:hover,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .disabled.swal2-styled.btn-destructive,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions [disabled].swal2-styled.btn-destructive,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .disabled.swal2-styled.btn-destructive,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 [disabled].swal2-styled.btn-destructive {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.look-and-feel-v2 .swal2-popup .swal2-actions .show>.look-and-feel-v1 .dropdown-toggle.swal2-styled.btn-destructive,
.show>.look-and-feel-v1 .btn-destructive.dropdown-toggle,
.show>.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .dropdown-toggle.swal2-styled.btn-destructive,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #c9302c!important;
    border: .0625rem solid #761c19!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-destructive-sec {
    background-color: #fff!important;
    border: .0625rem solid #dd4b39!important;
    color: #dd4b39!important
}

.look-and-feel-v1 .btn-destructive-sec:hover {
    background-color: #dd4b39!important;
    border: .0625rem solid #d73925!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-destructive-sec:active {
    box-shadow: none
}

.look-and-feel-v1 .btn-destructive-sec:focus {
    background-color: #d73925!important;
    border: .0625rem solid #ac2925!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-destructive-sec.ghost {
    background-color: transparent!important;
    border: 0 solid #dd4b39!important;
    color: #dd4b39!important
}

.look-and-feel-v1 .btn-destructive-sec.ghost:active,
.look-and-feel-v1 .btn-destructive-sec.ghost:focus {
    background-color: transparent!important;
    border: 0 solid #ac2925!important;
    color: #dd4b39!important;
    box-shadow: none
}

.look-and-feel-v1 .btn-destructive-sec.ghost.disabled,
.look-and-feel-v1 .btn-destructive-sec.ghost.disabled:focus,
.look-and-feel-v1 .btn-destructive-sec.ghost.disabled:hover,
.look-and-feel-v1 .btn-destructive-sec.ghost[disabled],
.look-and-feel-v1 .btn-destructive-sec.ghost[disabled]:focus,
.look-and-feel-v1 .btn-destructive-sec.ghost[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-destructive-sec.ghost.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive-sec.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive-sec.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #d73925!important;
    border: .0625rem solid #ac2925!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-destructive-sec.disabled,
.look-and-feel-v1 .btn-destructive-sec.disabled:focus,
.look-and-feel-v1 .btn-destructive-sec.disabled:hover,
.look-and-feel-v1 .btn-destructive-sec[disabled],
.look-and-feel-v1 .btn-destructive-sec[disabled]:focus,
.look-and-feel-v1 .btn-destructive-sec[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-destructive-sec.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive-sec:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive-sec:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #d73925!important;
    border: .0625rem solid #ac2925!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-info {
    background-color: #00c0ef!important;
    border: .0625rem solid #00acd6!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-info:hover {
    background-color: #00acd6!important;
    border: .0625rem solid #0097bc!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-info:active {
    box-shadow: none
}

.look-and-feel-v1 .btn-info:focus {
    background-color: #0097bc!important;
    border: .0625rem solid #0083a3!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-info.ghost {
    background-color: transparent!important;
    border: 0 solid #00acd6!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-info.ghost:active,
.look-and-feel-v1 .btn-info.ghost:focus {
    background-color: transparent!important;
    border: 0 solid #0083a3!important;
    color: #fff!important;
    box-shadow: none
}

.look-and-feel-v1 .btn-info.ghost.disabled,
.look-and-feel-v1 .btn-info.ghost.disabled:focus,
.look-and-feel-v1 .btn-info.ghost.disabled:hover,
.look-and-feel-v1 .btn-info.ghost[disabled],
.look-and-feel-v1 .btn-info.ghost[disabled]:focus,
.look-and-feel-v1 .btn-info.ghost[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-info.ghost.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-info.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-info.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #0097bc!important;
    border: .0625rem solid #0083a3!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-info.disabled,
.look-and-feel-v1 .btn-info.disabled:focus,
.look-and-feel-v1 .btn-info.disabled:hover,
.look-and-feel-v1 .btn-info[disabled],
.look-and-feel-v1 .btn-info[disabled]:focus,
.look-and-feel-v1 .btn-info[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-info.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-info:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-info:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #0097bc!important;
    border: .0625rem solid #0083a3!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-success {
    background-color: #00a65a!important;
    border: .0625rem solid #008d4c!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-success:hover {
    background-color: #008d4c!important;
    border: .0625rem solid #00733e!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-success:active {
    box-shadow: none
}

.look-and-feel-v1 .btn-success:focus {
    background-color: #00733e!important;
    border: .0625rem solid #005a31!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-success.ghost {
    background-color: transparent!important;
    border: 0 solid #008d4c!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-success.ghost:active,
.look-and-feel-v1 .btn-success.ghost:focus {
    background-color: transparent!important;
    border: 0 solid #005a31!important;
    color: #fff!important;
    box-shadow: none
}

.look-and-feel-v1 .btn-success.ghost.disabled,
.look-and-feel-v1 .btn-success.ghost.disabled:focus,
.look-and-feel-v1 .btn-success.ghost.disabled:hover,
.look-and-feel-v1 .btn-success.ghost[disabled],
.look-and-feel-v1 .btn-success.ghost[disabled]:focus,
.look-and-feel-v1 .btn-success.ghost[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-success.ghost.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-success.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-success.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #00733e!important;
    border: .0625rem solid #005a31!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-success.disabled,
.look-and-feel-v1 .btn-success.disabled:focus,
.look-and-feel-v1 .btn-success.disabled:hover,
.look-and-feel-v1 .btn-success[disabled],
.look-and-feel-v1 .btn-success[disabled]:focus,
.look-and-feel-v1 .btn-success[disabled]:hover {
    background-color: #d2d6de!important;
    border: .0625rem solid #b8c7ce!important;
    color: #fff!important
}

.show>.look-and-feel-v1 .btn-success.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-success:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-success:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: #00733e!important;
    border: .0625rem solid #005a31!important;
    color: #fff!important
}

.look-and-feel-v1 .btn-destructive-link {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #dd4b39!important
}

.look-and-feel-v1 .btn-destructive-link:hover {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #d73925!important
}

.look-and-feel-v1 .btn-destructive-link:active {
    box-shadow: none
}

.look-and-feel-v1 .btn-destructive-link:focus {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #d73925!important
}

.look-and-feel-v1 .btn-destructive-link.ghost {
    background-color: transparent!important;
    border: 0 solid transparent!important;
    color: #dd4b39!important
}

.look-and-feel-v1 .btn-destructive-link.ghost:active,
.look-and-feel-v1 .btn-destructive-link.ghost:focus {
    background-color: transparent!important;
    border: 0 solid transparent!important;
    color: #dd4b39!important;
    box-shadow: none
}

.look-and-feel-v1 .btn-destructive-link.ghost.disabled,
.look-and-feel-v1 .btn-destructive-link.ghost.disabled:focus,
.look-and-feel-v1 .btn-destructive-link.ghost.disabled:hover,
.look-and-feel-v1 .btn-destructive-link.ghost[disabled],
.look-and-feel-v1 .btn-destructive-link.ghost[disabled]:focus,
.look-and-feel-v1 .btn-destructive-link.ghost[disabled]:hover {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #d2d6de!important
}

.show>.look-and-feel-v1 .btn-destructive-link.ghost.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive-link.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive-link.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #d73925!important
}

.look-and-feel-v1 .btn-destructive-link.disabled,
.look-and-feel-v1 .btn-destructive-link.disabled:focus,
.look-and-feel-v1 .btn-destructive-link.disabled:hover,
.look-and-feel-v1 .btn-destructive-link[disabled],
.look-and-feel-v1 .btn-destructive-link[disabled]:focus,
.look-and-feel-v1 .btn-destructive-link[disabled]:hover {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #d2d6de!important
}

.show>.look-and-feel-v1 .btn-destructive-link.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive-link:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-destructive-link:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #d73925!important
}

.look-and-feel-v1 .btn-primary-link {
    color: #3c8dbc!important
}

.look-and-feel-v1 .btn-primary-link,
.look-and-feel-v1 .btn-primary-link:hover {
    background-color: transparent!important;
    border: .0625rem solid transparent!important
}

.look-and-feel-v1 .btn-primary-link:hover {
    color: #367fa9!important
}

.look-and-feel-v1 .btn-primary-link:active {
    box-shadow: none
}

.look-and-feel-v1 .btn-primary-link:focus {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #367fa9!important
}

.look-and-feel-v1 .btn-primary-link.ghost,
.look-and-feel-v1 .btn-primary-link.ghost:active,
.look-and-feel-v1 .btn-primary-link.ghost:focus {
    background-color: transparent!important;
    border: 0 solid transparent!important;
    color: #3c8dbc!important
}

.look-and-feel-v1 .btn-primary-link.ghost:active,
.look-and-feel-v1 .btn-primary-link.ghost:focus {
    box-shadow: none
}

.look-and-feel-v1 .btn-primary-link.ghost.disabled,
.look-and-feel-v1 .btn-primary-link.ghost.disabled:focus,
.look-and-feel-v1 .btn-primary-link.ghost.disabled:hover,
.look-and-feel-v1 .btn-primary-link.ghost[disabled],
.look-and-feel-v1 .btn-primary-link.ghost[disabled]:focus,
.look-and-feel-v1 .btn-primary-link.ghost[disabled]:hover {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #d2d6de!important
}

.show>.look-and-feel-v1 .btn-primary-link.ghost.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-primary-link.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-primary-link.ghost:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #367fa9!important
}

.look-and-feel-v1 .btn-primary-link.disabled,
.look-and-feel-v1 .btn-primary-link.disabled:focus,
.look-and-feel-v1 .btn-primary-link.disabled:hover,
.look-and-feel-v1 .btn-primary-link[disabled],
.look-and-feel-v1 .btn-primary-link[disabled]:focus,
.look-and-feel-v1 .btn-primary-link[disabled]:hover {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #d2d6de!important
}

.show>.look-and-feel-v1 .btn-primary-link.dropdown-toggle,
:not(.toggle-group)>.look-and-feel-v1 .btn-primary-link:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost).active,
:not(.toggle-group)>.look-and-feel-v1 .btn-primary-link:not(:disabled):not(.off):not(.on):not(.disabled):not(.ghost):active {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #367fa9!important
}

.look-and-feel-v1 .btn .btn-destructive-link,
.look-and-feel-v1 .btn .btn-primary-link,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled .btn-destructive-link,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled .btn-primary-link,
.look-and-feel-v1 button.upload-result .btn-destructive-link,
.look-and-feel-v1 button.upload-result .btn-primary-link,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled .btn-destructive-link,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled .btn-primary-link {
    padding: 0
}

.look-and-feel-v1 .form-inline .btn,
.look-and-feel-v1 .form-inline .btn-icon,
.look-and-feel-v1 .form-inline .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1 .form-inline button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .form-inline .swal2-styled {
    vertical-align: middle
}

.look-and-feel-v1 .btn-light {
    min-width: 25px
}

.look-and-feel-v1 .btn-default.toggle,
.look-and-feel-v1 .btn-default.toggle .toggle-group>.btn-default {
    color: #333!important;
    background-color: #e6e6e6!important;
    border: .0625rem solid #adadad!important
}

.look-and-feel-v1 .btn-default.toggle {
    border: .0625rem solid #adadad!important
}

.look-and-feel-v1 .btn-default.toggle .toggle-group>.btn-default:not(.toggle-handle),
.look-and-feel-v1 .btn-default.toggle .toggle-group>.btn-success:not(.toggle-handle) {
    border: 0!important
}

.look-and-feel-v1 a.btn-icon {
    vertical-align: bottom
}

.look-and-feel-v1 a.btn-icon .material-icons {
    position: relative;
    top: calc(50% - 12px)
}

.look-and-feel-v1 .list-group-item .btn-group-sm>.btn,
.look-and-feel-v1 .list-group-item .btn-group-sm>button.upload-result,
.look-and-feel-v1 .list-group-item .btn-sm,
.look-and-feel-v1 .list-group-item .look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .list-group-item .btn-group-sm>.swal2-styled {
    margin: -5px 0
}

@media screen and (max-width:959px) {
    .look-and-feel-v1 .btn-auto-responsive .left-icon {
        margin: 0;
        font-size: 1rem
    }
    .look-and-feel-v1 .btn-auto-responsive .left-icon.material-icons {
        margin: 0
    }
    .look-and-feel-v1 .btn-auto-responsive .btn-label {
        display: none
    }
    .look-and-feel-v1 .btn-auto-responsive .btn-icon-md,
    .look-and-feel-v1 .btn-auto-responsive.btn-md,
    .look-and-feel-v1 button.btn-auto-responsive.upload-result {
        padding: 7px;
        height: 34px;
        width: 34px
    }
    .look-and-feel-v1 .btn-auto-responsive .btn-icon-sm,
    .look-and-feel-v1 .btn-auto-responsive.btn-sm,
    .look-and-feel-v1 .btn-group-sm>.btn-auto-responsive.btn,
    .look-and-feel-v1 .btn-group-sm>button.btn-auto-responsive.upload-result,
    .look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.btn-auto-responsive.swal2-styled,
    .look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-group-sm>.btn-auto-responsive.swal2-styled {
        padding: 5px;
        height: 30px;
        width: 30px
    }
    .look-and-feel-v1 .btn-auto-responsive .btn-icon-sm.md-component,
    .look-and-feel-v1 .btn-auto-responsive.btn-sm.md-component,
    .look-and-feel-v1 .btn-group-sm>.btn-auto-responsive.md-component.btn,
    .look-and-feel-v1 .btn-group-sm>button.btn-auto-responsive.md-component.upload-result,
    .look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.btn-auto-responsive.md-component.swal2-styled,
    .look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-group-sm>.btn-auto-responsive.md-component.swal2-styled {
        padding: 5px
    }
}

.look-and-feel-v1 .btn-outline-secondary {
    border-color: #d2d6de
}

.look-and-feel-v1 .form-check.btn .form-check-input,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .form-check.swal2-styled .form-check-input,
.look-and-feel-v1 button.form-check.upload-result .form-check-input,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .form-check.swal2-styled .form-check-input {
    margin-top: .08rem;
    margin-right: -1.25rem
}

.look-and-feel-v1 .btn-secondary:not(:disabled):not(.disabled).active,
.look-and-feel-v1 .btn-secondary:not(:disabled):not(.disabled):active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .show>.dropdown-toggle.swal2-styled.swal2-cancel,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:not(:disabled):not(.disabled).active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:not(:disabled):not(.disabled):active,
.look-and-feel-v1 .show>.btn-secondary.dropdown-toggle,
.look-and-feel-v1 .show>a.dropdown-toggle.btn-default,
.look-and-feel-v1 .show>button.dropdown-toggle.btn-default,
.look-and-feel-v1 a.btn-default:not(:disabled):not(.disabled).active,
.look-and-feel-v1 a.btn-default:not(:disabled):not(.disabled):active,
.look-and-feel-v1 button.btn-default:not(:disabled):not(.disabled).active,
.look-and-feel-v1 button.btn-default:not(:disabled):not(.disabled):active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .show>.dropdown-toggle.swal2-styled.swal2-cancel,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-cancel:not(:disabled):not(.disabled).active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-cancel:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #367fa9;
    border-color: #204d74
}

.look-and-feel-v1 .btn-primary:not(:disabled):not(.disabled).active,
.look-and-feel-v1 .btn-primary:not(:disabled):not(.disabled):active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .show>.dropdown-toggle.swal2-styled.swal2-confirm,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:not(:disabled):not(.disabled).active,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:not(:disabled):not(.disabled):active,
.look-and-feel-v1 .show>.btn-primary.dropdown-toggle,
.look-and-feel-v1 .show>button.dropdown-toggle.upload-result,
.look-and-feel-v1 button.upload-result:not(:disabled):not(.disabled).active,
.look-and-feel-v1 button.upload-result:not(:disabled):not(.disabled):active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .show>.dropdown-toggle.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-confirm:not(:disabled):not(.disabled).active,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .swal2-styled.swal2-confirm:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.look-and-feel-v1 button:focus {
    outline: 0 auto -webkit-focus-ring-color
}

.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .md-component.swal2-styled .left-icon,
.look-and-feel-v1 .md-component.btn .left-icon,
.look-and-feel-v1 button.md-component.upload-result .left-icon,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .md-component.swal2-styled .left-icon {
    font-size: 1.25rem
}

.look-and-feel-v1 .btn-group-sm>.md-component.btn.btn-icon,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.md-component.btn-icon.swal2-styled,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .md-component.btn-icon.btn-icon-md.swal2-styled,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .md-component.btn-icon.btn-icon-sm.swal2-styled,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .md-component.btn-icon.btn-md.swal2-styled,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .md-component.btn-icon.btn-sm.swal2-styled,
.look-and-feel-v1 .md-component.btn.btn-icon.btn-icon-md,
.look-and-feel-v1 .md-component.btn.btn-icon.btn-icon-sm,
.look-and-feel-v1 .md-component.btn.btn-icon.btn-md,
.look-and-feel-v1 .md-component.btn.btn-icon.btn-sm,
.look-and-feel-v1 button.md-component.btn-icon.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-group-sm>.md-component.btn-icon.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .md-component.btn-icon.btn-icon-md.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .md-component.btn-icon.btn-icon-sm.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .md-component.btn-icon.btn-md.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .md-component.btn-icon.btn-sm.swal2-styled {
    padding: 0
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .md-component.btn-icon.swal2-styled i,
.bux-card .bux-card-head .head-avatar .look-and-feel-v1 .md-component.btn.btn-icon i,
.bux-card .bux-card-head .head-avatar .look-and-feel-v1 button.md-component.btn-icon.upload-result i,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .md-component.btn-icon.swal2-styled .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .md-component.btn-icon.swal2-styled .icon,
.look-and-feel-v1 .md-component.btn.btn-icon .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v1 .md-component.btn.btn-icon .icon,
.look-and-feel-v1 button.md-component.btn-icon.upload-result .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v1 button.md-component.btn-icon.upload-result .icon,
.look-and-feel-v2 .swal2-popup .swal2-actions .bux-card .bux-card-head .head-avatar .look-and-feel-v1 .md-component.btn-icon.swal2-styled i,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .md-component.btn-icon.swal2-styled .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .md-component.btn-icon.swal2-styled .icon {
    width: 24px;
    height: 24px;
    font-size: 1.5rem
}

.look-and-feel-v1 .btn-group-sm>.md-component.btn,
.look-and-feel-v1 .btn-group-sm>button.md-component.upload-result,
.look-and-feel-v1 .look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.md-component.swal2-styled,
.look-and-feel-v1 .md-component.btn-sm,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .btn-group-sm>.md-component.swal2-styled {
    line-height: 1.25rem;
    padding: .25rem 1rem
}

:not(.toggle-group)>.look-and-feel-v1 .toggle-switch .btn-default:not(:disabled):not(.off):not(.on):not(.disabled).active,
:not(.toggle-group)>.look-and-feel-v1 .toggle-switch .btn-default:not(:disabled):not(.off):not(.on):not(.disabled):active {
    color: #333!important;
    background-color: #e6e6e6!important;
    border: .0625rem solid #e6e6e6!important
}

.look-and-feel-v1 .toggle-switch .btn-default:hover {
    background-color: #fff!important
}

.look-and-feel-v2 .btn,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v2 button.upload-result {
    text-transform: capitalize;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #242527;
    padding: .375rem 1rem;
    display: inline-block
}

.look-and-feel-v2 .btn-icon {
    padding: .25rem;
    width: 36px
}

.look-and-feel-v2 .btn-group-sm>.btn-icon.btn,
.look-and-feel-v2 .btn-group-sm>button.btn-icon.upload-result,
.look-and-feel-v2 .btn-icon .btn-icon-sm,
.look-and-feel-v2 .btn-icon.btn-sm,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.btn-icon.swal2-styled {
    padding: .5rem;
    height: 36px
}

.look-and-feel-v2 .left-icon {
    margin-right: .25rem;
    margin-left: -.25rem
}

@media screen and (max-width:959px) {
    .look-and-feel-v2 .btn-auto-responsive.btn,
    .look-and-feel-v2 .swal2-popup .swal2-actions .btn-auto-responsive.swal2-styled,
    .look-and-feel-v2 button.btn-auto-responsive.upload-result {
        padding: .25rem;
        width: 36px
    }
    .look-and-feel-v2 .btn-auto-responsive .left-icon {
        margin: 0
    }
    .look-and-feel-v2 .btn-auto-responsive .btn-label {
        display: none
    }
}

.look-and-feel-v2 .link {
    cursor: pointer
}

.look-and-feel-v2 button.link {
    background: none;
    border-width: 0;
    color: #2f4daa;
    font-size: inherit
}

.look-and-feel-v2 .btn-default {
    background-color: #2f4daa!important;
    border: .0625rem solid #2f4daa!important;
    color: #fafbfd!important;
    border-radius: .25rem;
    height: 34px
}

.look-and-feel-v2 .btn-default:focus {
    box-shadow: 0 2px 4px rgba(71, 101, 203, .24), 0 4px 8px rgba(71, 101, 203, .16)
}

.look-and-feel-v2 .btn-default.disabled,
.look-and-feel-v2 .btn-default.disabled:focus,
.look-and-feel-v2 .btn-default[disabled],
.look-and-feel-v2 .btn-default[disabled]:focus {
    background-color: #a3a4a5!important;
    color: #fafbfd!important;
    outline: 0!important;
    border: 0!important
}

.look-and-feel-v2 .btn-default.ghost {
    background-color: transparent!important;
    border: 0 solid #2f4daa!important;
    color: #fafbfd!important
}

.look-and-feel-v2 .btn-default.ghost.disabled,
.look-and-feel-v2 .btn-default.ghost.disabled:focus,
.look-and-feel-v2 .btn-default.ghost[disabled],
.look-and-feel-v2 .btn-default.ghost[disabled]:focus {
    background: transparent!important;
    color: #a3a4a5!important
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .btn-default.ghost.btn-icon i,
.look-and-feel-v2 .btn-default.ghost.btn-icon .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .btn-default.ghost.btn-icon .fas,
.look-and-feel-v2 .btn-default.ghost.btn-icon .icon,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .btn-default.ghost.btn-icon i {
    position: relative;
    top: calc(50% - 10px)
}

.look-and-feel-v2 .btn-default.ghost:hover {
    box-shadow: 0 2px 4px rgba(71, 101, 203, .24), 0 4px 8px rgba(71, 101, 203, .16)
}

.look-and-feel-v2 .btn-default.ghost:hover.disabled,
.look-and-feel-v2 .btn-default.ghost:hover.disabled:focus,
.look-and-feel-v2 .btn-default.ghost:hover[disabled],
.look-and-feel-v2 .btn-default.ghost:hover[disabled]:focus {
    background: transparent!important;
    color: #a3a4a5!important;
    box-shadow: none
}

.look-and-feel-v2 .btn-primary,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm,
.look-and-feel-v2 button.upload-result {
    background-color: #2f4daa!important;
    border: .0625rem solid #2f4daa!important;
    color: #fafbfd!important;
    border-radius: .25rem;
    height: 34px
}

.look-and-feel-v2 .btn-primary:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:focus,
.look-and-feel-v2 button.upload-result:focus {
    box-shadow: 0 2px 4px rgba(71, 101, 203, .24), 0 4px 8px rgba(71, 101, 203, .16)
}

.look-and-feel-v2 .btn-primary.disabled,
.look-and-feel-v2 .btn-primary.disabled:focus,
.look-and-feel-v2 .btn-primary[disabled],
.look-and-feel-v2 .btn-primary[disabled]:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .disabled.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions [disabled].swal2-styled.swal2-confirm,
.look-and-feel-v2 button.disabled.upload-result,
.look-and-feel-v2 button[disabled].upload-result {
    background-color: #a3a4a5!important;
    color: #fafbfd!important;
    outline: 0!important;
    border: 0!important
}

.look-and-feel-v2 .btn-primary.ghost,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-confirm,
.look-and-feel-v2 button.ghost.upload-result {
    background-color: transparent!important;
    border: 0 solid #2f4daa!important;
    color: #fafbfd!important
}

.look-and-feel-v2 .btn-primary.ghost.disabled,
.look-and-feel-v2 .btn-primary.ghost.disabled:focus,
.look-and-feel-v2 .btn-primary.ghost[disabled],
.look-and-feel-v2 .btn-primary.ghost[disabled]:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.disabled.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost[disabled].swal2-styled.swal2-confirm,
.look-and-feel-v2 button.ghost.disabled.upload-result,
.look-and-feel-v2 button.ghost[disabled].upload-result {
    background: transparent!important;
    color: #a3a4a5!important
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .btn-primary.ghost.btn-icon i,
.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.btn-icon.swal2-styled.swal2-confirm i,
.bux-card .bux-card-head .head-avatar .look-and-feel-v2 button.ghost.btn-icon.upload-result i,
.look-and-feel-v2 .btn-primary.ghost.btn-icon .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .btn-primary.ghost.btn-icon .fas,
.look-and-feel-v2 .btn-primary.ghost.btn-icon .icon,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .btn-primary.ghost.btn-icon i,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .swal2-popup .swal2-actions .ghost.btn-icon.swal2-styled.swal2-confirm i,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar button.ghost.btn-icon.upload-result i,
.look-and-feel-v2 .swal2-popup .swal2-actions .bux-card .bux-card-head .head-avatar .ghost.btn-icon.swal2-styled.swal2-confirm i,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.btn-icon.swal2-styled.swal2-confirm .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.btn-icon.swal2-styled.swal2-confirm .fas,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.btn-icon.swal2-styled.swal2-confirm .icon,
.look-and-feel-v2 button.ghost.btn-icon.upload-result .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 button.ghost.btn-icon.upload-result .fas,
.look-and-feel-v2 button.ghost.btn-icon.upload-result .icon {
    position: relative;
    top: calc(50% - 10px)
}

.look-and-feel-v2 .btn-primary.ghost:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-confirm:hover,
.look-and-feel-v2 button.ghost.upload-result:hover {
    box-shadow: 0 2px 4px rgba(71, 101, 203, .24), 0 4px 8px rgba(71, 101, 203, .16)
}

.look-and-feel-v2 .btn-primary.ghost:hover.disabled,
.look-and-feel-v2 .btn-primary.ghost:hover.disabled:focus,
.look-and-feel-v2 .btn-primary.ghost:hover[disabled],
.look-and-feel-v2 .btn-primary.ghost:hover[disabled]:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-confirm:hover.disabled,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-confirm:hover[disabled],
.look-and-feel-v2 button.ghost.upload-result:hover.disabled,
.look-and-feel-v2 button.ghost.upload-result:hover[disabled] {
    background: transparent!important;
    color: #a3a4a5!important;
    box-shadow: none
}

.look-and-feel-v2 .btn-tertiary {
    background-color: #2f4daa!important;
    border: .0625rem solid #2f4daa!important;
    color: #fafbfd!important;
    border-radius: .25rem;
    height: 34px
}

.look-and-feel-v2 .btn-tertiary:focus {
    box-shadow: 0 2px 4px rgba(71, 101, 203, .24), 0 4px 8px rgba(71, 101, 203, .16)
}

.look-and-feel-v2 .btn-tertiary.disabled,
.look-and-feel-v2 .btn-tertiary.disabled:focus,
.look-and-feel-v2 .btn-tertiary[disabled],
.look-and-feel-v2 .btn-tertiary[disabled]:focus {
    background-color: #a3a4a5!important;
    color: #fafbfd!important;
    outline: 0!important;
    border: 0!important
}

.look-and-feel-v2 .btn-tertiary.ghost {
    background-color: transparent!important;
    border: 0 solid #2f4daa!important;
    color: #fafbfd!important
}

.look-and-feel-v2 .btn-tertiary.ghost.disabled,
.look-and-feel-v2 .btn-tertiary.ghost.disabled:focus,
.look-and-feel-v2 .btn-tertiary.ghost[disabled],
.look-and-feel-v2 .btn-tertiary.ghost[disabled]:focus {
    background: transparent!important;
    color: #a3a4a5!important
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .btn-tertiary.ghost.btn-icon i,
.look-and-feel-v2 .btn-tertiary.ghost.btn-icon .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .btn-tertiary.ghost.btn-icon .fas,
.look-and-feel-v2 .btn-tertiary.ghost.btn-icon .icon,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .btn-tertiary.ghost.btn-icon i {
    position: relative;
    top: calc(50% - 10px)
}

.look-and-feel-v2 .btn-tertiary.ghost:hover {
    box-shadow: 0 2px 4px rgba(71, 101, 203, .24), 0 4px 8px rgba(71, 101, 203, .16)
}

.look-and-feel-v2 .btn-tertiary.ghost:hover.disabled,
.look-and-feel-v2 .btn-tertiary.ghost:hover.disabled:focus,
.look-and-feel-v2 .btn-tertiary.ghost:hover[disabled],
.look-and-feel-v2 .btn-tertiary.ghost:hover[disabled]:focus {
    background: transparent!important;
    color: #a3a4a5!important;
    box-shadow: none
}

.look-and-feel-v1 .look-and-feel-v2 a.btn-default,
.look-and-feel-v1 .look-and-feel-v2 button.btn-default,
.look-and-feel-v2 .btn-secondary,
.look-and-feel-v2 .look-and-feel-v1 a.btn-default,
.look-and-feel-v2 .look-and-feel-v1 button.btn-default,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel {
    background-color: #f6f7f9!important;
    border: .0625rem solid #2f4daa!important;
    color: #2f4daa!important;
    border-radius: .25rem;
    height: 34px
}

.look-and-feel-v1 .look-and-feel-v2 a.btn-default:focus,
.look-and-feel-v1 .look-and-feel-v2 button.btn-default:focus,
.look-and-feel-v2 .btn-secondary:focus,
.look-and-feel-v2 .look-and-feel-v1 a.btn-default:focus,
.look-and-feel-v2 .look-and-feel-v1 button.btn-default:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:focus {
    box-shadow: 0 2px 4px rgba(71, 101, 203, .24), 0 4px 8px rgba(71, 101, 203, .16)
}

.look-and-feel-v1 .look-and-feel-v2 a.disabled.btn-default,
.look-and-feel-v1 .look-and-feel-v2 a[disabled].btn-default,
.look-and-feel-v1 .look-and-feel-v2 button.disabled.btn-default,
.look-and-feel-v1 .look-and-feel-v2 button[disabled].btn-default,
.look-and-feel-v2 .btn-secondary.disabled,
.look-and-feel-v2 .btn-secondary.disabled:focus,
.look-and-feel-v2 .btn-secondary[disabled],
.look-and-feel-v2 .btn-secondary[disabled]:focus,
.look-and-feel-v2 .look-and-feel-v1 a.disabled.btn-default,
.look-and-feel-v2 .look-and-feel-v1 a[disabled].btn-default,
.look-and-feel-v2 .look-and-feel-v1 button.disabled.btn-default,
.look-and-feel-v2 .look-and-feel-v1 button[disabled].btn-default,
.look-and-feel-v2 .swal2-popup .swal2-actions .disabled.swal2-styled.swal2-cancel,
.look-and-feel-v2 .swal2-popup .swal2-actions [disabled].swal2-styled.swal2-cancel {
    background-color: #a3a4a5!important;
    color: #fafbfd!important;
    outline: 0!important;
    border: 0!important
}

.look-and-feel-v1 .look-and-feel-v2 a.ghost.btn-default,
.look-and-feel-v1 .look-and-feel-v2 button.ghost.btn-default,
.look-and-feel-v2 .btn-secondary.ghost,
.look-and-feel-v2 .look-and-feel-v1 a.ghost.btn-default,
.look-and-feel-v2 .look-and-feel-v1 button.ghost.btn-default,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-cancel {
    background-color: transparent!important;
    border: 0 solid #2f4daa!important;
    color: #2f4daa!important
}

.look-and-feel-v1 .look-and-feel-v2 a.ghost.disabled.btn-default,
.look-and-feel-v1 .look-and-feel-v2 a.ghost[disabled].btn-default,
.look-and-feel-v1 .look-and-feel-v2 button.ghost.disabled.btn-default,
.look-and-feel-v1 .look-and-feel-v2 button.ghost[disabled].btn-default,
.look-and-feel-v2 .btn-secondary.ghost.disabled,
.look-and-feel-v2 .btn-secondary.ghost.disabled:focus,
.look-and-feel-v2 .btn-secondary.ghost[disabled],
.look-and-feel-v2 .btn-secondary.ghost[disabled]:focus,
.look-and-feel-v2 .look-and-feel-v1 a.ghost.disabled.btn-default,
.look-and-feel-v2 .look-and-feel-v1 a.ghost[disabled].btn-default,
.look-and-feel-v2 .look-and-feel-v1 button.ghost.disabled.btn-default,
.look-and-feel-v2 .look-and-feel-v1 button.ghost[disabled].btn-default,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.disabled.swal2-styled.swal2-cancel,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost[disabled].swal2-styled.swal2-cancel {
    background: transparent!important;
    color: #a3a4a5!important
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v1 .look-and-feel-v2 a.ghost.btn-icon.btn-default i,
.bux-card .bux-card-head .head-avatar .look-and-feel-v1 .look-and-feel-v2 button.ghost.btn-icon.btn-default i,
.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .btn-secondary.ghost.btn-icon i,
.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .look-and-feel-v1 a.ghost.btn-icon.btn-default i,
.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .look-and-feel-v1 button.ghost.btn-icon.btn-default i,
.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .swal2-popup .swal2-actions .ghost.btn-icon.swal2-styled.swal2-cancel i,
.look-and-feel-v1 .look-and-feel-v2 .bux-card .bux-card-head .head-avatar a.ghost.btn-icon.btn-default i,
.look-and-feel-v1 .look-and-feel-v2 .bux-card .bux-card-head .head-avatar button.ghost.btn-icon.btn-default i,
.look-and-feel-v1 .look-and-feel-v2 a.ghost.btn-icon.btn-default .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v1 .look-and-feel-v2 a.ghost.btn-icon.btn-default .fas,
.look-and-feel-v1 .look-and-feel-v2 a.ghost.btn-icon.btn-default .icon,
.look-and-feel-v1 .look-and-feel-v2 button.ghost.btn-icon.btn-default .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v1 .look-and-feel-v2 button.ghost.btn-icon.btn-default .fas,
.look-and-feel-v1 .look-and-feel-v2 button.ghost.btn-icon.btn-default .icon,
.look-and-feel-v2 .btn-secondary.ghost.btn-icon .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .btn-secondary.ghost.btn-icon .fas,
.look-and-feel-v2 .btn-secondary.ghost.btn-icon .icon,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .btn-secondary.ghost.btn-icon i,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .look-and-feel-v1 a.ghost.btn-icon.btn-default i,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .look-and-feel-v1 button.ghost.btn-icon.btn-default i,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .swal2-popup .swal2-actions .ghost.btn-icon.swal2-styled.swal2-cancel i,
.look-and-feel-v2 .look-and-feel-v1 a.ghost.btn-icon.btn-default .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .look-and-feel-v1 a.ghost.btn-icon.btn-default .fas,
.look-and-feel-v2 .look-and-feel-v1 a.ghost.btn-icon.btn-default .icon,
.look-and-feel-v2 .look-and-feel-v1 button.ghost.btn-icon.btn-default .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .look-and-feel-v1 button.ghost.btn-icon.btn-default .fas,
.look-and-feel-v2 .look-and-feel-v1 button.ghost.btn-icon.btn-default .icon,
.look-and-feel-v2 .swal2-popup .swal2-actions .bux-card .bux-card-head .head-avatar .ghost.btn-icon.swal2-styled.swal2-cancel i,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.btn-icon.swal2-styled.swal2-cancel .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.btn-icon.swal2-styled.swal2-cancel .fas,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.btn-icon.swal2-styled.swal2-cancel .icon {
    position: relative;
    top: calc(50% - 10px)
}

.look-and-feel-v1 .look-and-feel-v2 a.ghost.btn-default:hover,
.look-and-feel-v1 .look-and-feel-v2 button.ghost.btn-default:hover,
.look-and-feel-v2 .btn-secondary.ghost:hover,
.look-and-feel-v2 .look-and-feel-v1 a.ghost.btn-default:hover,
.look-and-feel-v2 .look-and-feel-v1 button.ghost.btn-default:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-cancel:hover {
    box-shadow: 0 2px 4px rgba(71, 101, 203, .24), 0 4px 8px rgba(71, 101, 203, .16)
}

.look-and-feel-v1 .look-and-feel-v2 a.ghost.btn-default:hover.disabled,
.look-and-feel-v1 .look-and-feel-v2 a.ghost.btn-default:hover[disabled],
.look-and-feel-v1 .look-and-feel-v2 button.ghost.btn-default:hover.disabled,
.look-and-feel-v1 .look-and-feel-v2 button.ghost.btn-default:hover[disabled],
.look-and-feel-v2 .btn-secondary.ghost:hover.disabled,
.look-and-feel-v2 .btn-secondary.ghost:hover.disabled:focus,
.look-and-feel-v2 .btn-secondary.ghost:hover[disabled],
.look-and-feel-v2 .btn-secondary.ghost:hover[disabled]:focus,
.look-and-feel-v2 .look-and-feel-v1 a.ghost.btn-default:hover.disabled,
.look-and-feel-v2 .look-and-feel-v1 a.ghost.btn-default:hover[disabled],
.look-and-feel-v2 .look-and-feel-v1 button.ghost.btn-default:hover.disabled,
.look-and-feel-v2 .look-and-feel-v1 button.ghost.btn-default:hover[disabled],
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-cancel:hover.disabled,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.swal2-cancel:hover[disabled] {
    background: transparent!important;
    color: #a3a4a5!important;
    box-shadow: none
}

.look-and-feel-v2 .btn-cta {
    background-color: #2f4daa!important;
    border: .0625rem solid #2f4daa!important;
    color: #fafbfd!important;
    border-radius: .25rem;
    height: 34px
}

.look-and-feel-v2 .btn-cta:focus {
    box-shadow: 0 2px 4px rgba(71, 101, 203, .24), 0 4px 8px rgba(71, 101, 203, .16)
}

.look-and-feel-v2 .btn-cta.disabled,
.look-and-feel-v2 .btn-cta.disabled:focus,
.look-and-feel-v2 .btn-cta[disabled],
.look-and-feel-v2 .btn-cta[disabled]:focus {
    background-color: #a3a4a5!important;
    color: #fafbfd!important;
    outline: 0!important;
    border: 0!important
}

.look-and-feel-v2 .btn-cta.ghost {
    background-color: transparent!important;
    border: 0 solid #2f4daa!important;
    color: #fafbfd!important
}

.look-and-feel-v2 .btn-cta.ghost.disabled,
.look-and-feel-v2 .btn-cta.ghost.disabled:focus,
.look-and-feel-v2 .btn-cta.ghost[disabled],
.look-and-feel-v2 .btn-cta.ghost[disabled]:focus {
    background: transparent!important;
    color: #a3a4a5!important
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .btn-cta.ghost.btn-icon i,
.look-and-feel-v2 .btn-cta.ghost.btn-icon .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .btn-cta.ghost.btn-icon .fas,
.look-and-feel-v2 .btn-cta.ghost.btn-icon .icon,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .btn-cta.ghost.btn-icon i {
    position: relative;
    top: calc(50% - 10px)
}

.look-and-feel-v2 .btn-cta.ghost:hover {
    box-shadow: 0 2px 4px rgba(71, 101, 203, .24), 0 4px 8px rgba(71, 101, 203, .16)
}

.look-and-feel-v2 .btn-cta.ghost:hover.disabled,
.look-and-feel-v2 .btn-cta.ghost:hover.disabled:focus,
.look-and-feel-v2 .btn-cta.ghost:hover[disabled],
.look-and-feel-v2 .btn-cta.ghost:hover[disabled]:focus {
    background: transparent!important;
    color: #a3a4a5!important;
    box-shadow: none
}

.look-and-feel-v2 .btn-destructive,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.btn-destructive {
    background-color: #ff7a6f!important;
    border: .0625rem solid #ff7a6f!important;
    color: #fafbfd!important;
    border-radius: .25rem;
    height: 34px
}

.look-and-feel-v2 .btn-destructive:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.btn-destructive:focus {
    box-shadow: 0 2px 4px rgba(255, 122, 111, .24), 0 4px 8px rgba(255, 122, 111, .16)
}

.look-and-feel-v2 .btn-destructive.disabled,
.look-and-feel-v2 .btn-destructive.disabled:focus,
.look-and-feel-v2 .btn-destructive[disabled],
.look-and-feel-v2 .btn-destructive[disabled]:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .disabled.swal2-styled.btn-destructive,
.look-and-feel-v2 .swal2-popup .swal2-actions [disabled].swal2-styled.btn-destructive {
    background-color: #a3a4a5!important;
    color: #fafbfd!important;
    outline: 0!important;
    border: 0!important
}

.look-and-feel-v2 .btn-destructive.ghost,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.btn-destructive {
    background-color: transparent!important;
    border: 0 solid #ff7a6f!important;
    color: #fafbfd!important
}

.look-and-feel-v2 .btn-destructive.ghost.disabled,
.look-and-feel-v2 .btn-destructive.ghost.disabled:focus,
.look-and-feel-v2 .btn-destructive.ghost[disabled],
.look-and-feel-v2 .btn-destructive.ghost[disabled]:focus,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.disabled.swal2-styled.btn-destructive,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost[disabled].swal2-styled.btn-destructive {
    background: transparent!important;
    color: #a3a4a5!important
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .btn-destructive.ghost.btn-icon i,
.look-and-feel-v2 .btn-destructive.ghost.btn-icon .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .btn-destructive.ghost.btn-icon .fas,
.look-and-feel-v2 .btn-destructive.ghost.btn-icon .icon,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .btn-destructive.ghost.btn-icon i {
    position: relative;
    top: calc(50% - 10px)
}

.look-and-feel-v2 .btn-destructive.ghost:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .ghost.swal2-styled.btn-destructive:hover {
    box-shadow: 0 2px 4px rgba(255, 122, 111, .24), 0 4px 8px rgba(255, 122, 111, .16)
}

.look-and-feel-v2 .btn-destructive.ghost:hover.disabled,
.look-and-feel-v2 .btn-destructive.ghost:hover.disabled:focus,
.look-and-feel-v2 .btn-destructive.ghost:hover[disabled],
.look-and-feel-v2 .btn-destructive.ghost:hover[disabled]:focus {
    background: transparent!important;
    color: #a3a4a5!important;
    box-shadow: none
}

.look-and-feel-v2 .btn-destructive-sec {
    background-color: #f6f7f9!important;
    border: .0625rem solid #ff7a6f!important;
    color: #ff7a6f!important;
    border-radius: .25rem;
    height: 34px
}

.look-and-feel-v2 .btn-destructive-sec:focus {
    box-shadow: 0 2px 4px rgba(255, 122, 111, .24), 0 4px 8px rgba(255, 122, 111, .16)
}

.look-and-feel-v2 .btn-destructive-sec.disabled,
.look-and-feel-v2 .btn-destructive-sec.disabled:focus,
.look-and-feel-v2 .btn-destructive-sec[disabled],
.look-and-feel-v2 .btn-destructive-sec[disabled]:focus {
    background-color: #a3a4a5!important;
    color: #fafbfd!important;
    outline: 0!important;
    border: 0!important
}

.look-and-feel-v2 .btn-destructive-sec.ghost {
    background-color: transparent!important;
    border: 0 solid #ff7a6f!important;
    color: #ff7a6f!important
}

.look-and-feel-v2 .btn-destructive-sec.ghost.disabled,
.look-and-feel-v2 .btn-destructive-sec.ghost.disabled:focus,
.look-and-feel-v2 .btn-destructive-sec.ghost[disabled],
.look-and-feel-v2 .btn-destructive-sec.ghost[disabled]:focus {
    background: transparent!important;
    color: #a3a4a5!important
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .btn-destructive-sec.ghost.btn-icon i,
.look-and-feel-v2 .btn-destructive-sec.ghost.btn-icon .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .btn-destructive-sec.ghost.btn-icon .fas,
.look-and-feel-v2 .btn-destructive-sec.ghost.btn-icon .icon,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .btn-destructive-sec.ghost.btn-icon i {
    position: relative;
    top: calc(50% - 10px)
}

.look-and-feel-v2 .btn-destructive-sec.ghost:hover {
    box-shadow: 0 2px 4px rgba(255, 122, 111, .24), 0 4px 8px rgba(255, 122, 111, .16)
}

.look-and-feel-v2 .btn-destructive-sec.ghost:hover.disabled,
.look-and-feel-v2 .btn-destructive-sec.ghost:hover.disabled:focus,
.look-and-feel-v2 .btn-destructive-sec.ghost:hover[disabled],
.look-and-feel-v2 .btn-destructive-sec.ghost:hover[disabled]:focus {
    background: transparent!important;
    color: #a3a4a5!important;
    box-shadow: none
}

.look-and-feel-v2 .btn-destructive-link {
    background-color: transparent!important;
    border: .0625rem solid transparent!important;
    color: #ff7a6f!important;
    border-radius: .25rem;
    height: 34px
}

.look-and-feel-v2 .btn-destructive-link:focus {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .24), 0 4px 8px rgba(0, 0, 0, .16)
}

.look-and-feel-v2 .btn-destructive-link.disabled,
.look-and-feel-v2 .btn-destructive-link.disabled:focus,
.look-and-feel-v2 .btn-destructive-link[disabled],
.look-and-feel-v2 .btn-destructive-link[disabled]:focus {
    background-color: transparent!important;
    color: #a3a4a5!important;
    outline: 0!important;
    border: 0!important
}

.look-and-feel-v2 .btn-destructive-link.ghost {
    background-color: transparent!important;
    border: 0 solid transparent!important;
    color: #ff7a6f!important
}

.look-and-feel-v2 .btn-destructive-link.ghost.disabled,
.look-and-feel-v2 .btn-destructive-link.ghost.disabled:focus,
.look-and-feel-v2 .btn-destructive-link.ghost[disabled],
.look-and-feel-v2 .btn-destructive-link.ghost[disabled]:focus {
    background: transparent!important;
    color: #a3a4a5!important
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .btn-destructive-link.ghost.btn-icon i,
.look-and-feel-v2 .btn-destructive-link.ghost.btn-icon .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .btn-destructive-link.ghost.btn-icon .fas,
.look-and-feel-v2 .btn-destructive-link.ghost.btn-icon .icon,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .btn-destructive-link.ghost.btn-icon i {
    position: relative;
    top: calc(50% - 10px)
}

.look-and-feel-v2 .btn-destructive-link.ghost:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .24), 0 4px 8px rgba(0, 0, 0, .16)
}

.look-and-feel-v2 .btn-destructive-link.ghost:hover.disabled,
.look-and-feel-v2 .btn-destructive-link.ghost:hover.disabled:focus,
.look-and-feel-v2 .btn-destructive-link.ghost:hover[disabled],
.look-and-feel-v2 .btn-destructive-link.ghost:hover[disabled]:focus {
    background: transparent!important;
    color: #a3a4a5!important;
    box-shadow: none
}

.look-and-feel-v2 .list-group-item .btn-group-sm>.btn,
.look-and-feel-v2 .list-group-item .btn-group-sm>button.upload-result,
.look-and-feel-v2 .list-group-item .btn-sm,
.look-and-feel-v2 .list-group-item .swal2-popup .swal2-actions .btn-group-sm>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .list-group-item .btn-group-sm>.swal2-styled {
    margin: -5px 0
}

.look-and-feel-v2 .btn-app {
    border-radius: 3px;
    position: relative;
    padding: 5px 10px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    text-align: center;
    color: #666;
    border: .0625rem solid #ddd;
    background-color: #f4f4f4;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #242527
}

.look-and-feel-v2 .btn-app>.fa,
.look-and-feel-v2 .btn-app>.glyphicon,
.look-and-feel-v2 .btn-app>.ion,
.look-and-feel-v2 .btn-app>i {
    font-size: 1.25rem;
    display: block
}

.look-and-feel-v2 .btn-app b {
    font-size: 1.125rem
}

.look-and-feel-v2 .btn-app:hover {
    background: #f4f4f4;
    color: #444;
    border-color: #aaa
}

.look-and-feel-v2 .btn-app:active,
.look-and-feel-v2 .btn-app:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.look-and-feel-v2 .btn-app>.badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: .625rem;
    font-weight: 400
}

.look-and-feel-v2 .btn-app.btn-operations-workflow {
    width: 90px
}

.look-and-feel-v2 .btn-default {
    background-color: #fafbfd;
    color: #464748;
    border: 0
}

.look-and-feel-v2 .btn-default.hover,
.look-and-feel-v2 .btn-default:active,
.look-and-feel-v2 .btn-default:hover {
    color: #fafbfd
}

.look-and-feel-v2 .btn-primary,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm,
.look-and-feel-v2 button.upload-result {
    color: #fafbfd;
    background-color: #2f4daa;
    border: 0
}

.look-and-feel-v2 .btn-primary.hover,
.look-and-feel-v2 .btn-primary:active,
.look-and-feel-v2 .btn-primary:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .hover.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:hover,
.look-and-feel-v2 button.hover.upload-result,
.look-and-feel-v2 button.upload-result:active,
.look-and-feel-v2 button.upload-result:hover {
    color: #fafbfd
}

.look-and-feel-v2 .btn-success {
    color: #fafbfd;
    background-color: #6bc64c;
    border: 0
}

.look-and-feel-v2 .btn-success.hover,
.look-and-feel-v2 .btn-success:active,
.look-and-feel-v2 .btn-success:hover {
    color: #fafbfd
}

.look-and-feel-v2 .btn-info {
    color: #fafbfd;
    background-color: #4765cb;
    border: 0
}

.look-and-feel-v2 .btn-info.hover,
.look-and-feel-v2 .btn-info:active,
.look-and-feel-v2 .btn-info:hover {
    color: #fafbfd;
    background-color: #4765cb!important
}

.look-and-feel-v2 .btn-danger {
    color: #fafbfd;
    background-color: #f95e50;
    border: 0
}

.look-and-feel-v2 .btn-danger.hover,
.look-and-feel-v2 .btn-danger:active,
.look-and-feel-v2 .btn-danger:hover {
    color: #fafbfd
}

.look-and-feel-v2 .btn-warning {
    color: #fafbfd;
    background-color: #f99304;
    border: 0
}

.look-and-feel-v2 .btn-warning.hover,
.look-and-feel-v2 .btn-warning:active,
.look-and-feel-v2 .btn-warning:hover {
    color: #fafbfd
}

.look-and-feel-v2 .btn-outline {
    border: .0625rem solid #fafbfd;
    background: transparent;
    color: #fafbfd
}

.look-and-feel-v2 .btn-outline:active,
.look-and-feel-v2 .btn-outline:focus,
.look-and-feel-v2 .btn-outline:hover {
    color: hsla(0, 0%, 100%, .7);
    border-color: hsla(0, 0%, 100%, .7)
}

.look-and-feel-v2 a.btn-icon .material-icons {
    position: relative;
    top: calc(50% - 10px)
}

.load-more {
    display: block;
    width: 100%;
    text-align: center
}

.load-more .ic-use-transition .fa-spin {
    display: none
}

.load-more .ic-use-transition .look-and-feel-v2 .swal2-popup .swal2-actions button.swal2-styled,
.load-more .ic-use-transition button.btn,
.load-more .ic-use-transition button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .load-more .ic-use-transition button.swal2-styled {
    display: inline;
    display: initial;
    width: 100%!important
}

.load-more .look-and-feel-v2 .swal2-popup .swal2-actions button.swal2-styled,
.load-more button.btn,
.load-more button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .load-more button.swal2-styled {
    display: none
}

@media screen and (max-width:960px) {
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_length {
        display: flex;
        align-items: flex-start
    }
    .dataTables_wrapper .dataTables_length {
        padding-left: 16px;
        margin-top: 12px
    }
    .dataTables_wrapper .dataTables_length select {
        margin-left: 4px
    }
}

.dataTables_wrapper .form-control {
    height: 30px
}

.look-and-feel-v2 .dataTables_wrapper .form-control {
    height: 34px
}

.dataTables_wrapper .dataTable {
    width: 100%!important
}

.dataTables_wrapper .dataTable>thead .sorting:before,
.dataTables_wrapper .dataTable>thead .sorting_asc:before,
.dataTables_wrapper .dataTable>thead .sorting_desc:after {
    display: none
}

.dataTables_wrapper .dataTable>thead>tr:nth-child(2n) td:not(.sorting_disabled) {
    padding: 8px
}

.dataTables_wrapper .dataTable>thead .sorting:after {
    opacity: 1
}

.look-and-feel-v2 .shortcuts__banner {
    background: no-repeat 50%;
    background-size: cover;
    margin-left: -16px;
    margin-top: -16px;
    margin-right: -16px;
    border-radius: 10px 10px 0 0
}

.look-and-feel-v2 .shortcuts__banner img {
    width: 100%;
    border-radius: .75rem .75rem 0 0;
    max-height: 300px
}

.look-and-feel-v2 .shortcuts__profile {
    display: flex
}

.look-and-feel-v2 .shortcuts__profile-content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.look-and-feel-v2 .shortcuts__profile-avatar {
    width: 80px
}

.look-and-feel-v2 .shortcuts__profile-img {
    width: 100%;
    border-radius: 50%
}

.look-and-feel-v2 .shortcuts__profile-title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #091351
}

.look-and-feel-v2 .shortcuts__profile-subtitle {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #242527
}

.look-and-feel-v2 .shortcuts__items {
    padding: 0
}

@media screen and (max-width:960px) {
    .look-and-feel-v2 .shortcuts__items {
        margin-top: 16px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .look-and-feel-v2 .shortcuts__items .inherit-link {
        width: 49%
    }
}

@media screen and (max-width:960px)and (max-width:500px) {
    .look-and-feel-v2 .shortcuts__items .inherit-link {
        width: 100%
    }
}

.look-and-feel-v2 .shortcuts__items-link {
    width: 100%;
    height: 50px;
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0 8px;
    border-radius: .25rem;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #242527;
    font-weight: 500;
    color: #091351;
    border: 1px solid #bac6ec
}

.look-and-feel-v2 .shortcuts__items-link-text {
    margin-left: 8px
}

.look-and-feel-v2 .shortcuts__items-link img {
    width: 35px
}

.look-and-feel-v1 .profile-shortcuts,
.look-and-feel-v1 .profile-shortcuts-xl {
    display: flex;
    flex-direction: column
}

.look-and-feel-v1 .profile-shortcuts-xl .header,
.look-and-feel-v1 .profile-shortcuts .header {
    display: flex;
    padding: 0 16px
}

.look-and-feel-v1 .profile-shortcuts-xl .header .avatar,
.look-and-feel-v1 .profile-shortcuts .header .avatar {
    width: 48px;
    height: 48px;
    margin-right: 16px
}

.look-and-feel-v1 .profile-shortcuts-xl .header .description,
.look-and-feel-v1 .profile-shortcuts .header .description {
    visibility: hidden;
    padding-left: 4px;
    padding-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 75px;
    max-width: 330px
}

.look-and-feel-v1 .profile-shortcuts-xl .header .description label,
.look-and-feel-v1 .profile-shortcuts .header .description label {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    display: inline
}

@media(max-width:959px) {
    .look-and-feel-v1 .profile-shortcuts-xl .header .description,
    .look-and-feel-v1 .profile-shortcuts .header .description {
        max-width: calc(100% - 22vw)!important
    }
}

.look-and-feel-v1 .profile-shortcuts-xl .header ul,
.look-and-feel-v1 .profile-shortcuts .header ul {
    padding: 0;
    margin: 0
}

.look-and-feel-v1 .profile-shortcuts-xl .header ul .dropdown,
.look-and-feel-v1 .profile-shortcuts .header ul .dropdown {
    list-style: none;
    height: 16px
}

.look-and-feel-v1 .profile-shortcuts-xl .header ul .dropdown .dropdown-menu,
.look-and-feel-v1 .profile-shortcuts .header ul .dropdown .dropdown-menu {
    right: 0;
    left: auto
}

.look-and-feel-v1 .profile-shortcuts-xl .tab-content .job-description,
.look-and-feel-v1 .profile-shortcuts .tab-content .job-description {
    position: absolute;
    top: 38px;
    left: 65px;
    margin-left: 16px;
    margin-top: 4px;
    width: 68%
}

.look-and-feel-v1 .profile-shortcuts-xl .tab-content .job-description .gray-tag,
.look-and-feel-v1 .profile-shortcuts .tab-content .job-description .gray-tag {
    max-width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.look-and-feel-v1 .profile-shortcuts-xl .tab-content .job-description .employee-code span,
.look-and-feel-v1 .profile-shortcuts .tab-content .job-description .employee-code span {
    vertical-align: super;
    display: inline-block
}

.look-and-feel-v1 .profile-shortcuts-xl .tab-content .current-vacations,
.look-and-feel-v1 .profile-shortcuts .tab-content .current-vacations {
    position: absolute;
    top: 62px;
    right: 16px;
    color: #888
}

.look-and-feel-v1 .profile-shortcuts-xl .tab-content .current-vacations>i,
.look-and-feel-v1 .profile-shortcuts .tab-content .current-vacations>i {
    font-size: 1.5rem;
    color: #3c8dbc
}

.look-and-feel-v1 .profile-shortcuts-xl .tab-content .employee-name,
.look-and-feel-v1 .profile-shortcuts .tab-content .employee-name {
    position: absolute;
    top: 16px;
    left: 80px;
    padding-left: 4px;
    padding-right: 4px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 330px
}

.look-and-feel-v1 .profile-shortcuts-xl .tab-content .employee-name label,
.look-and-feel-v1 .profile-shortcuts .tab-content .employee-name label {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    display: inline
}

.look-and-feel-v1 .profile-shortcuts-xl .tab-content .employee-name a:hover,
.look-and-feel-v1 .profile-shortcuts-xl .tab-content .employee-name a:link,
.look-and-feel-v1 .profile-shortcuts-xl .tab-content .employee-name a:visited,
.look-and-feel-v1 .profile-shortcuts .tab-content .employee-name a:hover,
.look-and-feel-v1 .profile-shortcuts .tab-content .employee-name a:link,
.look-and-feel-v1 .profile-shortcuts .tab-content .employee-name a:visited {
    color: #000
}

@media(max-width:959px) {
    .look-and-feel-v1 .profile-shortcuts-xl .tab-content .employee-name,
    .look-and-feel-v1 .profile-shortcuts .tab-content .employee-name {
        max-width: calc(100% - 30vw)!important
    }
}

.look-and-feel-v1 .profile-shortcuts-xl .links,
.look-and-feel-v1 .profile-shortcuts .links {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin-top: 8px;
    justify-content: space-around
}

@media(max-width:959px) {
    .look-and-feel-v1 .profile-shortcuts-xl .links,
    .look-and-feel-v1 .profile-shortcuts .links {
        flex-direction: row
    }
}

.look-and-feel-v1 .profile-shortcuts-xl .links>li,
.look-and-feel-v1 .profile-shortcuts .links>li {
    display: flex;
    cursor: pointer;
    padding: 8px 12px;
    border-top: 1px solid #f4f4f4
}

.look-and-feel-v1 .profile-shortcuts-xl .links>li:first-of-type,
.look-and-feel-v1 .profile-shortcuts .links>li:first-of-type {
    border-top-width: 0
}

.look-and-feel-v1 .profile-shortcuts-xl .links>li>a,
.look-and-feel-v1 .profile-shortcuts .links>li>a {
    align-self: center;
    display: flex
}

.look-and-feel-v1 .profile-shortcuts-xl .links>li>a>i,
.look-and-feel-v1 .profile-shortcuts .links>li>a>i {
    width: 34px;
    height: 34px;
    font-size: 28px;
    align-self: center;
    text-align: center;
    border-radius: 3px;
    line-height: 32px;
    display: inline-block
}

.look-and-feel-v1 .profile-shortcuts-xl .links>li>a>span,
.look-and-feel-v1 .profile-shortcuts .links>li>a>span {
    font-size: 16px;
    line-height: 20px;
    align-self: center;
    padding-left: 12px
}

@media(max-width:959px) {
    .look-and-feel-v1 .profile-shortcuts-xl .links>li,
    .look-and-feel-v1 .profile-shortcuts .links>li {
        border: 0;
        padding: 0
    }
    .look-and-feel-v1 .profile-shortcuts-xl .links>li>a,
    .look-and-feel-v1 .profile-shortcuts .links>li>a {
        flex-direction: column
    }
    .look-and-feel-v1 .profile-shortcuts-xl .links>li>a>span,
    .look-and-feel-v1 .profile-shortcuts .links>li>a>span {
        padding: 0
    }
}

.look-and-feel-v1 .profile-shortcuts-xl .links>li.vacations i,
.look-and-feel-v1 .profile-shortcuts .links>li.vacations i {
    background-color: #acd0e5;
    color: #3c8dbc
}

.look-and-feel-v1 .profile-shortcuts-xl .links>li.documents i,
.look-and-feel-v1 .profile-shortcuts .links>li.documents i {
    background-color: #f3c2bc;
    color: #dd4b39
}

.look-and-feel-v1 .profile-shortcuts-xl .links>li.permissions i,
.look-and-feel-v1 .profile-shortcuts .links>li.permissions i {
    background-color: #fad9a4;
    color: #f39c12
}

.look-and-feel-v1 .profile-shortcuts-xl .links>li.benefits i,
.look-and-feel-v1 .profile-shortcuts .links>li.benefits i {
    background-color: #c1c0dd;
    color: #605ca8
}

.look-and-feel-v1 .profile-shortcuts .header .description,
.look-and-feel-v1 .profile-shortcuts .tab-content .employee-name {
    max-width: 330px
}

.look-and-feel-v1 .profile-shortcuts-xl .header .description {
    max-width: calc(100% - 12vw)
}

.look-and-feel-v1 .profile-shortcuts-xl .tab-content .employee-name {
    max-width: calc(100% - 15vw)
}

.look-and-feel-v1 .shortcuts-wrapper .box .box-body {
    padding: 0
}

@media(max-width:959px) {
    .look-and-feel-v1 .shortcuts-wrapper {
        padding: 0;
        margin-top: -12px;
        position: relative;
        left: -16px;
        width: calc(100% + 32px)
    }
    .look-and-feel-v1 .shortcuts-wrapper .box {
        border-top-width: 0
    }
}

.look-and-feel-v1 .gray-tag {
    font-size: 14px;
    line-height: 18px;
    background-color: #d2d6de;
    color: #999;
    border-radius: 3px
}

.look-and-feel-v1 .inherit-link {
    color: inherit;
    background-color: inherit
}

.carousel-container .carousel {
    width: 100%;
    margin: 1.25rem 0 2.5rem
}

.carousel-container .carousel .carousel-content {
    margin-right: 25%;
    margin-left: 25%
}

.carousel-container .carousel .carousel-content.carousel-content-full {
    margin-right: 0;
    margin-left: 0
}

.carousel-container .carousel .carousel-content .carousel-inner {
    aspect-ratio: 16/9;
    border-radius: .5rem;
    box-shadow: 0 1px 2px rgba(36, 37, 39, .24), 0 2px 6px rgba(36, 37, 39, .16)
}

.carousel-container .carousel .carousel-content .carousel-inner img.carousel-center-image {
    aspect-ratio: 16/9;
    border-radius: .5rem
}

.carousel-container .carousel .carousel-content .carousel-inner img.carousel-blur-image {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16/9;
    height: 400px
}

@media(max-width:1366px) {
    .carousel-container .carousel .carousel-content .carousel-inner img.carousel-blur-image {
        height: 300px
    }
}

@media(max-width:960px) {
    .carousel-container .carousel .carousel-content .carousel-inner img.carousel-blur-image {
        height: 200px
    }
}

.carousel-container .carousel .carousel-content .carousel-inner .reflective-banner {
    overflow: visible
}

.carousel-container .carousel .carousel-content .carousel-inner .reflective-banner .reflection-img {
    filter: blur(50px)
}

.carousel-container .carousel .carousel-content .carousel-indicators {
    height: 16px;
    margin-bottom: 0;
    bottom: -20px
}

.carousel-container .carousel .carousel-content .carousel-indicators .active,
.carousel-container .carousel .carousel-content .carousel-indicators .dot {
    height: 6px;
    width: 6px;
    margin: 0 .5rem;
    background-color: #bac6ec;
    border-radius: 50%;
    display: inline-block
}

.carousel-container .carousel .carousel-content .carousel-indicators .active {
    height: 6px;
    width: 6px;
    background-color: #2f4daa
}

@media(max-width:959.98px) {
    .carousel-container .carousel .carousel-content {
        margin-right: 10%;
        margin-left: 10%
    }
}

.carousel-container .carousel .carousel-controls .carousel-control {
    width: 18%
}

@media(max-width:959.98px) {
    .carousel-container .carousel .carousel-controls .carousel-control {
        width: 8%
    }
}

.carousel-container .carousel .carousel-controls .carousel-control img.control-img {
    width: 100%;
    height: 60%;
    -o-object-fit: cover;
    object-fit: cover
}

.carousel-container .carousel .carousel-controls .carousel-control img.control-img.control-img-prev {
    border-radius: 0 .5rem .5rem 0;
    -o-object-position: 100% center;
    object-position: 100% center
}

.carousel-container .carousel .carousel-controls .carousel-control img.control-img.control-img-next {
    border-radius: .5rem 0 0 .5rem;
    -o-object-position: 0 center;
    object-position: 0 center
}

.carousel-container .carousel .carousel-controls .carousel-control .carousel-control-prev-icon-container {
    position: absolute;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 8px;
    background-color: rgba(0, 0, 0, .38);
    border-radius: 50%;
    color: #fff
}

.carousel-container .carousel .carousel-controls .carousel-control .carousel-control-prev-icon-container:hover {
    background-color: rgba(0, 0, 0, .76)
}

@media(max-width:1365.98px) {
    .carousel-container .carousel .carousel-controls .carousel-control .carousel-control-prev-icon-container {
        display: none
    }
}

.carousel-container .carousel .carousel-controls .carousel-control .carousel-control-prev-icon-container .material-icons {
    margin-left: .5rem
}

.carousel-container .carousel .carousel-controls .carousel-control .carousel-control-next-icon-container {
    position: absolute;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 8px;
    background-color: rgba(0, 0, 0, .38);
    border-radius: 50%;
    color: #fff
}

.carousel-container .carousel .carousel-controls .carousel-control .carousel-control-next-icon-container:hover {
    background-color: rgba(0, 0, 0, .76)
}

@media(max-width:1365.98px) {
    .carousel-container .carousel .carousel-controls .carousel-control .carousel-control-next-icon-container {
        display: none
    }
}

.mas-opciones {
    background-color: #ecf0f5;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-radius: 6px
}

.mas-opciones>.row,
.mas-opciones>.selection-process-stages {
    margin-left: 0;
    margin-right: 0
}

.croppie-container {
    width: 100%;
    height: 100%
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    max-height: 280px;
    min-height: 280px;
    max-width: 100%;
    min-width: 100%
}

.croppie-container .cr-resizer,
.croppie-container .cr-viewport {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, .5);
    z-index: 0
}

.croppie-container .cr-resizer {
    z-index: 2;
    box-shadow: none;
    pointer-events: none
}

.croppie-container .cr-resizer-horisontal,
.croppie-container .cr-resizer-vertical {
    position: absolute;
    pointer-events: all
}

.croppie-container .cr-resizer-horisontal:after,
.croppie-container .cr-resizer-vertical:after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid #000;
    background: #fff;
    width: 10px;
    height: 10px;
    content: ""
}

.croppie-container .cr-resizer-vertical {
    bottom: -5px;
    cursor: row-resize;
    width: 100%;
    height: 10px
}

.croppie-container .cr-resizer-vertical:after {
    left: 50%;
    margin-left: -5px
}

.croppie-container .cr-resizer-horisontal {
    right: -5px;
    cursor: col-resize;
    width: 10px;
    height: 100%
}

.croppie-container .cr-resizer-horisontal:after {
    top: 50%;
    margin-top: -5px
}

.croppie-container .cr-original-image {
    display: none
}

.croppie-container .cr-vp-circle {
    border-radius: 50%
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center
}

.croppie-result {
    position: relative;
    overflow: hidden
}

.croppie-result img {
    position: absolute
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    transform: translateZ(0)
}

.cr-slider {
    -webkit-appearance: none;
    width: 300px;
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, .5);
    border: 0;
    border-radius: 3px
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px
}

.cr-slider:focus {
    outline: none
}

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, .5);
    border: 0;
    border-radius: 3px
}

.cr-slider::-moz-range-thumb {
    border: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px
}

.cr-slider:-moz-focusring {
    outline: 1px solid #fff;
    outline-offset: -1px
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent
}

.cr-slider::-ms-fill-lower,
.cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px
}

.cr-slider::-ms-thumb {
    border: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: 1px
}

.cr-slider:focus::-ms-fill-lower,
.cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, .5)
}

.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1
}

.cr-rotate-controls button {
    border: 0;
    background: none
}

.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px
}

.cr-rotate-l i:before {
    content: "↺"
}

.cr-rotate-r i:before {
    content: "↻"
}

.buk-loader,
.orgchart>.spinner {
    display: inline-block;
    position: relative;
    background: url(/packs/media/images/buk-loader-4c6bd8f0f9d989c9d1c3338ae831606a.svg) no-repeat 50%;
    background-size: contain;
    height: 74px;
    width: 74px
}

.look-and-feel-v1 .form-control,
.look-and-feel-v1 .look-and-feel-v2 .form-group .form-control,
.look-and-feel-v1 .look-and-feel-v2 .input-group .form-control,
.look-and-feel-v1 .select2-selection,
.look-and-feel-v1 .vue-treeselect__control,
.look-and-feel-v2 .form-group .look-and-feel-v1 .form-control,
.look-and-feel-v2 .input-group .look-and-feel-v1 .form-control {
    border: .0625rem solid #d2d6de;
    border-radius: 3px
}

.look-and-feel-v1 .form-control:focus,
.look-and-feel-v1 .form-control:hover,
.look-and-feel-v1 .select2-selection:focus,
.look-and-feel-v1 .select2-selection:hover,
.look-and-feel-v1 .vue-treeselect__control:focus,
.look-and-feel-v1 .vue-treeselect__control:hover {
    border: .0625rem solid #3c8dbc
}

.look-and-feel-v1 .form-group.select .input-group {
    display: inline-block
}

.look-and-feel-v1 input[disabled] {
    background: #d2d6de;
    border: .0625rem solid #b8c7ce;
    pointer-events: none
}

.look-and-feel-v1 .form-control {
    font-size: inherit
}

.look-and-feel-v1 .input-group-append,
.look-and-feel-v1 .input-group-prepend {
    z-index: 3;
    height: 34px
}

.look-and-feel-v1 .input-group-append {
    position: absolute;
    right: 0
}

.look-and-feel-v1 .form-group label:not(.btn):not(button.upload-result) {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #222d32
}

.look-and-feel-v1 .form-group .input-group {
    padding: 0
}

.look-and-feel-v1 .vue-treeselect__control .vue-treeselect__placeholder {
    font-size: .875rem;
    color: #999
}

.look-and-feel-v1 .vue-treeselect__control .vue-treeselect__control-arrow {
    color: #888
}

.look-and-feel-v1 .help-block {
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px;
    color: #222d32
}

.look-and-feel-v1 .form-group.has-error label {
    color: #dd4b39
}

.look-and-feel-v1 .form-group.has-error .form-control,
.look-and-feel-v1 .form-group.has-error .form-control:focus,
.look-and-feel-v1 .form-group.has-error .form-control:hover,
.look-and-feel-v1 .form-group.has-error .select2-selection,
.look-and-feel-v1 .form-group.has-error .select2-selection:focus,
.look-and-feel-v1 .form-group.has-error .select2-selection:hover,
.look-and-feel-v1 .form-group.has-error .vue-treeselect__control,
.look-and-feel-v1 .form-group.has-error .vue-treeselect__control:focus,
.look-and-feel-v1 .form-group.has-error .vue-treeselect__control:hover {
    border-color: #dd4b39
}

.look-and-feel-v1 .form-group.has-error .help-block {
    color: #dd4b39
}

.look-and-feel-v1 .fileupload-buttonbar input[type=file] {
    display: none
}

.look-and-feel-v1 .look-and-feel-v2 .form-control,
.look-and-feel-v1 .look-and-feel-v2 .select2-selection,
.look-and-feel-v1 .look-and-feel-v2 .vue-treeselect__control,
.look-and-feel-v2 .form-group .form-control,
.look-and-feel-v2 .input-group .form-control,
.look-and-feel-v2 .look-and-feel-v1 .form-control,
.look-and-feel-v2 .look-and-feel-v1 .select2-selection,
.look-and-feel-v2 .look-and-feel-v1 .vue-treeselect__control {
    background-color: #fafbfd;
    border-radius: .25rem!important;
    border: .0625rem solid #e4e5e7;
    color: #242527
}

.look-and-feel-v1 .look-and-feel-v2 .form-control:focus,
.look-and-feel-v1 .look-and-feel-v2 .select2-selection:focus,
.look-and-feel-v1 .look-and-feel-v2 .vue-treeselect__control:focus,
.look-and-feel-v2 .form-group .form-control:focus,
.look-and-feel-v2 .input-group .form-control:focus,
.look-and-feel-v2 .look-and-feel-v1 .form-control:focus,
.look-and-feel-v2 .look-and-feel-v1 .select2-selection:focus,
.look-and-feel-v2 .look-and-feel-v1 .vue-treeselect__control:focus {
    border-radius: .25rem!important;
    border: .0625rem solid #2f4daa;
    box-shadow: 0 1px 2px rgba(71, 101, 203, .24), 0 2px 6px rgba(71, 101, 203, .16)
}

.look-and-feel-v1 .look-and-feel-v2 .form-control:hover,
.look-and-feel-v1 .look-and-feel-v2 .select2-selection:hover,
.look-and-feel-v1 .look-and-feel-v2 .vue-treeselect__control:hover,
.look-and-feel-v2 .form-group .form-control:hover,
.look-and-feel-v2 .input-group .form-control:hover,
.look-and-feel-v2 .look-and-feel-v1 .form-control:hover,
.look-and-feel-v2 .look-and-feel-v1 .select2-selection:hover,
.look-and-feel-v2 .look-and-feel-v1 .vue-treeselect__control:hover {
    border-radius: .25rem!important;
    border: .0625rem solid #2f4daa
}

.look-and-feel-v2 .input-group-append,
.look-and-feel-v2 .input-group-prepend {
    position: absolute;
    top: 1px;
    z-index: 4;
    border-radius: .25rem!important
}

.look-and-feel-v2 .input-group-prepend {
    left: 1px
}

.look-and-feel-v2 .input-group-append {
    top: 0!important;
    right: 1px
}

.look-and-feel-v2 .input-group-append .btn,
.look-and-feel-v2 .input-group-append .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v2 .input-group-append button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .input-group-append .swal2-styled {
    height: 34px
}

.look-and-feel-v2 .input-group-append .input-group-text {
    margin-top: 1px
}

.look-and-feel-v2 #input-prepend~input {
    padding-left: 43px
}

.look-and-feel-v2 .input-append input {
    padding-right: 43px!important
}

.look-and-feel-v2 .input-dias,
.look-and-feel-v2 .input-prepend input.input-prepend-md {
    padding-left: 63px!important
}

.look-and-feel-v2 .input-group-text {
    background-color: #fafbfd;
    color: #2f4daa;
    height: 32px;
    border-width: 0;
    border-radius: .25rem!important
}

.editableform .look-and-feel-v2 .form-group .form-control.form-group.has-error~.editable-error-block.help-block,
.editableform .look-and-feel-v2 .form-group .form-control.form-group.has-error~.invalid-feedback,
.editableform .look-and-feel-v2 .input-group .form-control.form-group.has-error~.editable-error-block.help-block,
.editableform .look-and-feel-v2 .input-group .form-control.form-group.has-error~.invalid-feedback,
.look-and-feel-v2 .form-group .editableform .form-control.form-group.has-error~.editable-error-block.help-block,
.look-and-feel-v2 .form-group .editableform .form-control.form-group.has-error~.invalid-feedback,
.look-and-feel-v2 .form-group .form-control.is-invalid~.editable-error-block.help-block,
.look-and-feel-v2 .form-group .form-control.is-invalid~.invalid-feedback,
.look-and-feel-v2 .form-group .form-control.is-valid~.valid-feedback,
.look-and-feel-v2 .help-block,
.look-and-feel-v2 .input-group .editableform .form-control.form-group.has-error~.editable-error-block.help-block,
.look-and-feel-v2 .input-group .editableform .form-control.form-group.has-error~.invalid-feedback,
.look-and-feel-v2 .input-group .form-control.is-invalid~.editable-error-block.help-block,
.look-and-feel-v2 .input-group .form-control.is-invalid~.invalid-feedback,
.look-and-feel-v2 .input-group .form-control.is-valid~.valid-feedback {
    font-size: .75rem;
    line-height: .875rem;
    font-weight: 500;
    color: #656668;
    margin-top: 9px;
    color: #a3a4a5
}

.look-and-feel-v2 .form-group.disabled .input-group .input-group-append .input-group-text,
.look-and-feel-v2 .form-group.disabled .input-group .input-group-prepend .input-group-text,
.look-and-feel-v2 .input-group.disabled .input-group .input-group-append .input-group-text,
.look-and-feel-v2 .input-group.disabled .input-group .input-group-prepend .input-group-text {
    background-color: #e4e5e7;
    color: #797a7c
}

.look-and-feel-v2 .form-group .form-control,
.look-and-feel-v2 .input-group .form-control {
    padding: 5px 8px
}

.look-and-feel-v2 .form-group .form-control::-moz-placeholder,
.look-and-feel-v2 .input-group .form-control::-moz-placeholder {
    color: #656668;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.look-and-feel-v2 .form-group .form-control:-ms-input-placeholder,
.look-and-feel-v2 .input-group .form-control:-ms-input-placeholder {
    color: #656668;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.look-and-feel-v2 .form-group .form-control::placeholder,
.look-and-feel-v2 .input-group .form-control::placeholder {
    color: #656668;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.look-and-feel-v2 .form-group .form-control:disabled,
.look-and-feel-v2 .input-group .form-control:disabled {
    background: #e4e5e7;
    pointer-events: none;
    border: .0625rem solid #e4e5e7;
    color: #797a7c
}

.look-and-feel-v2 .form-group .form-control:disabled::-moz-placeholder,
.look-and-feel-v2 .input-group .form-control:disabled::-moz-placeholder {
    color: #797a7c
}

.look-and-feel-v2 .form-group .form-control:disabled:-ms-input-placeholder,
.look-and-feel-v2 .input-group .form-control:disabled:-ms-input-placeholder {
    color: #797a7c
}

.look-and-feel-v2 .form-group .form-control:disabled::placeholder,
.look-and-feel-v2 .input-group .form-control:disabled::placeholder {
    color: #797a7c
}

.look-and-feel-v2 .form-group .form-control:-internal-autofill-selected~.input-group-append .input-group-text,
.look-and-feel-v2 .form-group .form-control:-internal-autofill-selected~.input-group-prepend .input-group-text,
.look-and-feel-v2 .input-group .form-control:-internal-autofill-selected~.input-group-append .input-group-text,
.look-and-feel-v2 .input-group .form-control:-internal-autofill-selected~.input-group-prepend .input-group-text {
    background-color: #e8f0fe!important
}

.editableform .look-and-feel-v2 .form-group .form-control.form-group.has-error,
.editableform .look-and-feel-v2 .input-group .form-control.form-group.has-error,
.look-and-feel-v2 .form-group .editableform .form-control.form-group.has-error,
.look-and-feel-v2 .form-group .form-control.is-invalid,
.look-and-feel-v2 .input-group .editableform .form-control.form-group.has-error,
.look-and-feel-v2 .input-group .form-control.is-invalid {
    border-color: #ff7a6f
}

.editableform .look-and-feel-v2 .form-group .form-control.form-group.has-error~.editable-error-block.help-block,
.editableform .look-and-feel-v2 .form-group .form-control.form-group.has-error~.invalid-feedback,
.editableform .look-and-feel-v2 .input-group .form-control.form-group.has-error~.editable-error-block.help-block,
.editableform .look-and-feel-v2 .input-group .form-control.form-group.has-error~.invalid-feedback,
.look-and-feel-v2 .form-group .editableform .form-control.form-group.has-error~.editable-error-block.help-block,
.look-and-feel-v2 .form-group .editableform .form-control.form-group.has-error~.invalid-feedback,
.look-and-feel-v2 .form-group .form-control.is-invalid~.editable-error-block.help-block,
.look-and-feel-v2 .form-group .form-control.is-invalid~.invalid-feedback,
.look-and-feel-v2 .input-group .editableform .form-control.form-group.has-error~.editable-error-block.help-block,
.look-and-feel-v2 .input-group .editableform .form-control.form-group.has-error~.invalid-feedback,
.look-and-feel-v2 .input-group .form-control.is-invalid~.editable-error-block.help-block,
.look-and-feel-v2 .input-group .form-control.is-invalid~.invalid-feedback {
    color: #ff7a6f
}

.editableform .look-and-feel-v2 .form-group .form-control.form-group.has-error:focus,
.editableform .look-and-feel-v2 .input-group .form-control.form-group.has-error:focus,
.look-and-feel-v2 .form-group .editableform .form-control.form-group.has-error:focus,
.look-and-feel-v2 .form-group .form-control.is-invalid:focus,
.look-and-feel-v2 .input-group .editableform .form-control.form-group.has-error:focus,
.look-and-feel-v2 .input-group .form-control.is-invalid:focus {
    box-shadow: 0 1px 2px rgba(255, 122, 111, .24), 0 2px 6px rgba(255, 122, 111, .16)
}

.look-and-feel-v2 .form-group .form-control.is-valid,
.look-and-feel-v2 .input-group .form-control.is-valid {
    border-color: #4caa37
}

.look-and-feel-v2 .form-group .form-control.is-valid~.valid-feedback,
.look-and-feel-v2 .input-group .form-control.is-valid~.valid-feedback {
    color: #4caa37
}

.look-and-feel-v2 .form-group .form-control.is-valid:focus,
.look-and-feel-v2 .input-group .form-control.is-valid:focus {
    box-shadow: 0 1px 2px rgba(130, 217, 87, .24), 0 2px 6px rgba(130, 217, 87, .16)
}

.look-and-feel-v2 .form-group .file.form-control,
.look-and-feel-v2 .input-group .file.form-control {
    padding: 2px 8px
}

.look-and-feel-v2 .form-group .select.form-control,
.look-and-feel-v2 .input-group .select.form-control {
    text-overflow: ellipsis;
    padding-right: 2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23196EBB' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 9px);
    background-position-y: 5px
}

.look-and-feel-v2 .form-group .select.form-control option,
.look-and-feel-v2 .input-group .select.form-control option {
    font-size: 14px;
    line-height: 34px;
    font-weight: 400;
    color: #656668
}

.look-and-feel-v2 .form-group .select.form-control option:hover,
.look-and-feel-v2 .input-group .select.form-control option:hover {
    background-color: rgba(47, 77, 170, .16)
}

.look-and-feel-v2 .form-group .control-label,
.look-and-feel-v2 .input-group .control-label {
    color: #656668;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

.notificaciones-list-container {
    position: relative;
    overflow: auto;
    width: auto;
    height: 200px;
    font-size: 14px;
    line-height: 18px
}

.notificaciones-list-container a {
    white-space: normal!important;
    color: #444
}

.notificaciones-list-container a .notification-icon {
    color: #f39c12;
    margin: 4px 0
}

.notificaciones-list-container a .media {
    border: 1px solid #f4f4f4
}

.notification-header {
    font-size: 14px;
    line-height: 18px;
    padding: 10px
}

.look-and-feel-v2 .notificaciones-list-container {
    position: relative;
    overflow: auto;
    width: auto;
    height: 200px;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #242527
}

.look-and-feel-v2 .notificaciones-list-container a {
    white-space: normal!important;
    color: #444
}

.look-and-feel-v2 .notificaciones-list-container a .notification-icon {
    color: #f9b82d;
    margin: 4px 0
}

.look-and-feel-v2 .notificaciones-list-container a .media {
    border: 1px solid #fafbfd
}

.look-and-feel-v2 .notification-header {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #242527;
    padding: 10px
}

div.datepicker>div {
    display: block
}

.look-and-feel-v1 .table>tbody>tr>td,
.look-and-feel-v1 .table>tbody>tr>th,
.look-and-feel-v1 .table>tfoot>tr>td,
.look-and-feel-v1 .table>tfoot>tr>th,
.look-and-feel-v1 .table>thead>tr>td,
.look-and-feel-v1 .table>thead>tr>th {
    border-top: 1px solid #f4f4f4
}

.look-and-feel-v1 .table>thead>tr>th {
    border-bottom: 2px solid #f4f4f4
}

.look-and-feel-v1 .table tr td .progress {
    margin-top: 5px
}

.look-and-feel-v1 .table-bordered,
.look-and-feel-v1 .table-bordered>tbody>tr>td,
.look-and-feel-v1 .table-bordered>tbody>tr>th,
.look-and-feel-v1 .table-bordered>tfoot>tr>td,
.look-and-feel-v1 .table-bordered>tfoot>tr>th,
.look-and-feel-v1 .table-bordered>thead>tr>td,
.look-and-feel-v1 .table-bordered>thead>tr>th {
    border: 1px solid #f4f4f4
}

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

.look-and-feel-v1 .table.no-border,
.look-and-feel-v1 .table.no-border td,
.look-and-feel-v1 .table.no-border th {
    border: 0
}

.look-and-feel-v1 table.text-center,
.look-and-feel-v1 table.text-center td,
.look-and-feel-v1 table.text-center th {
    text-align: center
}

.look-and-feel-v1 .table.align th {
    text-align: left
}

.look-and-feel-v1 .table.align td {
    text-align: right
}

.look-and-feel-v1 table[data-datatable] input[data-filter],
.look-and-feel-v1 table[data-datatable] select[data-filter] {
    width: 100%
}

.look-and-feel-v1 .fat-table tbody>tr>td {
    padding: 24px 8px
}

.look-and-feel-v1 .scroll-table {
    max-width: 600px;
    overflow-y: auto;
    max-height: 300px
}

.look-and-feel-v1 .scroll-table tbody>tr>td,
.look-and-feel-v1 .scroll-table thead>tr>th {
    width: 20%;
    text-align: center
}

.look-and-feel-v1 .column-md {
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.look-and-feel-v1 .table-header {
    text-align: center;
    background-color: #3c8dbc;
    color: #fff
}

.look-and-feel-v1 .table-actions .btn.btn-md,
.look-and-feel-v1 .table-actions .look-and-feel-v2 .swal2-popup .swal2-actions .btn-md.swal2-styled,
.look-and-feel-v1 .table-actions button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .table-actions .btn-md.swal2-styled {
    min-width: 34px;
    padding: 7px
}

.look-and-feel-v1 .table-actions .btn-group-sm>.btn,
.look-and-feel-v1 .table-actions .btn-group-sm>button.upload-result,
.look-and-feel-v1 .table-actions .btn.btn-sm,
.look-and-feel-v1 .table-actions .look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.swal2-styled,
.look-and-feel-v1 .table-actions .look-and-feel-v2 .swal2-popup .swal2-actions .btn-sm.swal2-styled,
.look-and-feel-v1 .table-actions button.btn-sm.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .table-actions .btn-group-sm>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .table-actions .btn-sm.swal2-styled {
    min-width: 34px;
    padding: 5px
}

.look-and-feel-v1 .columnsfix.fix-right-1 tr>td:last-of-type,
.look-and-feel-v1 .columnsfix.fix-right-1 tr>th:last-of-type,
.look-and-feel-v1 .columnsfix.fix-right-2 tr>td:last-of-type,
.look-and-feel-v1 .columnsfix.fix-right-2 tr>th:last-of-type {
    position: -webkit-sticky;
    position: sticky;
    width: 100px!important;
    min-width: 100px!important;
    max-width: 100px!important;
    background-color: #fff;
    right: 0
}

.look-and-feel-v1 .columnsfix.fix-right-2 tr>td:nth-last-of-type(2),
.look-and-feel-v1 .columnsfix.fix-right-2 tr>th:nth-last-of-type(2) {
    position: -webkit-sticky;
    position: sticky;
    width: 100px!important;
    min-width: 100px!important;
    max-width: 100px!important;
    background-color: #fff;
    right: 140px
}

.look-and-feel-v1 .columnsfix .odd>td,
.look-and-feel-v1 .columnsfix tbody>tr:nth-of-type(odd),
.look-and-feel-v1 .columnsfix tbody>tr:nth-of-type(odd)>td {
    background-color: #f4f4f4!important
}

.look-and-feel-v1 .columnsfix .selected.info,
.look-and-feel-v1 .columnsfix .selected.info>td {
    background-color: #d9edf7!important
}

.look-and-feel-v1 .page-item,
.look-and-feel-v1 .page-link,
.look-and-feel-v1 .pagination li,
.look-and-feel-v1 .pagination li a,
.look-and-feel-v2 .pagination .look-and-feel-v1 li,
.look-and-feel-v2 .pagination li .look-and-feel-v1 a {
    opacity: 1
}

.look-and-feel-v1 .page-item.active .page-link,
.look-and-feel-v1 .page-item.active .pagination li a,
.look-and-feel-v1 .pagination li.active .page-link,
.look-and-feel-v1 .pagination li.active a,
.look-and-feel-v1 .pagination li .page-item.active a,
.look-and-feel-v2 .pagination .look-and-feel-v1 li.active .page-link,
.look-and-feel-v2 .pagination .look-and-feel-v1 li.active a,
.look-and-feel-v2 .pagination li .look-and-feel-v1 .page-item.active a {
    background-color: #3c8dbc;
    border-color: #3c8dbc
}

.look-and-feel-v1 .page-link:hover,
.look-and-feel-v1 .pagination li a:hover,
.look-and-feel-v2 .pagination li .look-and-feel-v1 a:hover {
    color: #23527c
}

.look-and-feel-v1 .page-link:focus,
.look-and-feel-v1 .pagination li a:focus,
.look-and-feel-v2 .pagination li .look-and-feel-v1 a:focus {
    box-shadow: none
}

.look-and-feel-v1 .dataTables_wrapper .dataTables_paginate {
    display: flex;
    justify-content: flex-end
}

@media(max-width:1085px) {
    .look-and-feel-v1 .selection-process-stages>.dataTables_wrapper>.row:nth-child(3),
    .look-and-feel-v1 .selection-process-stages>.dataTables_wrapper>.selection-process-stages:nth-child(3),
    .look-and-feel-v1 .table-responsive>.dataTables_wrapper>.row:nth-child(3),
    .look-and-feel-v1 .table-responsive>.dataTables_wrapper>.selection-process-stages:nth-child(3) {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
    .look-and-feel-v1 .dataTables_wrapper .dataTables_paginate {
        justify-content: flex-start;
        margin-left: -15px!important
    }
}

.look-and-feel-v2 .table>tbody>tr>td,
.look-and-feel-v2 .table>tbody>tr>th,
.look-and-feel-v2 .table>tfoot>tr>td,
.look-and-feel-v2 .table>tfoot>tr>th,
.look-and-feel-v2 .table>thead>tr>td,
.look-and-feel-v2 .table>thead>tr>th {
    border-top: 1px solid #f0f1f3
}

.look-and-feel-v2 .table>thead>tr>th {
    border-bottom: 2px solid #f0f1f3
}

.look-and-feel-v2 .table tr td .progress {
    margin-top: 5px
}

.look-and-feel-v2 .table-bordered,
.look-and-feel-v2 .table-bordered>tbody>tr>td,
.look-and-feel-v2 .table-bordered>tbody>tr>th,
.look-and-feel-v2 .table-bordered>tfoot>tr>td,
.look-and-feel-v2 .table-bordered>tfoot>tr>th,
.look-and-feel-v2 .table-bordered>thead>tr>td,
.look-and-feel-v2 .table-bordered>thead>tr>th {
    border: 1px solid #f0f1f3
}

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

.look-and-feel-v2 .table.no-border,
.look-and-feel-v2 .table.no-border td,
.look-and-feel-v2 .table.no-border th {
    border: 0
}

.look-and-feel-v2 table.text-center,
.look-and-feel-v2 table.text-center td,
.look-and-feel-v2 table.text-center th {
    text-align: center
}

.look-and-feel-v2 .table.align th {
    text-align: left
}

.look-and-feel-v2 .table.align td {
    text-align: right
}

.look-and-feel-v2 table[data-datatable] input[data-filter],
.look-and-feel-v2 table[data-datatable] select[data-filter] {
    width: 100%
}

.look-and-feel-v2 .fat-table tbody>tr>td {
    padding: 24px 8px
}

.look-and-feel-v2 .scroll-table {
    max-width: 600px;
    overflow-y: auto;
    max-height: 300px
}

.look-and-feel-v2 .scroll-table tbody>tr>td,
.look-and-feel-v2 .scroll-table thead>tr>th {
    width: 20%;
    text-align: center
}

.look-and-feel-v2 .column-md {
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.look-and-feel-v2 .table-header {
    text-align: center;
    background-color: #2f4daa;
    color: #fafbfd
}

.look-and-feel-v2 .swal2-popup .swal2-actions .table-actions .btn-md.swal2-styled,
.look-and-feel-v2 .table-actions .btn.btn-md,
.look-and-feel-v2 .table-actions .swal2-popup .swal2-actions .btn-md.swal2-styled,
.look-and-feel-v2 .table-actions button.upload-result {
    min-width: 34px;
    padding: 7px
}

.look-and-feel-v2 .swal2-popup .swal2-actions .table-actions .btn-group-sm>.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .table-actions .btn-sm.swal2-styled,
.look-and-feel-v2 .table-actions .btn-group-sm>.btn,
.look-and-feel-v2 .table-actions .btn-group-sm>button.upload-result,
.look-and-feel-v2 .table-actions .btn.btn-sm,
.look-and-feel-v2 .table-actions .swal2-popup .swal2-actions .btn-group-sm>.swal2-styled,
.look-and-feel-v2 .table-actions .swal2-popup .swal2-actions .btn-sm.swal2-styled,
.look-and-feel-v2 .table-actions button.btn-sm.upload-result {
    min-width: 34px;
    padding: 5px
}

.look-and-feel-v2 .columnsfix.fix-right-1 tr>td:last-of-type,
.look-and-feel-v2 .columnsfix.fix-right-1 tr>th:last-of-type,
.look-and-feel-v2 .columnsfix.fix-right-2 tr>td:last-of-type,
.look-and-feel-v2 .columnsfix.fix-right-2 tr>th:last-of-type {
    position: -webkit-sticky;
    position: sticky;
    width: 100px!important;
    min-width: 100px!important;
    max-width: 100px!important;
    background-color: #fafbfd;
    right: 0
}

.look-and-feel-v2 .columnsfix.fix-right-2 tr>td:nth-last-of-type(2),
.look-and-feel-v2 .columnsfix.fix-right-2 tr>th:nth-last-of-type(2) {
    position: -webkit-sticky;
    position: sticky;
    width: 100px!important;
    min-width: 100px!important;
    max-width: 100px!important;
    background-color: #fafbfd;
    right: 140px
}

.look-and-feel-v2 .columnsfix .odd>td,
.look-and-feel-v2 .columnsfix tbody>tr:nth-of-type(odd),
.look-and-feel-v2 .columnsfix tbody>tr:nth-of-type(odd)>td {
    background-color: #fafbfd!important
}

.look-and-feel-v2 .columnsfix .selected.info,
.look-and-feel-v2 .columnsfix .selected.info>td {
    background-color: #d9e2f9!important
}

.look-and-feel-v2 .pagination li a {
    color: #2f4daa;
    background: #fafbfd
}

.look-and-feel-v1 .pagination .look-and-feel-v2 li.disabled .page-link,
.look-and-feel-v1 .pagination .look-and-feel-v2 li.disabled a,
.look-and-feel-v1 .pagination li .look-and-feel-v2 .page-item.disabled a,
.look-and-feel-v2 .page-item.disabled .page-link,
.look-and-feel-v2 .page-item.disabled .pagination li a,
.look-and-feel-v2 .pagination li.disabled .page-link,
.look-and-feel-v2 .pagination li.disabled a,
.look-and-feel-v2 .pagination li .page-item.disabled a {
    background: #fafbfd;
    color: #a3a4a5
}

.look-and-feel-v1 .pagination .look-and-feel-v2 li,
.look-and-feel-v1 .pagination li .look-and-feel-v2 a,
.look-and-feel-v2 .page-item,
.look-and-feel-v2 .page-link,
.look-and-feel-v2 .pagination li,
.look-and-feel-v2 .pagination li a {
    opacity: 1
}

.look-and-feel-v1 .pagination .look-and-feel-v2 li.active .page-link,
.look-and-feel-v1 .pagination .look-and-feel-v2 li.active a,
.look-and-feel-v1 .pagination li .look-and-feel-v2 .page-item.active a,
.look-and-feel-v2 .page-item.active .page-link,
.look-and-feel-v2 .page-item.active .pagination li a,
.look-and-feel-v2 .pagination li.active .page-link,
.look-and-feel-v2 .pagination li.active a,
.look-and-feel-v2 .pagination li .page-item.active a {
    background-color: #2f4daa;
    border-color: #2f4daa
}

.look-and-feel-v1 .pagination li .look-and-feel-v2 a:hover,
.look-and-feel-v2 .page-link:hover,
.look-and-feel-v2 .pagination li a:hover {
    color: #223a92
}

.look-and-feel-v1 .pagination li .look-and-feel-v2 a:focus,
.look-and-feel-v2 .page-link:focus,
.look-and-feel-v2 .pagination li a:focus {
    box-shadow: none
}

.look-and-feel-v2 .dataTables_wrapper .dataTables_paginate {
    display: flex;
    justify-content: flex-end
}

@media(max-width:1085px) {
    .look-and-feel-v2 .selection-process-stages>.dataTables_wrapper>.row:nth-child(3),
    .look-and-feel-v2 .selection-process-stages>.dataTables_wrapper>.selection-process-stages:nth-child(3),
    .look-and-feel-v2 .table-responsive>.dataTables_wrapper>.row:nth-child(3),
    .look-and-feel-v2 .table-responsive>.dataTables_wrapper>.selection-process-stages:nth-child(3) {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
    .look-and-feel-v2 .dataTables_wrapper .dataTables_paginate {
        justify-content: flex-start;
        margin-left: -15px!important
    }
}

.look-and-feel-v2 .table-striped {
    background: #f6f7f9
}

.look-and-feel-v2 .table-striped tbody tr:nth-of-type(odd) {
    background: #f0f1f3
}

.look-and-feel-v2 .dataTables_wrapper .form-control,
.look-and-feel-v2 .dataTables_wrapper input {
    border-radius: 4px;
    background: #fafbfd
}

.look-and-feel-v2 .dataTables_wrapper .custom-select {
    background: #fafbfd url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat
}

table.directorio th:first-child {
    min-width: 20em
}

#export-center ul {
    display: inline-block;
    list-style: none;
    width: auto;
    padding: 0
}

#export-center ul>li a {
    display: block;
    border-left: 1px solid #fafafa;
    border-color: #fafafa #fafafa #fafafa #3c8dbc;
    border-style: solid;
    border-width: 1px 1px 0 3px;
    padding: 5px 10px;
    color: #000;
    transition: all .2s linear
}

#export-center ul>li a:hover {
    margin-left: 5px
}

#export-center ul>li:last-child a {
    border-bottom: 1px solid #fafafa
}

.look-and-feel-v2 #export-center ul {
    display: inline-block;
    list-style: none;
    width: auto;
    padding: 0
}

.look-and-feel-v2 #export-center ul>li a {
    display: block;
    border-left: 1px solid #fafbfd;
    border-color: #fafbfd #fafbfd #fafbfd #2f4daa;
    border-style: solid;
    border-width: 1px 1px 0 3px;
    padding: 5px 10px;
    color: #242527;
    transition: all .2s linear
}

.look-and-feel-v2 #export-center ul>li a:hover {
    margin-left: 5px
}

.look-and-feel-v2 #export-center ul>li:last-child a {
    border-bottom: 1px solid #fafbfd
}

#fullcalendar-view {
    position: relative
}

#fullcalendar-view .fc-today {
    background-color: #ddd!important
}

#fullcalendar-view .fc-today .fc-day-number {
    color: #000
}

#fullcalendar-view .loader {
    display: none;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10
}

#fullcalendar-view .loader .buk-loader {
    top: 50%;
    transform: translateY(-50%)
}

.look-and-feel-v2 #fullcalendar-view {
    position: relative
}

.look-and-feel-v2 #fullcalendar-view .fc-view-container {
    height: auto
}

.look-and-feel-v2 #fullcalendar-view .fc-today {
    background-color: #fafbfd!important
}

.look-and-feel-v2 #fullcalendar-view .fc-today .fc-day-number {
    color: #242527
}

.look-and-feel-v2 #fullcalendar-view .fc-basic-view .fc-body .fc-row {
    height: 115px
}

.look-and-feel-v2 #fullcalendar-view .fc-scroller.fc-day-grid-container {
    height: 600px!important
}

.look-and-feel-v2 #fullcalendar-view .fc-content .fc-title {
    color: #fafbfd
}

.look-and-feel-v2 #fullcalendar-view .fc-popover {
    background-color: #fafbfd;
    border-radius: .5rem;
    box-shadow: 0 2px 4px rgba(36, 37, 39, .24), 0 4px 8px rgba(36, 37, 39, .16)
}

.look-and-feel-v2 #fullcalendar-view .fc-popover .fc-body .fc-title {
    color: #fafbfd
}

.look-and-feel-v2 #fullcalendar-view .fc-popover .fc-title {
    color: #242527
}

.look-and-feel-v2 #fullcalendar-view .fc-more {
    font-size: 10px;
    display: block;
    line-height: .9;
    text-align: center
}

.look-and-feel-v2 #fullcalendar-view .loader {
    display: none;
    background: #fafbfd;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10
}

.look-and-feel-v2 #fullcalendar-view .loader .buk-loader {
    top: 50%;
    transform: translateY(-50%)
}

.look-and-feel-v1 .nav-tabs-custom .tabs-left {
    border-bottom-width: 0;
    padding-top: 2px
}

.look-and-feel-v1 .nav-tabs-custom .tabs-left>li {
    float: none;
    margin-bottom: 2px;
    margin-right: -1px
}

.look-and-feel-v1 .nav-tabs-custom .tabs-left>li>a {
    border-radius: 3px 0 0 3px;
    margin-right: 0;
    display: block
}

.look-and-feel-v1 .nav-tabs-custom .tabs-left>li.active>a,
.look-and-feel-v1 .nav-tabs-custom .tabs-left>li.active>a>a:hover,
.look-and-feel-v1 .nav-tabs-custom .tabs-left>li.active>a a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent
}

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

.look-and-feel-v1 #custom-reports-drag-drop .badge,
.look-and-feel-v1 .nav-contents-custom .badge {
    padding: 3px 12px 4px;
    font-weight: 400;
    font-size: .75rem;
    border-radius: 15px;
    line-height: .75rem;
    margin-top: 4px;
    margin-bottom: 4px;
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.look-and-feel-v1 #custom-reports-drag-drop .badge:hover,
.look-and-feel-v1 .nav-contents-custom .badge:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.look-and-feel-v2 .nav-tabs-custom .tabs-left {
    border-bottom-width: 0;
    padding-top: 2px
}

.look-and-feel-v2 .nav-tabs-custom .tabs-left>li {
    float: none;
    margin-bottom: 2px;
    margin-right: -1px
}

.look-and-feel-v2 .nav-tabs-custom .tabs-left>li>a {
    border-radius: 3px 0 0 3px;
    margin-right: 0;
    display: block
}

.look-and-feel-v2 .nav-tabs-custom .tabs-left>li.active>a,
.look-and-feel-v2 .nav-tabs-custom .tabs-left>li.active>a>a:hover,
.look-and-feel-v2 .nav-tabs-custom .tabs-left>li.active>a a:focus {
    border-bottom-color: #fafbfd;
    border-right-color: transparent
}

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

.look-and-feel-v2 #custom-reports-drag-drop .badge,
.look-and-feel-v2 .nav-contents-custom .badge {
    padding: 3px 12px 4px;
    font-weight: 400;
    font-size: .75rem;
    border-radius: 15px;
    line-height: .75rem;
    margin-top: 4px;
    margin-bottom: 4px;
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.look-and-feel-v2 #custom-reports-drag-drop .badge:hover,
.look-and-feel-v2 .nav-contents-custom .badge:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.item-formulado textarea {
    width: 100%;
    height: 125px
}

.item-formulado .label-pick {
    cursor: pointer
}

.item-formulado .variables {
    max-height: 208px
}

.item-formulado .variables .categories,
.item-formulado .variables .elements .well {
    max-height: 208px;
    overflow-y: auto;
    overflow-x: hidden
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f4f4f4;
    border: 1px solid #e3e3e3;
    border-radius: 3px
}

.look-and-feel-v2 .item-formulado textarea {
    width: 100%;
    height: 125px
}

.look-and-feel-v2 .item-formulado .label-pick {
    cursor: pointer
}

.look-and-feel-v2 .item-formulado .variables {
    max-height: 208px
}

.look-and-feel-v2 .item-formulado .variables .categories,
.look-and-feel-v2 .item-formulado .variables .elements .well {
    max-height: 128px;
    overflow-y: auto;
    overflow-x: hidden
}

.look-and-feel-v2 .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f0f1f3;
    border-radius: 3px
}

.special-radio-button input[type=radio] {
    display: none
}

.special-checkbox {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding-left: 2rem;
    margin: 0;
    position: relative;
    cursor: pointer
}

.special-checkbox__indicator {
    border-radius: 3px!important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    position: absolute;
    left: 0;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #efefef;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50% 50%;
    transition: all 222ms ease
}

.special-checkbox__description {
    font-weight: 400;
    flex: none;
    white-space: normal;
    word-break: break-word;
    width: 100%
}

.special-checkbox__input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition: all 222ms ease
}

.special-checkbox__input:checked~.special-checkbox__indicator {
    background-image: url(/packs/media/images/custom-checkbox-1f07a7483325e5fe41db96685ac2c076.svg)!important;
    color: #fff;
    background-color: #3c8dbc;
    box-shadow: none
}

.special-checkbox__input:focus~.special-checkbox__indicator {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08)
}

.special-checkbox:hover .special-checkbox__indicator {
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px #3c8dbc
}

.special-checkbox.-align-right {
    text-align: right;
    padding-right: 2rem;
    padding-left: 0
}

.special-checkbox.-align-right .special-checkbox__indicator {
    right: 0;
    left: auto
}

.look-and-feel-v2 .special-radio-button input[type=radio] {
    display: none
}

.look-and-feel-v2 .special-checkbox {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding-left: 2rem;
    margin: 0;
    position: relative;
    cursor: pointer
}

.look-and-feel-v2 .special-checkbox__indicator {
    border-radius: 3px!important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    position: absolute;
    left: 0;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f6f7f9;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50% 50%;
    transition: all 222ms ease
}

.look-and-feel-v2 .special-checkbox__description {
    font-weight: 400;
    flex: none;
    white-space: normal;
    word-break: break-word;
    width: 100%
}

.look-and-feel-v2 .special-checkbox__input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition: all 222ms ease
}

.look-and-feel-v2 .special-checkbox__input:checked~.special-checkbox__indicator {
    background-image: url(/packs/media/images/custom-checkbox-1f07a7483325e5fe41db96685ac2c076.svg)!important;
    color: #fafbfd;
    background-color: #2f4daa;
    box-shadow: none
}

.look-and-feel-v2 .special-checkbox__input:focus~.special-checkbox__indicator {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08)
}

.look-and-feel-v2 .special-checkbox:hover .special-checkbox__indicator {
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px #3c8dbc
}

.look-and-feel-v2 .special-checkbox.-align-right {
    text-align: right;
    padding-right: 2rem;
    padding-left: 0
}

.look-and-feel-v2 .special-checkbox.-align-right .special-checkbox__indicator {
    right: 0;
    left: auto
}

.geo_victoria_process .info-box-text {
    text-transform: none
}

.sortable-box {
    position: relative;
    overflow-wrap: break-word;
    display: flex
}

.sortable-box.disabled {
    background: hsla(0, 0%, 99.6%, .584)
}

.sortable-box__drag {
    opacity: .48;
    width: 3rem;
    padding: 0
}

.sortable-box__drag span {
    position: absolute;
    height: 100%;
    background: #ecf0f5;
    display: flex;
    align-items: center;
    padding: .5rem
}

.sortable-box__drag span:hover {
    cursor: all-scroll
}

.sortable-box__title {
    display: inline-flex;
    justify-content: space-between;
    padding: 1rem 1rem 1rem 4rem;
    width: 55%
}

.sortable-box__right {
    width: 45%;
    margin-right: -3px;
    padding: 1rem;
    display: inline-block;
    text-align: right
}

.sortable-box__right input {
    display: inline;
    text-align: right;
    width: 8rem
}

.sortable-box:hover {
    border-color: #b8c7ce
}

.sortable-box:hover .sortable-box__drag span {
    background: #b8c7ce
}

.sortable-box__content {
    margin: 0 8rem
}

.sortable-box .form-group {
    margin-bottom: 0
}

.look-and-feel-v2 .sortable-box {
    position: relative;
    overflow-wrap: break-word;
    display: flex
}

.look-and-feel-v2 .sortable-box.disabled {
    background: hsla(0, 0%, 99.6%, .584)
}

.look-and-feel-v2 .sortable-box__drag {
    opacity: .48;
    width: 3rem;
    padding: 0
}

.look-and-feel-v2 .sortable-box__drag span {
    position: absolute;
    height: 100%;
    background: #ecf0f5;
    display: flex;
    align-items: center;
    padding: .5rem
}

.look-and-feel-v2 .sortable-box__drag span:hover {
    cursor: all-scroll
}

.look-and-feel-v2 .sortable-box__title {
    display: inline-flex;
    justify-content: space-between;
    padding: 1rem 1rem 1rem 4rem;
    width: 55%
}

.look-and-feel-v2 .sortable-box__right {
    width: 45%;
    margin-right: -3px;
    padding: 1rem;
    display: inline-block;
    text-align: right
}

.look-and-feel-v2 .sortable-box__right input {
    display: inline;
    text-align: right;
    width: 8rem
}

.look-and-feel-v2 .sortable-box:hover {
    border-color: #b8c7ce
}

.look-and-feel-v2 .sortable-box:hover .sortable-box__drag span {
    background: #b8c7ce
}

.look-and-feel-v2 .sortable-box__content {
    margin: 0 8rem
}

.look-and-feel-v2 .sortable-box .form-group {
    margin-bottom: 0
}

.portal-configuration {
    padding-left: 10px;
    padding-right: 10px;
    height: calc(100vh - 270px);
    display: flex;
    flex-direction: column;
    overflow: auto;
    margin-bottom: 10px
}

.portal-configuration>.conditional-form {
    display: flex;
    align-items: center
}

.portal-configuration div:first-child {
    padding-left: 0
}

.portal-configuration p {
    font-size: 18px;
    line-height: 24px;
    padding-top: 15px
}

.portal-configuration p:first-child {
    padding-top: 0
}

.config-footer {
    float: right
}

.mural {
    display: flex;
    flex-direction: column;
    overflow-wrap: break-word
}

.mural .box-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0
}

.mural .box-header.with-border {
    border: 0
}

.mural .box-header .mural-avatar img {
    max-width: 30px
}

.mural .box-header .mural-info {
    display: flex;
    flex-direction: column;
    margin-left: 15px
}

.mural .box-header .mural-info .mural-title {
    font-size: 1rem;
    font-weight: 600
}

.mural .box-header .mural-info .mural-date {
    color: #888;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400
}

.mural .box-body {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    overflow: hidden
}

.mural .box-body .mural-content {
    word-break: break-word;
    max-height: 120px;
    overflow: hidden
}

.mural .box-body .mural-content img {
    max-width: 100%;
    height: auto
}

.mural .box-body [data-show-hide-more-content].content-expanded .toogle-more-link:after {
    content: "Ver más"
}

.mural .box-body .mural-content-modal {
    word-break: break-word;
    overflow: hidden
}

.mural .box-body .mural-content-modal img {
    max-width: 100%;
    height: auto
}

.mural .box-body .mural-footer {
    height: 21px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mural .box-body .mural-footer>.likes {
    display: inline-block;
    color: #999
}

.mural .box-body .mural-footer>.likes>i {
    color: #3c8dbc
}

.mural .box-body .mural-footer>.comments {
    display: inline-block;
    color: #999
}

.mural .box-body .mural-like-comment {
    height: 36px;
    font-size: 16px;
    line-height: 20px;
    padding-top: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mural .box-body .mural-like-comment>.make-like,
.mural .box-body .mural-like-comment>.remove-like {
    display: inline-block
}

.mural .box-body .mural-like-comment>.make-like a:link,
.mural .box-body .mural-like-comment>.make-like a:visited,
.mural .box-body .mural-like-comment>.remove-like.ic-request-in-flight a:link,
.mural .box-body .mural-like-comment>.remove-like.ic-request-in-flight a:visited {
    color: #999
}

.mural .box-body .mural-like-comment>.make-like a:hover,
.mural .box-body .mural-like-comment>.remove-like.ic-request-in-flight a:hover {
    color: #367fa9
}

.mural .box-body .mural-like-comment>.make-like.ic-request-in-flight a:link,
.mural .box-body .mural-like-comment>.make-like.ic-request-in-flight a:visited,
.mural .box-body .mural-like-comment>.remove-like a:link,
.mural .box-body .mural-like-comment>.remove-like a:visited {
    color: #3c8dbc
}

.mural .box-body .mural-like-comment>.make-like.ic-request-in-flight a:hover,
.mural .box-body .mural-like-comment>.remove-like a:hover {
    color: #367fa9
}

.mural .box-body .mural-like-comment>.comment-icon {
    color: #999
}

.mural-option {
    position: absolute;
    top: 10px;
    right: 10px
}

.mural-gallery {
    display: flex;
    margin: 12px auto;
    width: 100%;
    height: 296px;
    cursor: pointer
}

.mural-gallery .gallery-lg {
    width: 100%;
    height: 100%
}

.mural-gallery .gallery-md,
.mural-gallery .half-gallery {
    width: 50%;
    height: 100%
}

.mural-gallery .gallery-sm {
    width: 100%;
    height: 50%
}

.mural-gallery .remainder-gallery {
    width: 100%;
    height: 50%;
    position: relative
}

.mural-gallery .remainder-gallery>.gallery-sm {
    filter: brightness(50%);
    height: 100%
}

.mural-gallery .remainder-gallery>.remainder {
    position: absolute;
    top: 45%;
    right: 45%;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #fff
}

.mural-gallery .remainder-gallery .video-gallery>i {
    display: none
}

.mural-gallery .video-gallery {
    width: 100%;
    height: 100%;
    position: relative
}

.mural-gallery .video-gallery>i {
    position: absolute;
    font-size: 2.5rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    color: #fff
}

.mural-gallery .gallery-lg,
.mural-gallery .gallery-md,
.mural-gallery .gallery-sm,
.mural-gallery .remainder-gallery {
    display: flex;
    justify-content: center
}

.mural-gallery .gallery-lg img,
.mural-gallery .gallery-lg video,
.mural-gallery .gallery-md img,
.mural-gallery .gallery-md video,
.mural-gallery .gallery-sm img,
.mural-gallery .gallery-sm video,
.mural-gallery .remainder-gallery img,
.mural-gallery .remainder-gallery video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px
}

.mural-gallery .gallery-lg,
.mural-gallery .gallery-md,
.mural-gallery .gallery-sm {
    border-radius: 3px;
    border: 1px solid #888
}

.gallery-modal {
    z-index: 1031;
    display: none;
    position: fixed;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .8)
}

.gallery-modal>.gallery-close {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 3.125rem;
    font-weight: 700
}

.gallery-modal>.gallery-close:focus,
.gallery-modal>.gallery-close:hover {
    color: #888;
    text-decoration: none;
    cursor: pointer
}

.gallery-modal>.gallery-modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    height: calc(100vh - 200px);
    width: calc(100vw - 160px)
}

.gallery-modal>.gallery-modal-content>.gallery-next,
.gallery-modal>.gallery-modal-content>.gallery-prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: #fff;
    font-weight: 700;
    font-size: 3.75rem;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.gallery-modal>.gallery-modal-content>.gallery-prev {
    left: -75px
}

.gallery-modal>.gallery-modal-content>.gallery-next {
    right: -75px
}

.gallery-modal>.gallery-modal-content>.gallery-next:hover,
.gallery-modal>.gallery-modal-content>.gallery-prev:hover {
    background-color: #000
}

.gallery-modal img,
.gallery-modal video {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 90%;
    max-height: 100%
}

.gallery-slide {
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}

.gallery-slide>.gallery-slide-index {
    position: absolute;
    font-size: 1.875rem;
    font-weight: 900;
    color: #fff;
    padding: 8px 12px;
    top: -90px;
    left: -60px
}

.admin-mural-button,
.admin-mural-post {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 12px;
    padding-right: 12px
}

.admin-mural-button .mural-info,
.admin-mural-post .mural-info {
    padding-top: 12px;
    padding-bottom: 18px
}

.admin-mural-button .mural-info .mural-title,
.admin-mural-post .mural-info .mural-title {
    max-height: 42px;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.admin-mural-button .mural-info .mural-date,
.admin-mural-post .mural-info .mural-date {
    color: #888;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400
}

.publication-heigth-screen .adjust-mural {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
}

.admin-mural-button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 32px;
    border-width: 0
}

.admin-mural-button>a {
    padding-top: 6px
}

.mural-placeholder {
    text-align: center
}

.mural-placeholder img {
    max-width: 100%
}

#mural-expanded-modal .modal-header {
    display: none
}

#mural-expanded-modal .modal-body {
    padding: 0
}

.mural-comments-section {
    margin: 0 -16px;
    border-top: 1px solid #b8c7ce
}

.mural-comments-section [data-comments] [data-show-hide-more-content].content-expanded .toogle-more-link:after {
    content: "Ver menos"
}

.mural-comments-section .no-comments-allowed {
    margin-top: 12px;
    padding: 0 16px
}

.mural-comments-section .box-comments {
    overflow-y: auto
}

.mural-comment-form {
    display: flex;
    align-items: flex-start
}

.mural-comment-form .avatar img {
    max-width: 30px
}

.mural-comment-form .comment {
    width: 100%;
    min-height: 34px
}

.look-and-feel-v2 .mural {
    display: flex;
    flex-direction: column;
    overflow-wrap: break-word
}

.look-and-feel-v2 .mural .box-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0
}

.look-and-feel-v2 .mural .box-header.with-border {
    border: 0
}

.look-and-feel-v2 .mural .box-header .mural-avatar img {
    max-width: 30px
}

.look-and-feel-v2 .mural .box-header .mural-info {
    display: flex;
    flex-direction: column;
    margin-left: 15px
}

.look-and-feel-v2 .mural .box-header .mural-info .mural-title {
    font-size: 1rem;
    font-weight: 600
}

.look-and-feel-v2 .mural .box-header .mural-info .mural-date {
    color: #a3a4a5;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400
}

.look-and-feel-v2 .mural .box-body {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    overflow: hidden
}

.look-and-feel-v2 .mural .box-body .mural-content {
    word-break: break-word;
    max-height: 120px;
    overflow: hidden
}

.look-and-feel-v2 .mural .box-body .mural-content img {
    max-width: 100%;
    height: auto
}

.look-and-feel-v2 .mural .box-body [data-show-hide-more-content].content-expanded .toogle-more-link:after {
    content: "Ver más"
}

.look-and-feel-v2 .mural .box-body .mural-content-modal {
    word-break: break-word;
    overflow: hidden
}

.look-and-feel-v2 .mural .box-body .mural-content-modal img {
    max-width: 100%;
    height: auto
}

.look-and-feel-v2 .mural .box-body .mural-footer {
    height: 21px;
    margin-bottom: 5px;
    font-size: .75rem;
    line-height: .875rem;
    font-weight: 500;
    color: #656668;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.look-and-feel-v2 .mural .box-body .mural-footer>.likes {
    display: inline-block;
    color: #a3a4a5
}

.look-and-feel-v2 .mural .box-body .mural-footer>.likes>i {
    color: #2f4daa
}

.look-and-feel-v2 .mural .box-body .mural-footer>.comments {
    display: inline-block;
    color: #a3a4a5
}

.look-and-feel-v2 .mural .box-body .mural-like-comment {
    height: 36px;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527;
    padding-top: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.look-and-feel-v2 .mural .box-body .mural-like-comment>.make-like,
.look-and-feel-v2 .mural .box-body .mural-like-comment>.remove-like {
    display: inline-block
}

.look-and-feel-v2 .mural .box-body .mural-like-comment>.make-like a:link,
.look-and-feel-v2 .mural .box-body .mural-like-comment>.make-like a:visited,
.look-and-feel-v2 .mural .box-body .mural-like-comment>.remove-like.ic-request-in-flight a:link,
.look-and-feel-v2 .mural .box-body .mural-like-comment>.remove-like.ic-request-in-flight a:visited {
    color: #a3a4a5
}

.look-and-feel-v2 .mural .box-body .mural-like-comment>.make-like a:hover,
.look-and-feel-v2 .mural .box-body .mural-like-comment>.remove-like.ic-request-in-flight a:hover {
    color: #2a469d
}

.look-and-feel-v2 .mural .box-body .mural-like-comment>.make-like.ic-request-in-flight a:link,
.look-and-feel-v2 .mural .box-body .mural-like-comment>.make-like.ic-request-in-flight a:visited,
.look-and-feel-v2 .mural .box-body .mural-like-comment>.remove-like a:link,
.look-and-feel-v2 .mural .box-body .mural-like-comment>.remove-like a:visited {
    color: #2f4daa
}

.look-and-feel-v2 .mural .box-body .mural-like-comment>.make-like.ic-request-in-flight a:hover,
.look-and-feel-v2 .mural .box-body .mural-like-comment>.remove-like a:hover {
    color: #2a469d
}

.look-and-feel-v2 .mural .box-body .mural-like-comment>.comment-icon {
    color: #a3a4a5
}

.look-and-feel-v2 .mural-gallery {
    display: flex;
    margin: 12px auto;
    width: 100%;
    height: 296px;
    cursor: pointer
}

.look-and-feel-v2 .mural-gallery .gallery-lg {
    width: 100%;
    height: 100%
}

.look-and-feel-v2 .mural-gallery .gallery-md,
.look-and-feel-v2 .mural-gallery .half-gallery {
    width: 50%;
    height: 100%
}

.look-and-feel-v2 .mural-gallery .gallery-sm {
    width: 100%;
    height: 50%
}

.look-and-feel-v2 .mural-gallery .remainder-gallery {
    width: 100%;
    height: 50%;
    position: relative
}

.look-and-feel-v2 .mural-gallery .remainder-gallery>.gallery-sm {
    filter: brightness(50%);
    height: 100%
}

.look-and-feel-v2 .mural-gallery .remainder-gallery>.remainder {
    position: absolute;
    top: 45%;
    right: 45%;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #fafbfd
}

.look-and-feel-v2 .mural-gallery .remainder-gallery .video-gallery>i {
    display: none
}

.look-and-feel-v2 .mural-gallery .video-gallery {
    width: 100%;
    height: 100%;
    position: relative
}

.look-and-feel-v2 .mural-gallery .video-gallery>i {
    position: absolute;
    font-size: 2.5rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    color: #fafbfd
}

.look-and-feel-v2 .mural-gallery .gallery-lg,
.look-and-feel-v2 .mural-gallery .gallery-md,
.look-and-feel-v2 .mural-gallery .gallery-sm,
.look-and-feel-v2 .mural-gallery .remainder-gallery {
    display: flex;
    justify-content: center
}

.look-and-feel-v2 .mural-gallery .gallery-lg img,
.look-and-feel-v2 .mural-gallery .gallery-lg video,
.look-and-feel-v2 .mural-gallery .gallery-md img,
.look-and-feel-v2 .mural-gallery .gallery-md video,
.look-and-feel-v2 .mural-gallery .gallery-sm img,
.look-and-feel-v2 .mural-gallery .gallery-sm video,
.look-and-feel-v2 .mural-gallery .remainder-gallery img,
.look-and-feel-v2 .mural-gallery .remainder-gallery video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px
}

.look-and-feel-v2 .mural-gallery .gallery-lg .mural-like-comment>.make-like a.link,
.look-and-feel-v2 .mural-gallery .gallery-lg .mural-like-comment>.remove-like a.link,
.look-and-feel-v2 .mural-gallery .gallery-md .mural-like-comment>.make-like a.link,
.look-and-feel-v2 .mural-gallery .gallery-md .mural-like-comment>.remove-like a.link,
.look-and-feel-v2 .mural-gallery .gallery-sm .mural-like-comment>.make-like a.link,
.look-and-feel-v2 .mural-gallery .gallery-sm .mural-like-comment>.remove-like a.link,
.look-and-feel-v2 .mural-gallery .remainder-gallery .mural-like-comment>.make-like a.link,
.look-and-feel-v2 .mural-gallery .remainder-gallery .mural-like-comment>.remove-like a.link {
    color: #2f4daa
}

.look-and-feel-v2 .mural-gallery .gallery-lg .mural-like-comment>.make-like a.link:hover,
.look-and-feel-v2 .mural-gallery .gallery-lg .mural-like-comment>.remove-like a.link:hover,
.look-and-feel-v2 .mural-gallery .gallery-md .mural-like-comment>.make-like a.link:hover,
.look-and-feel-v2 .mural-gallery .gallery-md .mural-like-comment>.remove-like a.link:hover,
.look-and-feel-v2 .mural-gallery .gallery-sm .mural-like-comment>.make-like a.link:hover,
.look-and-feel-v2 .mural-gallery .gallery-sm .mural-like-comment>.remove-like a.link:hover,
.look-and-feel-v2 .mural-gallery .remainder-gallery .mural-like-comment>.make-like a.link:hover,
.look-and-feel-v2 .mural-gallery .remainder-gallery .mural-like-comment>.remove-like a.link:hover {
    color: #2a469d
}

.look-and-feel-v2 .mural-gallery .gallery-lg,
.look-and-feel-v2 .mural-gallery .gallery-md,
.look-and-feel-v2 .mural-gallery .gallery-sm {
    border-radius: 3px;
    border: 1px solid #a3a4a5
}

.look-and-feel-v2 .gallery-modal {
    z-index: 1031;
    display: none;
    position: fixed;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(36, 37, 39, .8)
}

.look-and-feel-v2 .gallery-modal>.gallery-close {
    color: #fafbfd;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 3.125rem;
    font-weight: 700
}

.look-and-feel-v2 .gallery-modal>.gallery-close:focus,
.look-and-feel-v2 .gallery-modal>.gallery-close:hover {
    color: #a3a4a5;
    text-decoration: none;
    cursor: pointer
}

.look-and-feel-v2 .gallery-modal>.gallery-modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    height: calc(100vh - 200px);
    width: calc(100vw - 160px)
}

.look-and-feel-v2 .gallery-modal>.gallery-modal-content>.gallery-next,
.look-and-feel-v2 .gallery-modal>.gallery-modal-content>.gallery-prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: #fafbfd;
    font-weight: 700;
    font-size: 3.75rem;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.look-and-feel-v2 .gallery-modal>.gallery-modal-content>.gallery-prev {
    left: -75px
}

.look-and-feel-v2 .gallery-modal>.gallery-modal-content>.gallery-next {
    right: -75px
}

.look-and-feel-v2 .gallery-modal>.gallery-modal-content>.gallery-next:hover,
.look-and-feel-v2 .gallery-modal>.gallery-modal-content>.gallery-prev:hover {
    background-color: #242527
}

.look-and-feel-v2 .gallery-modal img,
.look-and-feel-v2 .gallery-modal video {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 90%;
    max-height: 100%
}

.look-and-feel-v2 .gallery-slide {
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}

.look-and-feel-v2 .gallery-slide>.gallery-slide-index {
    position: absolute;
    font-size: 1.875rem;
    font-weight: 900;
    color: #fafbfd;
    padding: 8px 12px;
    top: -90px;
    left: -60px
}

.look-and-feel-v2 .admin-mural-button,
.look-and-feel-v2 .admin-mural-post {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 12px;
    padding-right: 12px
}

.look-and-feel-v2 .admin-mural-button .mural-info,
.look-and-feel-v2 .admin-mural-post .mural-info {
    padding-top: 12px;
    padding-bottom: 18px
}

.look-and-feel-v2 .admin-mural-button .mural-info .mural-title,
.look-and-feel-v2 .admin-mural-post .mural-info .mural-title {
    max-height: 42px;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.look-and-feel-v2 .admin-mural-button .mural-info .mural-date,
.look-and-feel-v2 .admin-mural-post .mural-info .mural-date {
    color: #a3a4a5;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400
}

.look-and-feel-v2 .publication-heigth-screen .adjust-mural {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527
}

.look-and-feel-v2 .admin-mural-button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 32px;
    border-width: 0
}

.look-and-feel-v2 .admin-mural-button>a {
    padding-top: 6px
}

.look-and-feel-v2 .mural-placeholder {
    text-align: center
}

.look-and-feel-v2 .mural-placeholder img {
    max-width: 100%
}

.look-and-feel-v2 #mural-expanded-modal .modal-header {
    display: none
}

.look-and-feel-v2 #mural-expanded-modal .modal-body {
    padding: 0
}

.look-and-feel-v2 .mural-comments-section {
    margin: 0 -16px;
    border-top: 1px solid rgba(47, 77, 170, .16)
}

.look-and-feel-v2 .mural-comments-section .mural-comments-section {
    margin: 0
}

.look-and-feel-v2 .mural-comments-section [data-comments] [data-show-hide-more-content].content-expanded .toogle-more-link:after {
    content: "Ver menos"
}

.look-and-feel-v2 .mural-comments-section .no-comments-allowed {
    margin-top: 12px;
    padding: 0 16px
}

.look-and-feel-v2 .mural-comments-section .box-comments {
    overflow-y: auto
}

.look-and-feel-v2 .mural-comment-form {
    display: flex;
    align-items: flex-start
}

.look-and-feel-v2 .mural-comment-form .avatar img {
    max-width: 30px
}

.look-and-feel-v2 .mural-comment-form .comment {
    width: 100%;
    min-height: 34px
}

#mural-modal .modal-body .box {
    margin-bottom: 0!important
}

.look-and-feel-v2 .banner-index {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: auto
}

.look-and-feel-v2 .banner-index .banner-empty-index {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #091351
}

.look-and-feel-v2 .banner-index .banner-edit {
    width: 300px;
    margin: 16px;
    border-radius: .5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16)
}

.look-and-feel-v2 .banner-index .banner-edit .banner-options {
    height: 30px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: .5rem .5rem 0 0
}

.look-and-feel-v2 .banner-index .banner-edit .banner-options~div>a.banner {
    position: relative;
    display: block;
    overflow: hidden;
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 100%;
    max-width: inherit;
    margin-bottom: 20px
}

.look-and-feel-v2 .banner-index .banner-edit .banner-options~div>a.banner .banner-img,
.look-and-feel-v2 .banner-index .banner-edit .banner-options~div>a.banner .img-reflection {
    height: 110px;
    width: 100%
}

.look-and-feel-v2 .banner-index .banner-edit .banner-options~div>a.banner .banner-img>img,
.look-and-feel-v2 .banner-index .banner-edit .banner-options~div>a.banner .img-reflection>img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.look-and-feel-v2 .banner-index .banner-edit .banner-options~div>a.banner .banner-img {
    position: relative
}

.look-and-feel-v2 .banner-index .banner-edit .banner-options~div>a.banner .img-reflection {
    position: absolute;
    filter: blur(10px)
}

.look-and-feel-v2 .banner-index .banner-edit .banner-options~div>a.banner .img-reflection>img {
    -o-object-fit: cover;
    object-fit: cover
}

.look-and-feel-v2 .banner-index .banner-edit .banner-options~div>a.banner .banner-desc {
    background: #f6f7f9;
    display: block;
    position: relative;
    padding: .75rem
}

.look-and-feel-v2 .banner-index .banner-edit .banner-options~div>a.banner .banner-title {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #242527;
    color: #091351;
    font-weight: 700;
    margin-bottom: 8px
}

.look-and-feel-v2 .banner-index .banner-edit .banner-options~div>a.banner .banner-subtitle {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: #656668
}

.look-and-feel-v2 .banner-list {
    min-height: auto;
    max-height: 490px;
    overflow: auto;
    padding: .75rem
}

.look-and-feel-v2 .banner-list a.banner {
    position: relative;
    display: block;
    overflow: hidden;
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 100%;
    max-width: inherit;
    margin-bottom: 20px;
    border-radius: .5rem
}

.look-and-feel-v2 .banner-list a.banner .banner-img,
.look-and-feel-v2 .banner-list a.banner .img-reflection {
    width: 100%
}

.look-and-feel-v2 .banner-list a.banner .banner-img>img,
.look-and-feel-v2 .banner-list a.banner .img-reflection>img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%;
    max-height: 200px
}

.look-and-feel-v2 .banner-list a.banner .banner-img {
    position: relative
}

.look-and-feel-v2 .banner-list a.banner .img-reflection {
    position: absolute;
    filter: blur(10px)
}

.look-and-feel-v2 .banner-list a.banner .img-reflection>img {
    -o-object-fit: cover;
    object-fit: cover
}

.look-and-feel-v2 .banner-list a.banner .banner-desc {
    background: #f6f7f9;
    display: block;
    position: relative;
    padding: .75rem
}

.look-and-feel-v2 .banner-list a.banner .banner-title {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #242527;
    color: #091351;
    font-weight: 700;
    margin-bottom: 8px
}

.look-and-feel-v2 .banner-list a.banner .banner-subtitle {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: #656668
}

.look-and-feel-v2 .banner-list a.banner:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16)
}

.look-and-feel-v2 .banner-list:not(:last-child) {
    margin: 4px
}

.look-and-feel-v1 .banner {
    position: relative;
    display: block;
    background-color: #d2d6de;
    overflow: hidden;
    border-radius: 3px;
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    height: 110px;
    width: 100%;
    max-width: inherit;
    margin-bottom: 20px
}

.look-and-feel-v1 .banner:hover .banner-text {
    height: 0
}

.look-and-feel-v1 .banner .banner-img,
.look-and-feel-v1 .banner .img-reflection {
    position: absolute;
    border-radius: 3px 3px 0 0;
    height: 100%;
    width: 100%
}

.look-and-feel-v1 .banner .banner-img>img,
.look-and-feel-v1 .banner .img-reflection>img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.look-and-feel-v1 .banner .img-reflection {
    filter: blur(10px)
}

.look-and-feel-v1 .banner .img-reflection>img {
    -o-object-fit: cover;
    object-fit: cover
}

.look-and-feel-v1 .banner .banner-text {
    transition: all .5s;
    position: absolute;
    bottom: 0;
    color: #fff;
    border-radius: 0 0 3px 3px;
    background-color: #000;
    opacity: .8;
    height: 50px;
    width: 100%
}

.look-and-feel-v1 .banner .banner-text .banner-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin: 2px 16px
}

.look-and-feel-v1 .banner .banner-text .banner-desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 2px 16px
}

.look-and-feel-v1 .banner-index .banner-edit {
    margin: 16px;
    width: 300px;
    height: 150px;
    box-shadow: none
}

.look-and-feel-v1 .banner-index .banner-edit i {
    margin: 0 4px
}

.look-and-feel-v1 .banner-index .banner-options {
    display: flex;
    justify-content: space-between;
    padding: 8px 0
}

.look-and-feel-v1 .banner-index .banner-options a {
    margin-left: 10px
}

.look-and-feel-v1 .banner-list {
    overflow-y: scroll;
    scrollbar-width: none;
    max-height: 370px;
    -ms-overflow-style: none
}

.look-and-feel-v1 .banner-list::-webkit-scrollbar {
    width: 0;
    height: 0
}

@media screen and (min-width:1366px) {
    .look-and-feel-v1 .banner-list-lg {
        max-height: 260px;
        display: flex;
        flex-wrap: wrap
    }
    .look-and-feel-v1 .banner-list-lg>.banner {
        width: calc(33% - 1em);
        margin-right: 24px
    }
    .look-and-feel-v1 .banner-list-lg>.banner:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (max-width:959px) {
    .look-and-feel-v1 .banner-list {
        height: 170px;
        width: 100%;
        margin-bottom: 16px;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden
    }
    .look-and-feel-v1 .banner-list .banner {
        display: inline-block;
        height: 170px;
        width: 160px;
        margin-bottom: 0;
        margin-right: 20px
    }
    .look-and-feel-v1 .banner-list .banner:last-child {
        margin-right: 0
    }
    .look-and-feel-v1 .banner-list .banner .banner-img img {
        -o-object-fit: contain;
        object-fit: contain;
        height: 170px;
        width: 100%
    }
}

.look-and-feel-v2 .slide-list {
    position: relative;
    height: 100%;
    overflow: auto;
    border-radius: .5rem
}

.look-and-feel-v2 .slide-list .next,
.look-and-feel-v2 .slide-list .prev {
    cursor: pointer;
    font-size: 2.5rem;
    position: absolute;
    width: auto;
    padding: 16px;
    color: #fafbfd;
    text-shadow: 2px 2px 2px #2c3b41;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(max-width:959.98px) {
    .look-and-feel-v2 .slide-list .next,
    .look-and-feel-v2 .slide-list .prev {
        font-size: 1.875rem;
        padding: 1rem .5rem
    }
}

.look-and-feel-v2 .slide-list .next {
    right: 0;
    border-radius: .5rem 0 0 .5rem
}

.look-and-feel-v2 .slide-list .dot-list {
    position: absolute;
    bottom: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.look-and-feel-v2 .slide-list .dot,
.look-and-feel-v2 .slide-list .dot-active {
    height: 6px;
    width: 6px;
    margin: 0 2px;
    background-color: hsla(0, 0%, 99.6%, .584);
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 3px 4px #2c3b41
}

.look-and-feel-v2 .slide-list .dot-active {
    height: 8px;
    width: 8px;
    background-color: #fafbfd
}

.look-and-feel-v2 .slide-list-wrapper {
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    border-radius: .5rem
}

.look-and-feel-v2 .slide-list-wrapper .slide {
    border-radius: .5rem;
    width: 100%;
    height: 100%;
    transition: display 0s, opacity .5s linear
}

.look-and-feel-v2 .slide-list-wrapper .slide-text {
    bottom: 0;
    border-radius: 0 0 .5rem .5rem;
    background-color: #2f4daa;
    width: 100%;
    height: 90px;
    position: relative;
    z-index: 5
}

.look-and-feel-v2 .slide-list-wrapper .slide-text .slide-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #091351;
    padding: 10px 16px 0;
    color: #fafbfd
}

.look-and-feel-v2 .slide-list-wrapper .slide-text .slide-desc {
    overflow-wrap: break-word;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #242527;
    padding: 2px 16px;
    color: #fafbfd;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.look-and-feel-v2 .slide-list-wrapper .slide-img>img,
.look-and-feel-v2 .slide-list-wrapper .slide .img-reflection>img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media(max-width:959.98px) {
    .look-and-feel-v2 .slide-list-wrapper .slide-img,
    .look-and-feel-v2 .slide-list-wrapper .slide .img-reflection {
        height: 58%
    }
}

.look-and-feel-v2 .slide-list-wrapper .slide-img {
    position: relative;
    display: flex
}

.look-and-feel-v2 .slide-list-wrapper .slide .img-reflection {
    position: absolute;
    filter: blur(10px);
    width: 100%
}

.look-and-feel-v2 .slide-list-wrapper .slide .img-reflection>img {
    -o-object-fit: fill;
    object-fit: fill;
    max-height: 400px
}

.look-and-feel-v2 .slide-list-wrapper .slide-fade {
    -webkit-animation-name: fade;
    animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.look-and-feel-v2 .slide-list-wrapper .slide-arrow {
    display: flex;
    position: absolute;
    align-items: center;
    height: -webkit-fill-available;
    width: 100%
}

@-webkit-keyframes fade {
    0% {
        opacity: .2
    }
    to {
        opacity: 1
    }
}

.look-and-feel-v2 .slide-empty-index {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #091351
}

.look-and-feel-v2 .slide-index {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: calc(100vh - 288px);
    overflow: auto
}

.look-and-feel-v2 .slide-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%
}

.look-and-feel-v2 .slide-wrapper .slide {
    border-radius: .5rem
}

.look-and-feel-v2 .slide-wrapper .slide-text {
    position: absolute;
    bottom: 0;
    border-radius: 0 0 .5rem .5rem;
    background-color: #2f4daa;
    width: 100%;
    height: 90px
}

.look-and-feel-v2 .slide-wrapper .slide-text .slide-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #091351;
    padding: 10px 16px 0;
    color: #fafbfd
}

.look-and-feel-v2 .slide-wrapper .slide-text .slide-desc {
    overflow-wrap: break-word;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #242527;
    padding: 2px 16px;
    color: #fafbfd;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.look-and-feel-v2 .slide-wrapper .slide-img,
.look-and-feel-v2 .slide-wrapper .slide .img-reflection {
    width: 100%;
    height: 125px;
    border-radius: .5rem .5rem 0 0
}

.look-and-feel-v2 .slide-wrapper .slide-img>img,
.look-and-feel-v2 .slide-wrapper .slide .img-reflection>img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.look-and-feel-v2 .slide-wrapper .slide-img {
    position: relative
}

.look-and-feel-v2 .slide-wrapper .slide .img-reflection {
    position: absolute;
    filter: blur(10px)
}

.look-and-feel-v2 .slide-wrapper .slide .img-reflection>img {
    -o-object-fit: cover;
    object-fit: cover
}

.look-and-feel-v2 .slide-wrapper .slide-fade {
    -webkit-animation-name: fade;
    animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.look-and-feel-v2 .slide-edit {
    position: relative;
    width: 370px;
    height: 205px;
    box-shadow: 0 8px 8px #888;
    margin: 15px;
    padding-top: 5px;
    border-radius: .5rem
}

.look-and-feel-v2 .slide-edit .slide-wrapper .slide-text {
    height: 50px
}

.look-and-feel-v2 .slide-edit .slide-wrapper .slide-desc {
    display: none
}

.look-and-feel-v2 .slide-options {
    height: 30px;
    display: flex;
    align-items: center;
    border-radius: .5rem .5rem 0 0
}

.look-and-feel-v2 .slide-options~.slide-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 85%
}

.look-and-feel-v2 .slide-options~.slide-wrapper .slide {
    border-radius: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: display 0s, opacity .5s linear
}

.look-and-feel-v2 .slide-preview {
    position: relative;
    width: 100%;
    height: 180px;
    box-shadow: none
}

.look-and-feel-v2 .slide-preview .slide {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
    height: 100%;
    transition: display 0s, opacity .5s linear
}

.look-and-feel-v2 .slide-preview .slide-text {
    display: none
}

.look-and-feel-v2 .slide-preview .slide-img,
.look-and-feel-v2 .slide-preview .slide .img-reflection {
    border-radius: 3px 3px 0 0;
    width: 100%;
    height: 100%
}

.look-and-feel-v2 .slide-preview .slide-img>img,
.look-and-feel-v2 .slide-preview .slide .img-reflection>img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.look-and-feel-v2 .slide-preview .slide-img {
    position: relative
}

.look-and-feel-v2 .slide-preview .slide-img>img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.look-and-feel-v2 .slide-preview .slide .img-reflection {
    position: absolute;
    filter: blur(10px)
}

.look-and-feel-v2 .slide-preview .slide .img-reflection>img {
    -o-object-fit: cover;
    object-fit: cover
}

.look-and-feel-v1 .slide {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
    height: 100%;
    transition: display 0s, opacity .5s linear
}

.look-and-feel-v1 .slide .img-reflection,
.look-and-feel-v1 .slide .slide-img {
    position: absolute;
    border-radius: 3px 3px 0 0;
    height: 69%;
    width: 100%
}

.look-and-feel-v1 .slide .img-reflection>img,
.look-and-feel-v1 .slide .slide-img>img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.look-and-feel-v1 .slide>a {
    text-decoration: none
}

.look-and-feel-v1 .slide .img-reflection {
    filter: blur(10px)
}

.look-and-feel-v1 .slide .img-reflection>img {
    -o-object-fit: cover;
    object-fit: cover
}

.look-and-feel-v1 .slide .slide-fade {
    -webkit-animation-name: fade;
    animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.look-and-feel-v1 .slide .slide-text {
    position: absolute;
    bottom: 0;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
    width: 100%;
    height: 90px
}

.look-and-feel-v1 .slide .slide-text .slide-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 16px;
    color: #000
}

.look-and-feel-v1 .slide .slide-text .slide-desc {
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    padding: 2px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.look-and-feel-v1 .slide-list {
    position: relative;
    height: 100%
}

.look-and-feel-v1 .slide-list .next,
.look-and-feel-v1 .slide-list .prev {
    cursor: pointer;
    font-size: 2.5rem;
    position: absolute;
    width: auto;
    padding: 16px;
    color: #fff;
    text-shadow: 2px 2px 2px #2c3b41;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.look-and-feel-v1 .slide-list .next {
    right: 15px;
    border-radius: 3px 0 0 3px
}

.look-and-feel-v1 .slide-list .dot-list {
    position: absolute;
    top: 60%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.look-and-feel-v1 .slide-list .dot,
.look-and-feel-v1 .slide-list .dot-active {
    height: 6px;
    width: 6px;
    margin: 0 2px;
    background-color: hsla(0, 0%, 99.6%, .584);
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 3px 4px #2c3b41
}

.look-and-feel-v1 .slide-list .dot-active {
    height: 8px;
    width: 8px;
    background-color: #fff
}

.look-and-feel-v1 .slide-list-wrapper {
    margin-bottom: 20px;
    height: 280px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16)
}

.look-and-feel-v1 .slide-index {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    height: calc(100vh - 260px);
    overflow: scroll
}

.look-and-feel-v1 .slide-edit {
    position: relative;
    width: 370px;
    height: 205px;
    box-shadow: 0 8px 8px #888;
    margin: 15px;
    padding-top: 5px
}

.look-and-feel-v1 .slide-edit .slide-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 85%
}

.look-and-feel-v1 .slide-edit .slide-wrapper .slide-text {
    height: 50px
}

.look-and-feel-v1 .slide-edit .slide-wrapper .slide-desc {
    display: none
}

.look-and-feel-v1 .slide-edit .slide-options {
    display: flex;
    height: 15%
}

.look-and-feel-v1 .slide-edit .slide-options a {
    color: "steelBlue"
}

@media screen and (max-width:959px) {
    .look-and-feel-v1 .slide-edit .slide-wrapper {
        height: 75%
    }
    .look-and-feel-v1 .slide-edit .slide-options {
        height: 25%;
        align-items: center
    }
}

.look-and-feel-v1 .slide-edit i {
    margin-left: 5px;
    margin-right: 5px
}

.look-and-feel-v1 .slide-preview {
    position: relative;
    width: 100%;
    height: 180px;
    box-shadow: none
}

.look-and-feel-v1 .slide-preview .img-reflection,
.look-and-feel-v1 .slide-preview .slide-img {
    height: 100%
}

.look-and-feel-v1 .slide-preview .slide-text {
    display: none
}

.look-and-feel-v1 .slide-empty-index {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    line-height: 24px
}

@media screen and (max-width:959px) {
    .look-and-feel-v1 .slide-index {
        height: calc(100vh - 250px)
    }
}

.reflective-banner {
    background: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    width: 100%;
    height: 100%;
    transition: display 0s, opacity .5s linear
}

.reflective-banner .reflection-img,
.reflective-banner .solid-img {
    position: absolute;
    border-radius: 3px 3px 0 0;
    height: 100%;
    width: 100%
}

.reflective-banner .reflection-img>img,
.reflective-banner .solid-img>img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.reflective-banner .reflection-img {
    filter: blur(10px)
}

.reflective-banner .reflection-img>img {
    -o-object-fit: cover;
    object-fit: cover
}

.reflective-banner .solid-fade {
    -webkit-animation-name: fade;
    animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

@keyframes fade {
    0% {
        opacity: .2
    }
    to {
        opacity: 1
    }
}

#ninebox-go-grid-container {
    left: 0;
    top: 35px;
    position: absolute;
    width: 100%;
    height: 880px;
    z-index: 1
}

@media screen and (max-width:600px) {
    #container {
        height: 820px
    }
}

.download-button {
    grid-column: 1/4
}

.ninebox-v2 {
    position: relative;
    width: calc(100% - 2.52rem);
    margin: 2.52rem;
    font-size: 1.26rem;
    font-weight: 700;
    z-index: 2
}

.ninebox-v2:before {
    content: attr(data-y-axis-name);
    height: 15.75rem;
    position: absolute;
    top: 16.38rem;
    left: -2.52rem;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    text-align: center;
    width: 1.26rem
}

@media screen and (max-width:600px) {
    .ninebox-v2:after,
    .ninebox-v2:before {
        display: none
    }
}

.ninebox-v2:after {
    content: attr(data-x-axis-name);
    height: 1.26rem;
    position: absolute;
    bottom: -1.89rem;
    right: 0;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    text-align: center;
    width: calc(100% + 1.26rem);
    letter-spacing: .63rem
}

.ninebox-v2 .quadrants-container .d-block {
    max-width: 100%
}

.ninebox-v2 .quadrants-container .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 12px
}

.ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant {
    height: 15.75rem;
    padding: .63rem;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    position: relative;
    cursor: pointer
}

.ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .title {
    position: absolute;
    padding: .252rem;
    color: #000;
    background: #fff;
    font-weight: 600;
    font-size: .945rem;
    width: auto;
    max-width: calc(100% - 80px);
    border-radius: 3px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .full-title {
    float: right
}

.ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .participants {
    position: absolute;
    bottom: 0;
    right: .63rem
}

@media screen and (max-width:1140px)and (min-width:600px) {
    .ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .participants .participants {
        max-width: 234px;
        overflow: hidden;
        max-height: 3.8rem
    }
}

.ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .participants .participant {
    width: 1.89rem;
    height: 1.89rem;
    border-radius: 50%;
    background: #efefef;
    border: 1px solid #333;
    position: relative;
    display: inline-block
}

.ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .participants .participant img {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .participants .extra-participants {
    position: relative;
    width: auto;
    height: 1.89rem;
    min-width: 1.89rem;
    max-width: 2.52rem;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #3c8dbc;
    float: right;
    margin-left: 4px;
    font-size: .945rem;
    font-weight: 600;
    color: #3c8dbc;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:600px) {
    .ninebox-v2 .quadrants-container .grid-container {
        grid-template-columns: 1fr
    }
}

.ninebox-v2 .maximize-icon,
.ninebox-v2 .minimize-icon {
    position: relative;
    float: right;
    margin-left: 5px
}

.ninebox-v2 .ninbox-quadrant {
    display: none;
    z-index: 2;
    color: #000;
    position: relative;
    height: 774px;
    width: 100%;
    padding: .63rem;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16)
}

.ninebox-v2 .ninbox-quadrant .participants-panel {
    overflow: auto;
    width: inherit;
    height: calc(100% - 30px);
    margin-top: 30px;
    padding: 12px 42px 22px 12px
}

.ninebox-v2 .ninbox-quadrant .participants-panel .participants {
    height: calc(100% - 40px);
    width: calc(100% - 10px);
    position: relative;
    margin-top: 35px;
    margin-left: 5px
}

.ninebox-v2 .ninbox-quadrant .participants-panel .participants .participant {
    width: 1.89rem;
    height: 1.89rem;
    border-radius: 50%;
    background: #efefef;
    border: 1px solid #333;
    position: absolute;
    opacity: 1;
    transition: all .3s;
    margin-left: -.945rem;
    margin-bottom: -.945rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.ninebox-v2 .ninbox-quadrant .participants-panel .participants .participant img {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.ninebox-v2 .ninbox-quadrant .participants-panel .participants .extra-participants {
    position: absolute;
    width: auto;
    height: 1.89rem;
    min-width: 1.89rem;
    max-width: 2.52rem;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #3c8dbc;
    padding-top: 3px;
    float: right;
    margin-left: -.945rem;
    margin-bottom: -.945rem;
    font-size: .945rem;
    font-weight: 600;
    color: #3c8dbc;
    display: flex;
    flex-direction: column
}

.ninebox-v2 .ninbox-quadrant .participants-panel::-webkit-scrollbar-track {
    margin-bottom: 70px;
    margin-right: 30px
}

.ninebox-v2 .ninbox-quadrant .title {
    position: absolute;
    padding: .252rem;
    color: #000;
    background: #fff;
    font-weight: 600;
    font-size: .945rem;
    width: auto;
    max-width: calc(100% - 50px);
    margin-bottom: 10px;
    border-radius: 3px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ninebox-v2 .zoom-panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
    right: 8px;
    bottom: 8px
}

.ninebox-v2 .zoom-panel :first-child {
    margin-bottom: 4px
}

@media screen and (max-width:600px) {
    .ninebox-v2 {
        width: 100%;
        margin: 40px 0 0
    }
    .download-button {
        grid-column: 1
    }
}

.look-and-feel-v2 #ninebox-go-grid-container {
    left: 0;
    top: 35px;
    position: absolute;
    width: 100%;
    height: 880px;
    z-index: 1
}

@media screen and (max-width:600px) {
    .look-and-feel-v2 #container {
        height: 820px
    }
}

.look-and-feel-v2 .download-button {
    grid-column: 1/4
}

.look-and-feel-v2 .ninebox-v2 {
    position: relative;
    width: calc(100% - 2.52rem);
    margin: 2.52rem;
    font-size: 1.26rem;
    font-weight: 700;
    z-index: 2
}

.look-and-feel-v2 .ninebox-v2:before {
    content: attr(data-y-axis-name);
    height: 15.75rem;
    position: absolute;
    top: 16.38rem;
    left: -2.52rem;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    text-align: center;
    width: 1.26rem
}

@media screen and (max-width:600px) {
    .look-and-feel-v2 .ninebox-v2:after,
    .look-and-feel-v2 .ninebox-v2:before {
        display: none
    }
}

.look-and-feel-v2 .ninebox-v2:after {
    content: attr(data-x-axis-name);
    height: 1.26rem;
    position: absolute;
    bottom: -1.89rem;
    right: 0;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    text-align: center;
    width: calc(100% + 1.26rem);
    letter-spacing: .63rem
}

.look-and-feel-v2 .ninebox-v2 .quadrants-container .d-block {
    max-width: 100%
}

.look-and-feel-v2 .ninebox-v2 .quadrants-container .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 12px
}

.look-and-feel-v2 .ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant {
    height: 15.75rem;
    padding: .63rem;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    position: relative;
    cursor: pointer
}

.look-and-feel-v2 .ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .title {
    position: absolute;
    padding: .252rem;
    color: #242527;
    background: #fafbfd;
    font-weight: 600;
    font-size: .945rem;
    width: auto;
    max-width: calc(100% - 80px);
    border-radius: 3px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.look-and-feel-v2 .ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .full-title {
    float: right
}

.look-and-feel-v2 .ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .participants {
    position: absolute;
    bottom: 0;
    right: .63rem
}

@media screen and (max-width:1140px)and (min-width:600px) {
    .look-and-feel-v2 .ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .participants .participants {
        max-width: 234px;
        overflow: hidden;
        max-height: 3.8rem
    }
}

.look-and-feel-v2 .ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .participants .participant {
    width: 1.89rem;
    height: 1.89rem;
    border-radius: 50%;
    background: #f6f7f9;
    border: 1px solid #242527;
    position: relative;
    display: inline-block
}

.look-and-feel-v2 .ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .participants .participant img {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.look-and-feel-v2 .ninebox-v2 .quadrants-container .grid-container .ninebox-grid-quadrant .participants .extra-participants {
    position: relative;
    width: auto;
    height: 1.89rem;
    min-width: 1.89rem;
    max-width: 2.52rem;
    border-radius: 50%;
    background: #fafbfd;
    border: 1px solid #2f4daa;
    float: right;
    margin-left: 4px;
    font-size: .945rem;
    font-weight: 600;
    color: #2f4daa;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:600px) {
    .look-and-feel-v2 .ninebox-v2 .quadrants-container .grid-container {
        grid-template-columns: 1fr
    }
}

.look-and-feel-v2 .ninebox-v2 .maximize-icon,
.look-and-feel-v2 .ninebox-v2 .minimize-icon {
    position: relative;
    float: right;
    margin-left: 5px
}

.look-and-feel-v2 .ninebox-v2 .ninbox-quadrant {
    display: none;
    z-index: 2;
    color: #242527;
    position: relative;
    height: 774px;
    width: 100%;
    padding: .63rem;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16)
}

.look-and-feel-v2 .ninebox-v2 .ninbox-quadrant .participants-panel {
    overflow: auto;
    width: inherit;
    height: calc(100% - 30px);
    margin-top: 30px;
    padding: 12px 42px 22px 12px
}

.look-and-feel-v2 .ninebox-v2 .ninbox-quadrant .participants-panel .participants {
    height: calc(100% - 40px);
    width: calc(100% - 10px);
    position: relative;
    margin-top: 35px;
    margin-left: 5px
}

.look-and-feel-v2 .ninebox-v2 .ninbox-quadrant .participants-panel .participants .participant {
    width: 1.89rem;
    height: 1.89rem;
    border-radius: 50%;
    background: #f6f7f9;
    border: 1px solid #242527;
    position: absolute;
    opacity: 1;
    transition: all .3s;
    margin-left: -.945rem;
    margin-bottom: -.945rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.look-and-feel-v2 .ninebox-v2 .ninbox-quadrant .participants-panel .participants .participant img {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.look-and-feel-v2 .ninebox-v2 .ninbox-quadrant .participants-panel .participants .extra-participants {
    position: absolute;
    width: auto;
    height: 1.89rem;
    min-width: 1.89rem;
    max-width: 2.52rem;
    border-radius: 50%;
    background: #fafbfd;
    border: 1px solid #2f4daa;
    padding-top: 3px;
    float: right;
    margin-left: -.945rem;
    margin-bottom: -.945rem;
    font-size: .945rem;
    font-weight: 600;
    color: #2f4daa;
    display: flex;
    flex-direction: column
}

.look-and-feel-v2 .ninebox-v2 .ninbox-quadrant .participants-panel::-webkit-scrollbar-track {
    margin-bottom: 70px;
    margin-right: 30px
}

.look-and-feel-v2 .ninebox-v2 .ninbox-quadrant .title {
    position: absolute;
    padding: .252rem;
    color: #242527;
    background: #fafbfd;
    font-weight: 600;
    font-size: .945rem;
    width: auto;
    max-width: calc(100% - 50px);
    margin-bottom: 10px;
    border-radius: 3px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.look-and-feel-v2 .ninebox-v2 .zoom-panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
    right: 8px;
    bottom: 8px
}

.look-and-feel-v2 .ninebox-v2 .zoom-panel :first-child {
    margin-bottom: 4px
}

@media screen and (max-width:600px) {
    .look-and-feel-v2 .ninebox-v2 {
        width: 100%;
        margin: 40px 0 0
    }
    .look-and-feel-v2 .download-button {
        grid-column: 1
    }
}

.look-and-feel-v1 .box-comments {
    max-height: 476.7px;
    overflow-y: scroll
}

.look-and-feel-v1 .box-comments .notes-box {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #ddd;
    background: #f4f7fb;
    font-weight: 600
}

.look-and-feel-v1 .box-comments .notes-box .comment-container {
    display: flow-root
}

.look-and-feel-v1 .box-comments .notes-box .comment-container .comment-date {
    font-weight: 400;
    font-size: .75rem;
    line-height: .875rem;
    display: flex;
    max-width: 100%;
    align-items: center;
    color: #999
}

.look-and-feel-v1 .box-comments .notes-box .comment-container .user-comment-name {
    max-width: 100%;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    display: inline-flex;
    align-items: center;
    color: #222d32
}

.look-and-feel-v1 .box-comments .notes-box .comment-container .user-comment,
.look-and-feel-v1 .box-comments .notes-box .comment-container .user-comment-show-more {
    max-width: 100%;
    font-weight: 400;
    line-height: 1.125rem;
    align-items: center;
    color: #222d32
}

.look-and-feel-v1 .box-comments .notes-box .comment-container .user-comment-show-more .user-comment-show-more-content {
    word-break: break-word;
    max-height: 36px;
    overflow: hidden
}

.look-and-feel-v1 .box-comments .notes-box .comment-container .comment-link {
    max-width: 100%;
    display: flex;
    align-items: center;
    color: #3c8dbc;
    float: left
}

.look-and-feel-v1 .box-comments .notes-box .comment-container .comment-delete-icon {
    float: right;
    color: #6a85a1;
    display: inline-flex
}

.look-and-feel-v1 .box-comments .notes-box .comment-container .comment-icon {
    color: #6a85a1;
    display: inline-flex
}

@media(max-width:500px) {
    .look-and-feel-v1 .box-comments .notes-box .comment-container .btn-group {
        display: flex;
        flex-direction: column
    }
    .look-and-feel-v1 .box-comments .notes-box .comment-container .btn-group .btn,
    .look-and-feel-v1 .box-comments .notes-box .comment-container .btn-group .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
    .look-and-feel-v1 .box-comments .notes-box .comment-container .btn-group button.upload-result,
    .look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .box-comments .notes-box .comment-container .btn-group .swal2-styled {
        border-radius: .25rem!important
    }
}

.look-and-feel-v1 .box-comments [data-show-hide-more-content].content-collapse:after {
    background: linear-gradient(0deg, #f4f7fb 20%, transparent 80%)
}

.look-and-feel-v2 .note {
    max-height: 476.7px;
    overflow-y: auto;
    border-radius: .25rem
}

.look-and-feel-v2 .note__container {
    border-radius: 0;
    background: rgba(47, 77, 170, .08);
    font-weight: 600;
    display: flex;
    border-bottom: 2px solid rgba(47, 77, 170, .16)
}

.look-and-feel-v2 .note__container:last-child {
    border-bottom-width: 0
}

.look-and-feel-v2 .note__container:first-child {
    border-bottom-width: 2px
}

.look-and-feel-v2 .note__container.separation {
    border-radius: .25rem;
    border: 0
}

.look-and-feel-v2 .note__container-gallery {
    width: 120px;
    height: 100px;
    border-radius: .25rem;
    overflow: hidden
}

@media(max-width:959px) {
    .look-and-feel-v2 .note__container-gallery {
        display: none
    }
}

.look-and-feel-v2 .note__container-gallery img,
.look-and-feel-v2 .note__container-gallery video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.look-and-feel-v2 .note__content {
    overflow: hidden;
    width: 87%;
    position: relative
}

@media(max-width:959px) {
    .look-and-feel-v2 .note__content {
        width: 100%
    }
}

.look-and-feel-v2 .note__content .btn-app.btn-operations-workflow,
.look-and-feel-v2 .note__content .text-truncate {
    width: 100%
}

.look-and-feel-v2 .note__content p {
    margin-bottom: 0
}

.look-and-feel-v2 .note__content-date,
.look-and-feel-v2 .note__content-time {
    font-weight: 400;
    font-size: .75rem;
    color: #a3a4a5;
    float: left
}

.look-and-feel-v2 .note__content-title {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #242527;
    font-weight: 700;
    color: #091351
}

@media(max-width:959px) {
    .look-and-feel-v2 .note__content-title {
        display: block
    }
}

.look-and-feel-v2 .note__content .user-comment-name {
    max-width: 100%;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    display: inline-flex;
    align-items: center;
    color: #242527
}

.look-and-feel-v2 .note__content .user-comment {
    float: left;
    width: 100%
}

.look-and-feel-v2 .note__content .user-comment,
.look-and-feel-v2 .note__content .user-comment-show-more {
    max-width: 100%;
    align-items: center;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: #656668;
    color: #242527
}

.look-and-feel-v2 .note__content .user-comment-show-more .user-comment-show-more-content {
    word-break: break-word;
    max-height: 36px;
    float: left;
    overflow: hidden
}

.look-and-feel-v2 .note__content .comment-link {
    max-width: 100%;
    display: flex;
    align-items: center;
    color: #2f4daa;
    float: left
}

.look-and-feel-v2 .note__content .comment-delete-icon {
    float: right;
    color: #ff7a6f;
    display: inline-flex
}

.look-and-feel-v2 .note__content .comment-icon {
    color: #2f4daa;
    display: inline-flex
}

@media(max-width:500px) {
    .look-and-feel-v2 .note__content .btn-group {
        display: flex;
        flex-direction: column
    }
    .look-and-feel-v2 .note__content .btn-group .btn,
    .look-and-feel-v2 .note__content .btn-group .swal2-popup .swal2-actions .swal2-styled,
    .look-and-feel-v2 .note__content .btn-group button.upload-result,
    .look-and-feel-v2 .swal2-popup .swal2-actions .note__content .btn-group .swal2-styled {
        border-radius: .25rem!important
    }
}

.look-and-feel-v2 .note [data-show-hide-more-content].content-collapse:after {
    background: linear-gradient(0deg, #e8ebf5 20%, rgba(36, 37, 39, 0) 80%)
}

.look-and-feel-v1 .popover-bar-top {
    background-color: #d2d6de;
    border-bottom: 1px solid #d2d6de;
    border-radius: 3px 3px 0 0;
    display: flex;
    justify-content: space-between
}

.look-and-feel-v1 .popover-bar-top .popover-title {
    background-color: inherit;
    border-bottom: inherit;
    border-radius: 0;
    text-overflow: ellipsis;
    padding: 8px 14px;
    font-size: .875rem
}

.look-and-feel-v1 .popover-bar-top .popover-navigator {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: none;
    align-items: center;
    padding: 0 14px
}

.look-and-feel-v1 .popover-bar-top .popover-navigator :nth-child(2) {
    margin-left: 5px
}

.look-and-feel-v1 .popover-bar-top .popover-navigator .btn-arrow {
    background-color: inherit;
    padding: 0 4px
}

.look-and-feel-v2 .popover-bar-top {
    background-color: rgba(47, 77, 170, .32);
    border-bottom: 1px solid rgba(47, 77, 170, .32);
    border-radius: 3px 3px 0 0;
    display: flex;
    justify-content: space-between
}

.look-and-feel-v2 .popover-bar-top .popover-title {
    background-color: inherit;
    border-bottom: inherit;
    border-radius: 0;
    text-overflow: ellipsis;
    padding: 8px 14px;
    font-size: .875rem
}

.look-and-feel-v2 .popover-bar-top .popover-navigator {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: none;
    align-items: center;
    padding: 0 14px
}

.look-and-feel-v2 .popover-bar-top .popover-navigator :nth-child(2) {
    margin-left: 5px
}

.look-and-feel-v2 .popover-bar-top .popover-navigator .btn-arrow {
    background-color: inherit;
    padding: 0 4px
}

.birthdays-short .box-body {
    max-height: 310px
}

.birthdays-tall .box-body {
    max-height: 600px
}

.birthdays .btn,
.birthdays .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.birthdays button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .birthdays .swal2-styled {
    min-width: 78px
}

.bithday-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    padding: 4px 16px
}

.birthday-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2px
}

.birthday-list .birthday-card-6,
.birthday-list .birthday-card-10 {
    margin-bottom: 8px;
    overflow: hidden;
    text-align: center
}

.birthday-list .birthday-card-6 .rounded-circle,
.birthday-list .birthday-card-10 .rounded-circle {
    width: 100px;
    margin: 0 auto
}

.birthday-list .birthday-card-6 .birthday-icon,
.birthday-list .birthday-card-10 .birthday-icon {
    font-size: 1.125rem;
    color: #3c8dbc
}

.birthday-list .birthday-card-6 .birthday-name,
.birthday-list .birthday-card-10 .birthday-name {
    width: 100%;
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600
}

.birthday-list .birthday-card-6 .birthday-date,
.birthday-list .birthday-card-10 .birthday-date {
    color: #888;
    font-size: 14px;
    line-height: 18px
}

.birthday-list .birthday-card-6 .birthday-date-text,
.birthday-list .birthday-card-10 .birthday-date-text {
    color: #3c8dbc
}

.birthday-list .birthday-card-6 {
    flex: 0 1 33%
}

@media(min-width:960px)and (max-width:1280px) {
    .birthday-list .birthday-card-6 {
        flex-basis: 50%
    }
}

.birthday-list .birthday-card-10 {
    flex: 0 1 20%
}

@media(max-width:960px) {
    .birthday-list .birthday-card-10 {
        flex-basis: 50%
    }
}

.look-and-feel-v2 .birthdays-short .box-body {
    max-height: 310px
}

.look-and-feel-v2 .birthdays-tall .box-body {
    max-height: 600px
}

.look-and-feel-v2 .birthdays .btn,
.look-and-feel-v2 .birthdays .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v2 .birthdays button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .birthdays .swal2-styled {
    min-width: 78px
}

.look-and-feel-v2 .cumpleanos-section-2 .box .box-body,
.look-and-feel-v2 .cumpleanos-section .box .box-body {
    padding-bottom: 0!important
}

.look-and-feel-v2 .cumpleanos-section-2 .box .box-footer,
.look-and-feel-v2 .cumpleanos-section .box .box-footer {
    padding-top: 0!important
}

.look-and-feel-v2 .bithday-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #242527;
    padding: 4px 16px
}

.look-and-feel-v2 .birthday-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2px
}

.look-and-feel-v2 .birthday-list .birthday-icon {
    font-size: 1.125rem;
    color: #f99304
}

.look-and-feel-v2 .birthday-list .birthday-name {
    width: 100%;
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600
}

.look-and-feel-v2 .birthday-list .birthday-date {
    font-size: 14px;
    line-height: 18px
}

.look-and-feel-v2 .birthday-list .birthday-date-text {
    color: #2f4daa
}

.card-panel.preview {
    min-width: 355px;
    max-width: 360px
}

.card-panel.preview .description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recognitions-section .recognitions-short .box-body {
    max-height: 310px
}

.recognitions-section .recognitions-tall .box-body {
    max-height: 600px
}

.look-and-feel-v2 .swal2-popup .swal2-actions .recognitions-section .recognitions .swal2-styled,
.recognitions-section .recognitions .btn,
.recognitions-section .recognitions .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.recognitions-section .recognitions button.upload-result {
    min-width: 78px
}

.recognitions-section .recognition-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    padding: .25rem 1rem
}

.recognitions-section .recognitions-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
    grid-column-gap: 5%;
    -moz-column-gap: 5%;
    column-gap: 5%
}

.recognitions-section .recognitions-list .recognition-card-6,
.recognitions-section .recognitions-list .recognition-card-10 {
    padding: .75rem 0;
    border-radius: .25rem;
    box-shadow: 0 0 2px #d2d6de;
    margin-bottom: 16px;
    overflow: hidden;
    text-align: center
}

.recognitions-section .recognitions-list .recognition-card-6 .rounded-circle,
.recognitions-section .recognitions-list .recognition-card-10 .rounded-circle {
    width: 50px;
    margin: 0 auto
}

.recognitions-section .recognitions-list .recognition-card-6 .recognition-icon,
.recognitions-section .recognitions-list .recognition-card-10 .recognition-icon {
    font-size: 1.125rem;
    color: #3c8dbc
}

.recognitions-section .recognitions-list .recognition-card-6 .recognition-name,
.recognitions-section .recognitions-list .recognition-card-10 .recognition-name {
    width: 100%;
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    max-width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600
}

.recognitions-section .recognitions-list .recognition-card-6 .recognition-formulary,
.recognitions-section .recognitions-list .recognition-card-10 .recognition-formulary {
    color: #888;
    font-size: 14px;
    line-height: 18px
}

.recognitions-section .recognitions-list .recognition-card-6 .chip,
.recognitions-section .recognitions-list .recognition-card-10 .chip {
    white-space: nowrap;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis
}

.recognitions-section .recognitions-list .recognition-card-6 .avatar,
.recognitions-section .recognitions-list .recognition-card-10 .avatar {
    display: block;
    position: relative
}

.recognitions-section .recognitions-list .recognition-card-6 .avatar__premio,
.recognitions-section .recognitions-list .recognition-card-10 .avatar__premio {
    position: absolute;
    top: 50%;
    right: .25rem;
    height: 12px;
    font-size: 1.25rem
}

.recognitions-section .recognitions-list .recognition-card-6 {
    flex: 0 1 30%
}

@media(min-width:960px)and (max-width:1280px) {
    .recognitions-section .recognitions-list .recognition-card-6 {
        flex-basis: 47.5%
    }
}

.recognitions-section .recognitions-list .recognition-card-10 {
    flex: 0 1 20%
}

@media(max-width:960px) {
    .recognitions-section .recognitions-list .recognition-card-10 {
        flex-basis: 50%
    }
}

.recognitions-sidebar .card-panel .author_avatar_image {
    height: 40px
}

.recognitions-sidebar .comment-icon {
    color: #3c8dbc
}

.recognitions-sidebar .mural-content {
    word-break: break-word;
    max-height: 120px;
    overflow: hidden
}

.recognitions-sidebar .mural-content img {
    max-width: 100%;
    height: auto
}

.recognitions-sidebar [data-show-hide-more-content].content-expanded .toogle-more-link:after {
    content: "Ver más"
}

.recognitions-sidebar .mural-content-modal {
    word-break: break-word;
    overflow: hidden
}

.recognitions-sidebar .mural-content-modal img {
    max-width: 100%;
    height: auto
}

.recognitions-sidebar .mural-footer {
    height: 21px;
    margin-bottom: 5px;
    font-size: .75rem;
    line-height: .875rem;
    font-weight: 500;
    color: #656668;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recognitions-sidebar .mural-footer>.likes {
    display: inline-block;
    color: #a3a4a5
}

.recognitions-sidebar .mural-footer>.likes>i {
    color: #2f4daa
}

.recognitions-sidebar .mural-footer>.comments {
    display: inline-block;
    color: #a3a4a5
}

.recognitions-sidebar .mural-like-comment {
    height: 36px;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527;
    padding-top: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recognitions-sidebar .mural-like-comment>.make-like,
.recognitions-sidebar .mural-like-comment>.remove-like {
    display: inline-block
}

.recognitions-sidebar .mural-like-comment>.make-like a:link,
.recognitions-sidebar .mural-like-comment>.make-like a:visited,
.recognitions-sidebar .mural-like-comment>.remove-like.ic-request-in-flight a:link,
.recognitions-sidebar .mural-like-comment>.remove-like.ic-request-in-flight a:visited {
    color: #a3a4a5
}

.recognitions-sidebar .mural-like-comment>.make-like a:hover,
.recognitions-sidebar .mural-like-comment>.remove-like.ic-request-in-flight a:hover {
    color: #2a469d
}

.recognitions-sidebar .mural-like-comment>.make-like.ic-request-in-flight a:link,
.recognitions-sidebar .mural-like-comment>.make-like.ic-request-in-flight a:visited,
.recognitions-sidebar .mural-like-comment>.remove-like a:link,
.recognitions-sidebar .mural-like-comment>.remove-like a:visited {
    color: #2f4daa
}

.recognitions-sidebar .mural-like-comment>.make-like.ic-request-in-flight a:hover,
.recognitions-sidebar .mural-like-comment>.remove-like a:hover {
    color: #2a469d
}

.recognitions-sidebar .mural-like-comment>.comment-icon {
    color: #a3a4a5
}

.formulary-form-select-image [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.formulary-form-select-image [type=radio]+img {
    cursor: pointer;
    padding: 5px;
    width: 100%
}

.formulary-form-select-image [type=radio]:checked+img {
    background-color: #3c8dbc;
    border-radius: 5px
}

.formulary-form-select-image .recognition-images-form-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.recognition-form-select-formulary .reconocimiento {
    border: 3px solid #fff;
    border-radius: 12px
}

.recognition-form-select-formulary [type=radio]:checked+.reconocimiento {
    border: 3px solid #3c8dbc;
    border-radius: 12px
}

.recognition-form-select-formulary .formulary-label {
    width: -webkit-fill-available
}

.recognition-form-select-formulary .card-panel__contenido {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 60px
}

.recognition-form-select-formulary .recognition-form-scroll {
    max-height: 460px;
    overflow-y: scroll
}

.recognition-standalone .banner-superior {
    border-radius: 3px;
    color: #367fa9
}

.recognition-standalone .banner-superior .stat-number {
    font-weight: 700;
    font-size: 48px
}

.recognition-standalone .banner-superior .stat-text {
    font-size: 18px
}

@media(max-width:380px) {
    .recognition-standalone .banner-superior .standalone-banner {
        flex-direction: column
    }
}

@media(max-width:380px) {
    .recognition-standalone .banner-superior .standalone-banner .standalone-banner-section {
        max-width: none
    }
}

.recognition-standalone .recognition-standalone-card-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 324px));
    grid-gap: 24px;
    justify-content: center;
    justify-items: center
}

.recognition-standalone .recognition-standalone-card-container .recognition-standalone-card-panel {
    vertical-align: top;
    position: relative
}

.recognition-standalone .recognition-standalone-card-container .recognition-standalone-card-panel .author_avatar_image {
    height: 40px
}

#standalone-content .description {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 120px
}

.look-and-feel-v2 .recognitions-section .recognitions-short .box-body {
    max-height: 310px
}

.look-and-feel-v2 .recognitions-section .recognitions-tall .box-body {
    max-height: 600px
}

.look-and-feel-v2 .recognitions-section .recognitions .btn,
.look-and-feel-v2 .recognitions-section .recognitions .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v2 .recognitions-section .recognitions button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .recognitions-section .recognitions .swal2-styled {
    min-width: 78px
}

.look-and-feel-v2 .recognitions-section .recognition-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    padding: .25rem 1rem
}

.look-and-feel-v2 .recognitions-section .recognitions-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px
}

.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-6,
.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-10 {
    margin-bottom: 8px;
    overflow: hidden;
    text-align: center
}

.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-6 .rounded-circle,
.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-10 .rounded-circle {
    width: 100px;
    margin: 0 auto
}

.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-6 .recognition-icon,
.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-10 .recognition-icon {
    font-size: 1.125rem;
    color: #2f4daa
}

.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-6 .recognition-name,
.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-10 .recognition-name {
    width: 100%;
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600
}

.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-6 .recognition-formulary,
.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-10 .recognition-formulary {
    color: #797a7c;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #242527
}

.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-6 {
    flex: 0 1 30%
}

@media(min-width:960px)and (max-width:1280px) {
    .look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-6 {
        flex-basis: 47%
    }
}

.look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-10 {
    flex: 0 1 20%
}

@media(max-width:960px) {
    .look-and-feel-v2 .recognitions-section .recognitions-list .recognition-card-10 {
        flex-basis: 50%
    }
}

.look-and-feel-v2 .formulary-form-select-image [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.look-and-feel-v2 .formulary-form-select-image [type=radio]+img {
    cursor: pointer;
    padding: 5px;
    width: 100%
}

.look-and-feel-v2 .formulary-form-select-image [type=radio]:checked+img {
    background-color: #2f4daa;
    border-radius: 5px
}

.look-and-feel-v2 .formulary-form-select-image .recognition-images-form-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.look-and-feel-v2 .recognition-form-select-formulary .reconocimiento {
    border: 3px solid #fafbfd;
    border-radius: 12px;
    cursor: pointer
}

.look-and-feel-v2 .recognition-form-select-formulary [type=radio]:checked+.reconocimiento {
    border: 3px solid #2f4daa;
    border-radius: 12px
}

.look-and-feel-v2 .recognition-form-select-formulary .formulary-label {
    width: -webkit-fill-available
}

.look-and-feel-v2 .recognition-form-select-formulary .card-panel__contenido {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 60px
}

.look-and-feel-v2 .recognition-standalone .banner-superior {
    border-radius: 3px;
    color: #2a469d
}

.look-and-feel-v2 .recognition-standalone .banner-superior .stat-number {
    font-weight: 700;
    font-size: 48px
}

.look-and-feel-v2 .recognition-standalone .banner-superior .stat-text {
    font-size: 18px
}

@media(max-width:380px) {
    .look-and-feel-v2 .recognition-standalone .banner-superior .standalone-banner {
        flex-direction: column
    }
}

@media(max-width:380px) {
    .look-and-feel-v2 .recognition-standalone .banner-superior .standalone-banner .standalone-banner-section {
        max-width: none
    }
}

.look-and-feel-v2 .recognition-standalone .recognition-standalone-card-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 324px));
    grid-gap: 24px;
    justify-content: center;
    justify-items: center
}

.look-and-feel-v2 .recognition-standalone .recognition-standalone-card-container .recognition-standalone-card-panel {
    vertical-align: top;
    position: relative
}

.look-and-feel-v2 .recognition-standalone .recognition-standalone-card-container .recognition-standalone-card-panel .author_avatar_image {
    height: 40px
}

.look-and-feel-v2 .recognitions-sidebar.mural .comment-icon {
    color: #2f4daa
}

.look-and-feel-v2 #standalone-content .description {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 120px
}

.tippy-box[data-theme~=light-border] {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 8, 16, .15);
    color: #333;
    box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08)
}

.tippy-box[data-theme~=light-border]>.tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~=light-border]>.tippy-arrow:after,
.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
    content: "";
    position: absolute;
    z-index: -1
}

.tippy-box[data-theme~=light-border]>.tippy-arrow:after {
    border-color: transparent;
    border-style: solid
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after {
    border-top-color: rgba(0, 8, 16, .2);
    border-width: 7px 7px 0;
    top: 17px;
    left: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after {
    top: 17px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #fff;
    bottom: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after {
    border-bottom-color: rgba(0, 8, 16, .2);
    border-width: 0 7px 7px;
    bottom: 17px;
    left: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after {
    bottom: 17px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after {
    border-left-color: rgba(0, 8, 16, .2);
    border-width: 7px 0 7px 7px;
    left: 17px;
    top: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg {
    left: 11px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after {
    left: 12px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #fff;
    right: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after {
    border-width: 7px 7px 7px 0;
    right: 17px;
    top: 1px;
    border-right-color: rgba(0, 8, 16, .2)
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg {
    right: 11px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after {
    right: 12px
}

.tippy-box[data-theme~=light-border]>.tippy-svg-arrow {
    fill: #fff
}

.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
    background-size: 16px 6px;
    width: 16px;
    height: 6px
}

.look-and-feel-v1 .tippy-box[data-theme="light-border popover"] .tippy-content {
    padding: 0
}

.look-and-feel-v1 .popover-title {
    padding: 8px 14px;
    font-size: .875rem;
    background-color: #d2d6de;
    border-bottom: 1px solid #d2d6de;
    border-radius: 3px 3px 0 0
}

.look-and-feel-v1 .popover-content {
    padding: 9px 14px;
    overflow-wrap: break-word
}

.look-and-feel-v1 .popover-lg {
    min-width: 400px;
    max-width: 400px
}

.look-and-feel-v2 .tippy-box[data-theme="light-border popover"] .tippy-content {
    padding: 0
}

.look-and-feel-v2 .popover-title {
    padding: .5rem 14px;
    font-size: .875rem;
    background-color: rgba(47, 77, 170, .32);
    border-bottom: 1px solid rgba(47, 77, 170, .32);
    border-radius: 3px 3px 0 0
}

.look-and-feel-v2 .popover-content {
    padding: 9px 14px;
    overflow-wrap: break-word
}

.look-and-feel-v2 .popover-lg {
    min-width: 400px;
    max-width: 400px
}

.indicator-box {
    width: 328px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #d2d6de;
    display: flex;
    flex-flow: row wrap;
    font-weight: 700
}

.indicator-box-label {
    width: 250px;
    height: 39px;
    padding: 8px
}

.chart-box,
.indicator-box-label {
    display: flex;
    border-bottom: 1px solid #d2d6de;
    align-items: center
}

.chart-box {
    width: 75px;
    justify-content: center;
    border-left: 1px solid #d2d6de;
    padding-left: 4px
}

.indicator-box-text {
    display: inline-flex;
    align-items: center;
    margin: 5px;
    padding: 3px;
    border-radius: 3px;
    font-weight: 400
}

.text-box {
    font-size: 200%
}

.icon-label {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 2px
}

.background-circle,
.progress-ring_circle {
    transition: stroke-dashoffset .35s;
    transform-origin: 50% 50%;
    display: flex
}

.background-circle {
    transform: rotate(-3deg)
}

.progress-ring_circle,
.progress-text {
    font-size: 120%
}

.bux-card {
    border: 1px solid #d2d6de;
    border-left-width: 6px;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    color: #999;
    background: #fff
}

.bux-card.bux-card-primary {
    border-left-width: 6px;
    border-left-color: #3c8dbc
}

.bux-card.bux-card-primary .bux-card-head .head-avatar {
    background: #3c8dbc
}

.bux-card.bux-card-primary .bux-card-head .head-info .tag {
    background-color: #3c8dbc
}

.bux-card.bux-card-primary.border-0 .bux-card-head .head-avatar,
.bux-card.bux-card-primary.border-0.disabled .bux-card-head .head-avatar {
    background: transparent
}

.bux-card.bux-card-primary.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #6a85a1
}

.bux-card.bux-card-primary.disabled .bux-card-head .head-avatar {
    background: #6a85a1
}

.bux-card.bux-card-primary.disabled .bux-card-head .head-tools i {
    color: #6a85a1
}

.bux-card.bux-card-success {
    border-left-width: 6px;
    border-left-color: #00a65a
}

.bux-card.bux-card-success .bux-card-head .head-avatar {
    background: #00a65a
}

.bux-card.bux-card-success .bux-card-head .head-info .tag {
    background-color: #00a65a
}

.bux-card.bux-card-success.border-0 .bux-card-head .head-avatar,
.bux-card.bux-card-success.border-0.disabled .bux-card-head .head-avatar {
    background: transparent
}

.bux-card.bux-card-success.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #6a85a1
}

.bux-card.bux-card-success.disabled .bux-card-head .head-avatar {
    background: #6a85a1
}

.bux-card.bux-card-success.disabled .bux-card-head .head-tools i {
    color: #6a85a1
}

.bux-card.bux-card-error {
    border-left-width: 6px;
    border-left-color: #dd4b39
}

.bux-card.bux-card-error .bux-card-head .head-avatar {
    background: #dd4b39
}

.bux-card.bux-card-error .bux-card-head .head-info .tag {
    background-color: #dd4b39
}

.bux-card.bux-card-error.border-0 .bux-card-head .head-avatar,
.bux-card.bux-card-error.border-0.disabled .bux-card-head .head-avatar {
    background: transparent
}

.bux-card.bux-card-error.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #6a85a1
}

.bux-card.bux-card-error.disabled .bux-card-head .head-avatar {
    background: #6a85a1
}

.bux-card.bux-card-error.disabled .bux-card-head .head-tools i {
    color: #6a85a1
}

.bux-card.bux-card-warning {
    border-left-width: 6px;
    border-left-color: #f39c12
}

.bux-card.bux-card-warning .bux-card-head .head-avatar {
    background: #f39c12
}

.bux-card.bux-card-warning .bux-card-head .head-info .tag {
    background-color: #f39c12
}

.bux-card.bux-card-warning.border-0 .bux-card-head .head-avatar,
.bux-card.bux-card-warning.border-0.disabled .bux-card-head .head-avatar {
    background: transparent
}

.bux-card.bux-card-warning.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #6a85a1
}

.bux-card.bux-card-warning.disabled .bux-card-head .head-avatar {
    background: #6a85a1
}

.bux-card.bux-card-warning.disabled .bux-card-head .head-tools i {
    color: #6a85a1
}

.bux-card.bux-card-default {
    border-left-width: 1px;
    border-left-color: #d2d6de
}

.bux-card.bux-card-default .bux-card-head .head-avatar {
    background: #d2d6de
}

.bux-card.bux-card-default .bux-card-head .head-info .tag {
    background-color: #d2d6de
}

.bux-card.bux-card-default.border-0 .bux-card-head .head-avatar,
.bux-card.bux-card-default.border-0.disabled .bux-card-head .head-avatar {
    background: transparent
}

.bux-card.bux-card-default.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #6a85a1
}

.bux-card.bux-card-default.disabled .bux-card-head .head-avatar {
    background: #6a85a1
}

.bux-card.bux-card-default.disabled .bux-card-head .head-tools i {
    color: #6a85a1
}

.bux-card.bux-card-secondary {
    border-left-width: 6px;
    border-left-color: #6bc64c
}

.bux-card.bux-card-secondary .bux-card-head .head-avatar {
    background: #6bc64c
}

.bux-card.bux-card-secondary .bux-card-head .head-info .tag {
    background-color: #6bc64c
}

.bux-card.bux-card-secondary.border-0 .bux-card-head .head-avatar,
.bux-card.bux-card-secondary.border-0.disabled .bux-card-head .head-avatar {
    background: transparent
}

.bux-card.bux-card-secondary.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #a3a4a5
}

.bux-card.bux-card-secondary.disabled .bux-card-head .head-avatar {
    background: #a3a4a5
}

.bux-card.bux-card-secondary.disabled .bux-card-head .head-tools i {
    color: #a3a4a5
}

.bux-card a .bux-card-head {
    cursor: pointer
}

.bux-card .bux-card-head {
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex;
    height: 52px
}

.bux-card .bux-card-head .head-avatar {
    height: 36px;
    min-width: 36px;
    width: 36px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin: auto 8px auto 0
}

.bux-card .bux-card-head .head-avatar i {
    font-size: 1rem;
    margin: 10px 0
}

.bux-card .bux-card-head .head-avatar .material-icons,
.bux-card .bux-card-head .head-avatar .material-icons-outlined {
    font-size: 1.25rem;
    margin: 8px 0
}

.bux-card .bux-card-head .head-avatar img {
    width: 100%;
    border-radius: 50%
}

.bux-card .bux-card-head .head-info {
    width: 100%;
    margin: auto 0;
    overflow: hidden
}

.bux-card .bux-card-head .head-info .info-title {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #222d32;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bux-card .bux-card-head .head-info .tag {
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    background-color: #b8c7ce;
    padding: 2px 5px;
    font-size: .625rem;
    font-weight: 600
}

.bux-card .bux-card-head .head-info .info-subtitle {
    font-size: .875rem;
    line-height: 1.125rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bux-card .bux-card-head .head-tools {
    margin: auto 0;
    color: #6a85a1;
    white-space: nowrap
}

.bux-card .bux-card-head .head-tools i {
    pointer-events: none
}

.bux-card .bux-card-head .head-tools i.status-icon-primary {
    color: #3c8dbc
}

.bux-card .bux-card-head .head-tools i.status-icon-success {
    color: #00a65a
}

.bux-card .bux-card-head .head-tools i.status-icon-error {
    color: #dd4b39
}

.bux-card .bux-card-head .head-tools i.status-icon-warning {
    color: #f39c12
}

.bux-card .bux-card-head .head-tools i.status-icon-default {
    color: #6a85a1
}

.bux-card .bux-card-head .head-tools h3 {
    margin: auto 0
}

.bux-card .bux-card-head .head-icon {
    font-size: 1rem;
    color: #b8c7ce;
    margin: auto 0
}

.bux-card .bux-card-head .head-icon i {
    transition: all .3s ease
}

.bux-card .bux-card-content {
    padding: 4px 12px;
    word-break: break-word
}

.bux-card>p {
    font-size: .875rem;
    line-height: 1.125rem
}

.card-settings {
    background-color: #fff
}

.cards-container {
    display: grid;
    grid-gap: 12px 24px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
}

@media(max-width:319px) {
    .cards-container {
        grid-template-columns: 1fr
    }
}

.cards-container .bux-card {
    margin-bottom: 0
}

.look-and-feel-v2 .card {
    background-color: #f6f7f9
}

.look-and-feel-v2 .bux-card {
    border: 1px solid rgba(47, 77, 170, .08);
    border-left-width: 6px;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    color: #a3a4a5;
    background: #fafbfd
}

.look-and-feel-v2 .bux-card.border-0 {
    background: #f6f7f9
}

.look-and-feel-v2 .bux-card.bux-card-primary {
    border-left-width: 6px;
    border-left-color: #2f4daa
}

.look-and-feel-v2 .bux-card.bux-card-primary .bux-card-head .head-avatar {
    background: #2f4daa
}

.look-and-feel-v2 .bux-card.bux-card-primary .bux-card-head .head-info .tag {
    background-color: #2f4daa
}

.look-and-feel-v2 .bux-card.bux-card-primary.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-primary.disabled .bux-card-head .head-avatar {
    background: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-primary.disabled .bux-card-head .head-tools i {
    color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-primary.border-0 .bux-card-head,
.look-and-feel-v2 .bux-card.bux-card-primary.border-0.disabled .bux-card-head {
    margin-left: 5px
}

.look-and-feel-v2 .bux-card.bux-card-success {
    border-left-width: 6px;
    border-left-color: #82d957
}

.look-and-feel-v2 .bux-card.bux-card-success .bux-card-head .head-avatar {
    background: #82d957
}

.look-and-feel-v2 .bux-card.bux-card-success .bux-card-head .head-info .tag {
    background-color: #82d957
}

.look-and-feel-v2 .bux-card.bux-card-success.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-success.disabled .bux-card-head .head-avatar {
    background: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-success.disabled .bux-card-head .head-tools i {
    color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-success.border-0 .bux-card-head,
.look-and-feel-v2 .bux-card.bux-card-success.border-0.disabled .bux-card-head {
    margin-left: 5px
}

.look-and-feel-v2 .bux-card.bux-card-error {
    border-left-width: 6px;
    border-left-color: #ff7a6f
}

.look-and-feel-v2 .bux-card.bux-card-error .bux-card-head .head-avatar {
    background: #ff7a6f
}

.look-and-feel-v2 .bux-card.bux-card-error .bux-card-head .head-info .tag {
    background-color: #ff7a6f
}

.look-and-feel-v2 .bux-card.bux-card-error.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-error.disabled .bux-card-head .head-avatar {
    background: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-error.disabled .bux-card-head .head-tools i {
    color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-error.border-0 .bux-card-head,
.look-and-feel-v2 .bux-card.bux-card-error.border-0.disabled .bux-card-head {
    margin-left: 5px
}

.look-and-feel-v2 .bux-card.bux-card-warning {
    border-left-width: 6px;
    border-left-color: #f9b82d
}

.look-and-feel-v2 .bux-card.bux-card-warning .bux-card-head .head-avatar {
    background: #f9b82d
}

.look-and-feel-v2 .bux-card.bux-card-warning .bux-card-head .head-info .tag {
    background-color: #f9b82d
}

.look-and-feel-v2 .bux-card.bux-card-warning.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-warning.disabled .bux-card-head .head-avatar {
    background: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-warning.disabled .bux-card-head .head-tools i {
    color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-warning.border-0 .bux-card-head,
.look-and-feel-v2 .bux-card.bux-card-warning.border-0.disabled .bux-card-head {
    margin-left: 5px
}

.look-and-feel-v2 .bux-card.bux-card-default {
    border-left-width: 1px;
    border-left-color: rgba(47, 77, 170, .24)
}

.look-and-feel-v2 .bux-card.bux-card-default .bux-card-head .head-avatar {
    background: rgba(47, 77, 170, .24)
}

.look-and-feel-v2 .bux-card.bux-card-default .bux-card-head .head-info .tag {
    background-color: rgba(47, 77, 170, .24)
}

.look-and-feel-v2 .bux-card.bux-card-default.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-default.disabled .bux-card-head .head-avatar {
    background: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-default.disabled .bux-card-head .head-tools i {
    color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-default.border-0 .bux-card-head,
.look-and-feel-v2 .bux-card.bux-card-default.border-0.disabled .bux-card-head {
    margin-left: 5px
}

.look-and-feel-v2 .bux-card.bux-card-secondary {
    border-left-width: 6px;
    border-left-color: #6bc64c
}

.look-and-feel-v2 .bux-card.bux-card-secondary .bux-card-head .head-avatar {
    background: #6bc64c
}

.look-and-feel-v2 .bux-card.bux-card-secondary .bux-card-head .head-info .tag {
    background-color: #6bc64c
}

.look-and-feel-v2 .bux-card.bux-card-secondary.disabled {
    background-color: #ecf0f5;
    border-left-width: 6px;
    border-left-color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-secondary.disabled .bux-card-head .head-avatar {
    background: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-secondary.disabled .bux-card-head .head-tools i {
    color: #a3a4a5
}

.look-and-feel-v2 .bux-card.bux-card-secondary.border-0 .bux-card-head,
.look-and-feel-v2 .bux-card.bux-card-secondary.border-0.disabled .bux-card-head {
    margin-left: 5px
}

.look-and-feel-v2 .bux-card a .bux-card-head {
    cursor: pointer
}

.look-and-feel-v2 .bux-card .bux-card-head {
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex;
    height: 52px
}

.look-and-feel-v2 .bux-card .bux-card-head .head-avatar {
    height: 36px;
    min-width: 36px;
    width: 36px;
    border-radius: 50%;
    text-align: center;
    color: #fafbfd;
    margin: auto 8px auto 0
}

.look-and-feel-v2 .bux-card .bux-card-head .head-avatar i {
    font-size: 1rem;
    margin: 10px 0
}

.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .material-icons,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .material-icons-outlined {
    font-size: 1.25rem;
    margin: 8px 0
}

.look-and-feel-v2 .bux-card .bux-card-head .head-avatar img {
    width: 100%;
    border-radius: 50%
}

.look-and-feel-v2 .bux-card .bux-card-head .head-info {
    width: 100%;
    margin: auto 0;
    overflow: hidden
}

.look-and-feel-v2 .bux-card .bux-card-head .head-info .info-title {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #242527;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.look-and-feel-v2 .bux-card .bux-card-head .head-info .tag {
    display: inline-block;
    color: #fafbfd;
    border-radius: 3px;
    background-color: #d9e2f9;
    padding: 2px 5px;
    font-size: .625rem;
    font-weight: 600
}

.look-and-feel-v2 .bux-card .bux-card-head .head-info .info-subtitle {
    font-size: .875rem;
    line-height: 1.125rem;
    color: #797a7c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.look-and-feel-v2 .bux-card .bux-card-head .head-tools {
    margin: auto 0;
    color: #c1c2c4;
    white-space: nowrap
}

.look-and-feel-v2 .bux-card .bux-card-head .head-tools i {
    pointer-events: none
}

.look-and-feel-v2 .bux-card .bux-card-head .head-tools i.status-icon-primary {
    color: #2f4daa
}

.look-and-feel-v2 .bux-card .bux-card-head .head-tools i.status-icon-success {
    color: #82d957
}

.look-and-feel-v2 .bux-card .bux-card-head .head-tools i.status-icon-error {
    color: #ff7a6f
}

.look-and-feel-v2 .bux-card .bux-card-head .head-tools i.status-icon-warning {
    color: #f9b82d
}

.look-and-feel-v2 .bux-card .bux-card-head .head-tools i.status-icon-default {
    color: #a3a4a5
}

.look-and-feel-v2 .bux-card .bux-card-head .head-tools h3 {
    margin: auto 0
}

.look-and-feel-v2 .bux-card .bux-card-head .head-tools__image {
    width: 20px;
    height: 20px
}

.look-and-feel-v2 .bux-card .bux-card-head .head-icon {
    font-size: 1rem;
    color: #d9e2f9;
    margin: auto 0
}

.look-and-feel-v2 .bux-card .bux-card-head .head-icon i {
    transition: all .3s ease
}

.look-and-feel-v2 .bux-card .bux-card-content {
    padding: 4px 12px;
    word-break: break-word
}

.look-and-feel-v2 .bux-card>p {
    font-size: .875rem;
    line-height: 1.125rem
}

.look-and-feel-v2 .card-settings {
    background-color: #fafbfd
}

.look-and-feel-v2 .cards-container {
    display: grid;
    grid-gap: 12px 24px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
}

@media(max-width:319px) {
    .look-and-feel-v2 .cards-container {
        grid-template-columns: 1fr
    }
}

.look-and-feel-v2 .cards-container .bux-card {
    margin-bottom: 0
}

.card-progress {
    font-size: 16px;
    line-height: 20px;
    margin: 12px
}

@media(min-width:959px) {
    .card-progress {
        margin: 8px 12px
    }
}

.card-progress__container {
    display: block
}

@media(min-width:959px) {
    .card-progress__container {
        display: flex
    }
}

.card-progress__container .progress {
    border-radius: 3px;
    margin-top: 8px;
    margin-bottom: 8px;
    height: 22px
}

@media(min-width:959px) {
    .card-progress__container .progress {
        margin: 0
    }
}

.card-progress__container .progress-bar-labels {
    float: left;
    display: inline-flex
}

@media(min-width:959px) {
    .card-progress__container .progress-bar-labels {
        float: right
    }
}

.card-progress__title {
    font-weight: 600;
    text-transform: lowercase
}

.card-progress__title:first-letter {
    text-transform: uppercase
}

.card-progress__info {
    width: auto;
    float: left;
    margin-right: 12px
}

@media(min-width:959px) {
    .card-progress__info {
        display: flex;
        width: 160px;
        justify-content: space-between;
        margin-right: 0
    }
}

.card-progress__info-width {
    width: auto
}

@media(min-width:959px) {
    .card-progress__info-width {
        width: 57px
    }
}

.card-progress__info .success {
    color: #00a65a
}

.card-progress__info .danger {
    color: #dd4b39
}

.card-progress__info span {
    width: 100%;
    margin-right: 6px
}

@media(min-width:959px) {
    .card-progress__info span {
        margin-right: 0
    }
}

.card-progress__info span:nth-child(2) {
    width: auto
}

.card-progress__bar {
    width: 100%
}

@media(min-width:959px) {
    .card-progress__bar {
        margin-right: 15px
    }
}

.card-progress__label {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-left: 15px
}

@media(min-width:959px) {
    .card-progress__label {
        width: 130px
    }
}

.look-and-feel-v2 .card-progress .success {
    color: #6bc64c
}

.look-and-feel-v2 .card-progress .danger {
    color: #ff7a6f
}

.card-selector-component .card-selector-options {
    max-height: 200px;
    overflow-y: scroll
}

.card-selector-component .card-selector-search-content {
    margin-bottom: 8px
}

.card-selector-component.no-form .tab-content {
    padding: 0
}

.card-selector-component.no-form .card-selector-options,
.card-selector-component.no-form .nav-tabs-pills {
    max-height: unset;
    overflow-y: unset
}

.card-selector-component.no-form .card-selector-options .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem
}

@media(max-width:1365.98px) {
    .card-selector-component.no-form .card-selector-options .list {
        grid-template-columns: 1fr
    }
}

.card-selector-component.no-form .card-selector-options .list .bux-card {
    min-width: 0
}

.card-inputs {
    margin-bottom: 8px
}

.card-inputs__content {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    padding: 12px 0
}

.card-inputs__content .form-group {
    margin-bottom: 0
}

.card-inputs__remove {
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out
}

.card-inputs:hover .card-inputs__remove {
    visibility: visible;
    opacity: 1
}

.card-panel {
    padding: .75rem;
    border-radius: .5rem;
    box-shadow: 0 4px 8px rgba(36, 37, 39, .16), 0 8px 16px rgba(36, 37, 39, .1);
    background-color: #fafbfd
}

.card-panel__imagen {
    position: relative
}

.card-panel__imagen .default__background,
.card-panel__imagen .fondo {
    background: #d9e2f9;
    width: 100%;
    height: 184px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem
}

.benefit .card-panel__imagen .default__background,
.benefit .card-panel__imagen .fondo,
.reconocimiento .card-panel__imagen .default__background,
.reconocimiento .card-panel__imagen .fondo {
    height: 125px;
    border-radius: .5rem;
    -o-object-fit: unset;
    object-fit: unset
}

.card-panel__imagen .default__background {
    background: linear-gradient(180deg, #d2d6de 120px, #fafbfd 0, #fafbfd)
}

.look-and-feel-v1 .card-panel__imagen .default__background {
    background: linear-gradient(180deg, #d2d6de 120px, #fff 0, #fff)
}

.card-panel__imagen .status {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 32px;
    font-size: .75rem;
    color: #fafbfd;
    font-weight: 700;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.card-panel__imagen .status.success {
    background-color: #6bc64c
}

.card-panel__imagen .status.info {
    background-color: #2f4daa
}

.card-panel__imagen .status.warning {
    background-color: #f99304
}

.card-panel__imagen .status.danger {
    background-color: #f95e50
}

.reconocimiento .card-panel__imagen .status {
    justify-content: flex-start;
    padding: 0 1rem;
    font-size: 1rem
}

.card-panel__imagen .avatar {
    display: none
}

.card-panel__titulo {
    display: flex;
    align-items: center;
    padding: .5rem 0 .25rem
}

.card-panel__titulo h3 {
    margin: 0
}

.look-and-feel-v1 .benefit .card-panel__titulo h3,
.look-and-feel-v1 .reconocimiento .card-panel__titulo h3 {
    color: #6a85a1;
    font-weight: 700;
    font-size: 1.125rem
}

.card-panel__titulo .icono .material-icons {
    font-size: 1.5rem;
    color: #f99304
}

.reconocimiento .card-panel__titulo {
    margin: .75rem 0 0;
    padding: 0
}

.benefit .card-panel__titulo {
    margin: .5rem 0 .25rem;
    padding: 0
}

.card-panel__contenido,
.card-panel__footer {
    color: #656668
}

.card-panel__contenido__fix,
.card-panel__footer__fix {
    height: 80px
}

.card-panel__contenido__fix,
.card-panel__contenido__fix .description,
.card-panel__footer__fix,
.card-panel__footer__fix .description {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.benefit .card-panel__contenido .detalle__destacar,
.benefit .card-panel__footer .detalle__destacar,
.reconocimiento .card-panel__contenido .detalle__destacar,
.reconocimiento .card-panel__footer .detalle__destacar {
    font-size: 1rem;
    font-weight: 700;
    color: #656668
}

.benefit .card-panel__contenido .detalle__icono,
.benefit .card-panel__footer .detalle__icono,
.reconocimiento .card-panel__contenido .detalle__icono,
.reconocimiento .card-panel__footer .detalle__icono {
    cursor: default
}

.benefit .card-panel__contenido .detalle__icono .material-icons,
.benefit .card-panel__footer .detalle__icono .material-icons,
.reconocimiento .card-panel__contenido .detalle__icono .material-icons,
.reconocimiento .card-panel__footer .detalle__icono .material-icons {
    color: #242527
}

.benefit .card-panel__contenido .detalle__fecha,
.benefit .card-panel__footer .detalle__fecha,
.reconocimiento .card-panel__contenido .detalle__fecha,
.reconocimiento .card-panel__footer .detalle__fecha {
    font-size: .75rem
}

.benefit .card-panel__contenido .detalle__avatar,
.benefit .card-panel__footer .detalle__avatar,
.reconocimiento .card-panel__contenido .detalle__avatar,
.reconocimiento .card-panel__footer .detalle__avatar {
    width: 45px;
    height: 45px
}

.benefit .card-panel__contenido .tippy-box,
.benefit .card-panel__footer .tippy-box,
.reconocimiento .card-panel__contenido .tippy-box,
.reconocimiento .card-panel__footer .tippy-box {
    text-align: left
}

.card-panel__footer {
    margin-top: .5rem
}

.card-panel__footer .reacciones {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527;
    display: flex;
    justify-content: space-between;
    margin-top: 2rem
}

.card-panel__footer .reacciones .likes {
    display: inline-block;
    color: #2f4daa
}

.card-panel__footer .reacciones .comentarios {
    display: inline-block;
    color: #797a7c
}

.card-panel.reconocimiento .insignia {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 82px;
    height: 99px;
    top: 0;
    left: 8px
}

.card-panel.reconocimiento .insignia__premio {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 24px
}

.card-panel.reconocimiento .insignia__premio>img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.card-panel.reconocimiento .avatar {
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    top: 16px;
    right: 16px
}

.card-panel.reconocimiento .avatar__imagen {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.card-panel.reconocimiento .description {
    margin-top: .75rem
}

.scrtabs-tab-container * {
    box-sizing: border-box
}

.scrtabs-tab-container {
    height: 42px
}

.scrtabs-tab-container .tab-content {
    clear: left
}

.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav {
    flex-direction: row
}

.scrtabs-tabs-fixed-container {
    float: left;
    height: 42px;
    overflow: hidden;
    width: 100%
}

.scrtabs-tabs-movable-container {
    position: relative
}

.scrtabs-tabs-movable-container .tab-content {
    display: none
}

.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs {
    padding-right: 0
}

.scrtabs-tab-scroll-arrow {
    border: 1px solid #ddd;
    border-top: none;
    color: #428bca;
    display: none;
    float: left;
    font-size: 12px;
    height: 42px;
    margin-bottom: -1px;
    padding-left: 2px;
    padding-top: 13px;
    width: 20px
}

.scrtabs-tab-scroll-arrow:hover {
    background-color: #eee
}

.scrtabs-tab-scroll-arrow,
.scrtabs-tab-scroll-arrow .scrtabs-click-target {
    cursor: pointer
}

.scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
    cursor: default
}

.scrtabs-tab-scroll-arrow.scrtabs-disable,
.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
    color: #ddd;
    cursor: default
}

.scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
    background-color: transparent;
    background-color: initial
}

.scrtabs-tabs-fixed-container ul.nav-tabs>li {
    white-space: nowrap
}

.nav>li>a:active,
.nav>li>a:focus,
.nav>li>a:hover {
    color: #444;
    background: #f7f7f7
}

.nav-pills>li>a {
    border-radius: 0;
    border-top: 3px solid transparent;
    color: #444
}

.nav-pills>li>a>.fa,
.nav-pills>li>a>.glyphicon,
.nav-pills>li>a>.ion {
    margin-right: 5px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    border-top-color: #3c8dbc
}

.nav-pills>li.active>a {
    font-weight: 600
}

.nav-pills>li.active>a .description {
    font-weight: 400;
    color: #444
}

.nav-stacked>li>a {
    border-radius: 0;
    border-top: 0;
    border-left: 3px solid transparent;
    color: #444
}

.nav-stacked>li.active>a,
.nav-stacked>li.active>a:hover {
    background: transparent;
    color: #444;
    border-top: 0;
    border-left-color: #3c8dbc
}

.nav-stacked>li.header {
    border-bottom: 1px solid #ddd;
    color: #888;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-transform: uppercase
}

.look-and-feel-v1 .nav-tabs-custom {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    border-radius: 3px
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs {
    margin: 0;
    border-bottom-color: #f4f4f4;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link {
    border-radius: 0;
    color: #222d32
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle.active,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link.active {
    border-width: 0 0 3px;
    border-color: #3c8dbc
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle.active:hover,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link.active:hover {
    color: #3c8dbc
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover:not(.active),
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link:hover:not(.active) {
    background-color: #fff;
    color: #3c8dbc;
    border-color: #fff
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs.tabs-title {
    display: flex;
    justify-content: space-between
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs.float-right,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs.process-actions,
.look-and-feel-v1 .nav-tabs-custom>button.nav-tabs.upload-result {
    float: none!important
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs.float-right>li,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs.process-actions>li,
.look-and-feel-v1 .nav-tabs-custom>button.nav-tabs.upload-result>li {
    float: right
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.header {
    float: left;
    line-height: 2.188rem;
    padding: 0 10px;
    font-size: 1.25rem;
    color: #444
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.header>.fa,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.header>.ion {
    margin-right: 5px
}

.look-and-feel-v1 .nav-tabs-custom .dropdown.open>a:active,
.look-and-feel-v1 .nav-tabs-custom .dropdown.open>a:focus {
    background: transparent;
    color: #999
}

.look-and-feel-v1 .nav-tabs-custom.tab-primary>.nav-tabs>li.active {
    border-top-color: #3c8dbc
}

.look-and-feel-v1 .nav-tabs-custom.tab-info>.nav-tabs>li.active {
    border-top-color: #367fa9
}

.look-and-feel-v1 .nav-tabs-custom.tab-danger>.nav-tabs>li.active {
    border-top-color: #dd4b39
}

.look-and-feel-v1 .nav-tabs-custom.tab-warning>.nav-tabs>li.active {
    border-top-color: #f39c12
}

.look-and-feel-v1 .nav-tabs-custom.tab-success>.nav-tabs>li.active {
    border-top-color: #00a65a
}

.look-and-feel-v1 .nav-tabs-custom.tab-default>.nav-tabs>li.active {
    border-top-color: #d2d6de
}

.look-and-feel-v1 .tab-content {
    margin-bottom: 20px;
    background: #fff;
    padding: 10px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.look-and-feel-v2 .nav-tabs-custom {
    background: #f6f7f9;
    border-radius: .25rem
}

.look-and-feel-v2 .nav-tabs-custom>.nav-tabs {
    border-bottom: 0
}

.look-and-feel-v2 .nav-tabs-custom>.nav-tabs.tabs-title {
    display: flex;
    justify-content: space-between
}

.look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li.header {
    float: left;
    line-height: 2.188rem;
    padding: 0 10px;
    font-size: 1.25rem;
    color: #464748
}

.look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li.header>.fa,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li.header>.ion {
    margin-right: 5px
}

.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li .nav-link,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .nav-link,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-link {
    display: flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #797a7c;
    padding: .75rem
}

.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li .nav-link.active,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .nav-link.active,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-link.active,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-link.active:focus,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-link.active:hover {
    background: rgba(47, 77, 170, .08);
    color: #2f4daa;
    border-color: transparent;
    border-bottom: .125rem solid #2f4daa
}

.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li .nav-link:focus,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li .nav-link:hover,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .nav-link:focus,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .nav-link:hover,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-link:focus,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-link:hover {
    color: #2f4daa;
    border-color: transparent
}

.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .badge,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li .nav-link .badge,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .badge,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .nav-link .badge,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .badge,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-link .badge {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    color: #797a7c;
    border-radius: 99999px;
    padding: .1rem .4rem
}

.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:after,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li .nav-link.dropdown-toggle:after,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:after,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .nav-link.dropdown-toggle:after,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:after,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item .nav-link.dropdown-toggle:after {
    margin-left: .5rem
}

.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li.show .nav-link,
.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-link,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item.show .nav-link {
    background: rgba(47, 77, 170, .08);
    color: #2f4daa;
    border-color: transparent;
    border-bottom: .125rem solid #2f4daa
}

.look-and-feel-v1 .look-and-feel-v2 .nav-tabs-custom>.nav-tabs>li.dropdown .dropdown-menu,
.look-and-feel-v2 .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.dropdown .dropdown-menu,
.look-and-feel-v2 .nav-tabs-custom>.nav-tabs .nav-item.dropdown .dropdown-menu {
    margin-top: .25rem
}

.look-and-feel-v2 .tab-content {
    background: #f6f7f9;
    padding: 1rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.look-and-feel-v2 .nav-tabs-pills {
    background: #fafbfd;
    max-height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ecf0f5;
    border-radius: 3px
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li {
    float: left;
    width: 100%
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li:first-child>a {
    border-radius: 3px 3px 0 0
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a {
    padding: 8px;
    border-radius: 0;
    border-top-width: 0;
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a .info .title {
    color: #2f4daa;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-items: center
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a .info .description {
    word-break: break-word
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a.tab-header {
    height: 54px;
    grid-template-columns: 30px auto;
    grid-gap: 8px;
    display: grid
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a.tab-header .avatar {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: #ecf0f5;
    margin: 2px 0
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a.tab-header .avatar i {
    color: #6c87d8;
    vertical-align: sub
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a.tab-header .info .title {
    display: flex;
    flex: 1 1;
    margin-top: -3px
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a.tab-header .info .description {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #999
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li+li {
    margin-left: 0
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a.active .avatar {
    background: #2f4daa
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a.active .avatar i {
    font-weight: none;
    color: #fafbfd
}

.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a.active,
.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a.active:focus,
.look-and-feel-v2 .nav-tabs-pills .nav-pills>li>a.active:hover {
    color: #2f4daa;
    background-color: #d9e2f9;
    border-top: 0;
    border-bottom: 3px solid #2f4daa
}

.pagination>li>a {
    background: #fafafa;
    color: #666
}

.pagination.pagination-flat>li>a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0
}

.scrtabs-tabs-fixed-container {
    height: 60px
}

.scrtabs-tabs-fixed-container .nav-tabs>li.active {
    color: #3c8dbc
}

.scrtabs-tabs-fixed-container .nav-tabs>li>a:hover {
    border-color: #fff
}

.scrtabs-tabs-fixed-container .nav>li>a:active,
.scrtabs-tabs-fixed-container .nav>li>a:hover {
    color: #444;
    background: #fff
}

.scrtabs-tab-container {
    height: 60px
}

.scrtabs-tab-scroll-arrow {
    height: 60px;
    padding-top: 22px
}

.nav-tabs li.active .dropdown-menu>li a,
.nav-tabs li.active:hover .dropdown-menu>li a,
.nav-tabs li:hover .dropdown-menu>li a {
    font-weight: 400;
    color: #000
}

.nav-tabs li.active:hover .dropdown-menu>li.active a {
    font-weight: 600;
    color: #fff
}

.nav-tabs-pills {
    background: #fff;
    max-height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ecf0f5;
    border-radius: 3px
}

.nav-tabs-pills .nav-pills>li {
    float: left;
    width: 100%
}

.nav-tabs-pills .nav-pills>li:first-child>a {
    border-radius: 3px 3px 0 0
}

.nav-tabs-pills .nav-pills>li>a {
    padding: 8px;
    border-radius: 0;
    border-top-width: 0;
    border-bottom: 1px solid #d2d6de
}

.nav-tabs-pills .nav-pills>li>a .info .title {
    color: #3c8dbc;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-items: center
}

.nav-tabs-pills .nav-pills>li>a .info .description {
    word-break: break-word
}

.nav-tabs-pills .nav-pills>li>a.tab-header {
    height: 54px;
    grid-template-columns: 30px auto;
    grid-gap: 8px;
    display: grid
}

.nav-tabs-pills .nav-pills>li>a.tab-header .avatar {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: #ecf0f5;
    margin: 2px 0
}

.nav-tabs-pills .nav-pills>li>a.tab-header .avatar i {
    color: #6a85a1;
    vertical-align: sub
}

.nav-tabs-pills .nav-pills>li>a.tab-header .info .title {
    display: flex;
    flex: 1 1;
    margin-top: -3px
}

.nav-tabs-pills .nav-pills>li>a.tab-header .info .description {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #999
}

.nav-tabs-pills .nav-pills>li+li {
    margin-left: 0
}

.nav-tabs-pills .nav-pills>li>a.active .avatar {
    background: #3c8dbc
}

.nav-tabs-pills .nav-pills>li>a.active .avatar i {
    font-weight: none;
    color: #fff
}

.nav-tabs-pills .nav-pills>li>a.active,
.nav-tabs-pills .nav-pills>li>a.active:focus,
.nav-tabs-pills .nav-pills>li>a.active:hover {
    color: #3c8dbc;
    background-color: #ecf0f5;
    border-top: 0;
    border-bottom: 3px solid #3c8dbc
}

@media(min-width:1365px) {
    .nav-tabs-pills-wrapper {
        width: 277px
    }
    .tab-content-wrapper {
        width: calc(100% - 277px)
    }
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs.tabs-left>li,
.tabs-left>li.nav-item {
    width: 100%
}

.look-and-feel-v1 .nav-tabs-custom>.nav-tabs.tabs-left>li .nav-link.active,
.look-and-feel-v1 .nav-tabs-custom>.nav-tabs.tabs-left>li>a.active.dropdown-toggle,
.look-and-feel-v1 .tabs-left>li.nav-item .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.look-and-feel-v1 .tabs-left>li.nav-item .nav-tabs-custom>.nav-tabs>li>a.active.nav-link,
.tabs-left>li.nav-item .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.tabs-left>li.nav-item .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.nav-link,
.tabs-left>li.nav-item .nav-link.active {
    font-weight: 600;
    color: #3c8dbc;
    border-bottom: 3px solid #3c8dbc
}

.look-and-feel-v2 .bux-list .bux-list-item {
    background: #f6f7f9;
    border-bottom: 1px solid #c1c2c4
}

.look-and-feel-v2 .bux-list .bux-list-item:last-child {
    border-width: 0
}

.look-and-feel-v2 .bux-list .bux-list-item.selected-item {
    background: #ecf0f5;
    border-bottom: 3px solid #2f4daa
}

.look-and-feel-v2 .bux-list .bux-list-item .header-list {
    width: 100%;
    padding: 8px;
    display: inline-flex;
    cursor: pointer
}

.look-and-feel-v2 .bux-list .bux-list-item .header-list .avatar {
    background: #2f4daa;
    color: #fafbfd;
    border-radius: .25rem;
    height: 30px;
    width: 30px;
    padding: 5px 6px;
    display: block;
    margin: auto 8px auto 0;
    text-align: center
}

.look-and-feel-v2 .bux-list .bux-list-item .header-list .avatar.icon-item-list {
    background: #ecf0f5;
    color: #2f4daa
}

.look-and-feel-v2 .bux-list .bux-list-item .header-list .avatar.icon-item-list.selected-icon {
    background: #2f4daa;
    color: #fafbfd
}

.look-and-feel-v2 .bux-list .bux-list-item .header-list .info {
    flex-grow: 1;
    min-width: 0
}

.look-and-feel-v2 .bux-list .bux-list-item .header-list .info .title {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527;
    font-weight: 700
}

.look-and-feel-v2 .bux-list .bux-list-item .header-list .info .description {
    display: block;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: #656668
}

.look-and-feel-v2 .bux-list .bux-list-item .header-list .slot {
    display: none
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .bux-list .bux-list-item .header-list i,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .bux-list .bux-list-item .header-list i,
.look-and-feel-v2 .bux-list .bux-list-item .header-list .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .bux-list .bux-list-item .header-list .icon {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 16px;
    float: right;
    margin: auto 0;
    text-align: center;
    color: #2f4daa;
    transition: transform .2s
}

.look-and-feel-v2 .bux-list .bux-list-item .content-list {
    display: none;
    height: 0
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .bux-list .bux-list-item.active .header-list i,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .bux-list .bux-list-item.active .header-list i,
.look-and-feel-v2 .bux-list .bux-list-item.active .header-list .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .bux-list .bux-list-item.active .header-list .icon {
    transform: rotate(180deg);
    transition: transform .2s
}

.look-and-feel-v2 .bux-list .bux-list-item.active .header-list .slot {
    display: block
}

.look-and-feel-v2 .bux-list .bux-list-item.active .content-list {
    padding: 12px;
    display: block;
    height: auto
}

.look-and-feel-v2 .bux-list .bux-list-item.small-list-item .header-list {
    height: 36px;
    min-height: 36px
}

.look-and-feel-v2 .bux-list .bux-list-item.small-list-item .header-list .avatar {
    margin: -5px 8px -5px 0
}

.look-and-feel-v2 .bux-list .bux-list-item.small-list-item .header-list .info .description {
    display: none
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .bux-list .bux-list-item.small-list-item .header-list i,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .bux-list .bux-list-item.small-list-item .header-list i,
.look-and-feel-v2 .bux-list .bux-list-item.small-list-item .header-list .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .bux-list .bux-list-item.small-list-item .header-list .icon {
    margin: 2px 0;
    color: #091351
}

.look-and-feel-v2 .bux-list .bux-list-item.bux-list-primary .header-list .avatar {
    background: #2f4daa
}

.look-and-feel-v2 .bux-list .bux-list-item.bux-list-primary .header-list .info .title {
    color: #091351
}

.look-and-feel-v2 .bux-list .bux-list-item.bux-list-success .header-list .avatar {
    background: #82d957
}

.look-and-feel-v2 .bux-list .bux-list-item.bux-list-success .header-list .info .title {
    color: #2f4daa
}

.look-and-feel-v2 .bux-list .bux-list-item.bux-list-warning .header-list .avatar {
    background: #f9b82d
}

.look-and-feel-v2 .bux-list .bux-list-item.bux-list-warning .header-list .info .title {
    color: #2f4daa
}

.look-and-feel-v2 .bux-list .bux-list-item.bux-list-error .header-list .avatar {
    background: #ff7a6f
}

.look-and-feel-v2 .bux-list .bux-list-item.bux-list-error .header-list .info .title {
    color: #2f4daa
}

.look-and-feel-v2 .bux-list .bux-list-item.bux-list-secondary .header-list .avatar {
    background: #a3a4a5
}

.look-and-feel-v2 .bux-list .bux-list-item.bux-list-secondary .header-list .info .title {
    color: #2f4daa
}

.look-and-feel-v2 .bux-list .bux-list-item.disabled {
    background: #fafbfd
}

.look-and-feel-v2 .bux-list .bux-list-item.disabled .header-list .avatar {
    background: #a3a4a5
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .bux-list .bux-list-item.disabled .header-list i,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .bux-list .bux-list-item.disabled .header-list i,
.look-and-feel-v2 .bux-list .bux-list-item.disabled .header-list .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .bux-list .bux-list-item.disabled .header-list .icon,
.look-and-feel-v2 .bux-list .bux-list-item.disabled .header-list .info .title {
    color: #999
}

.look-and-feel-v2 .bux-list.bux-type-list {
    border: 1px solid #d2d6de;
    border-radius: .25rem
}

.look-and-feel-v2 .bux-list.bux-type-list .bux-list-item .header-list .info {
    width: 86%
}

.bux-list {
    width: 100%
}

.bux-list .bux-list-item {
    background: #fff;
    border-bottom: 1px solid #d2d6de
}

.bux-list .bux-list-item:last-child {
    border-width: 0
}

.bux-list .bux-list-item.selected-item {
    background: #ecf0f5;
    border-bottom: 3px solid #3c8dbc
}

.bux-list .bux-list-item .header-list {
    width: 100%;
    padding: 8px;
    display: inline-flex;
    cursor: pointer
}

.bux-list .bux-list-item .header-list .avatar {
    background: #3c8dbc;
    color: #fff;
    border-radius: 3px;
    height: 30px;
    width: 30px;
    padding: 5px 6px;
    display: block;
    margin: auto 8px auto 0;
    text-align: center
}

.bux-list .bux-list-item .header-list .avatar.icon-item-list {
    background: #ecf0f5;
    color: #6a85a1
}

.bux-list .bux-list-item .header-list .avatar.icon-item-list.selected-icon {
    background: #3c8dbc;
    color: #fff
}

.bux-list .bux-list-item .header-list .avatar .material-icons {
    margin-left: -1px
}

.bux-list .bux-list-item .header-list .info {
    flex-grow: 1;
    min-width: 0
}

.bux-list .bux-list-item .header-list .info .title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #3c8dbc
}

.bux-list .bux-list-item .header-list .info .description {
    display: block;
    font-size: .875rem;
    line-height: 1.125rem;
    color: #999
}

.bux-list .bux-list-item .header-list .slot {
    display: none
}

.bux-card .bux-card-head .head-avatar .bux-list .bux-list-item .header-list i,
.bux-list .bux-list-item .header-list .bux-card .bux-card-head .head-avatar i,
.bux-list .bux-list-item .header-list .icon {
    display: flex;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 16px;
    float: right;
    margin: auto 0;
    text-align: center;
    color: #3c8dbc;
    transition: transform .2s
}

.bux-list .bux-list-item .content-list {
    display: none;
    height: 0
}

.bux-card .bux-card-head .head-avatar .bux-list .bux-list-item.active .header-list i,
.bux-list .bux-list-item.active .header-list .bux-card .bux-card-head .head-avatar i,
.bux-list .bux-list-item.active .header-list .icon {
    transform: rotate(180deg);
    transition: transform .2s
}

.bux-list .bux-list-item.active .header-list .slot {
    display: block
}

.bux-list .bux-list-item.active .content-list {
    padding: 12px;
    display: block;
    height: auto
}

.bux-list .bux-list-item.small-list-item .header-list {
    height: 36px;
    min-height: 36px
}

.bux-list .bux-list-item.small-list-item .header-list .avatar {
    margin: -5px 8px -5px 0
}

.bux-list .bux-list-item.small-list-item .header-list .info .description {
    display: none
}

.bux-card .bux-card-head .head-avatar .bux-list .bux-list-item.small-list-item .header-list i,
.bux-list .bux-list-item.small-list-item .header-list .bux-card .bux-card-head .head-avatar i,
.bux-list .bux-list-item.small-list-item .header-list .icon {
    margin: 2px 0;
    color: #3c8dbc
}

.bux-list .bux-list-item.bux-list-primary .header-list .avatar {
    background: #3c8dbc
}

.bux-list .bux-list-item.bux-list-primary .header-list .info .title {
    color: #3c8dbc
}

.bux-list .bux-list-item.bux-list-success .header-list .avatar {
    background: #00a65a
}

.bux-list .bux-list-item.bux-list-success .header-list .info .title {
    color: #3c8dbc
}

.bux-list .bux-list-item.bux-list-warning .header-list .avatar {
    background: #f39c12
}

.bux-list .bux-list-item.bux-list-warning .header-list .info .title {
    color: #3c8dbc
}

.bux-list .bux-list-item.bux-list-error .header-list .avatar {
    background: #dd4b39
}

.bux-list .bux-list-item.bux-list-error .header-list .info .title {
    color: #3c8dbc
}

.bux-list .bux-list-item.bux-list-secondary .header-list .avatar {
    background: #6a85a1
}

.bux-list .bux-list-item.bux-list-secondary .header-list .info .title {
    color: #3c8dbc
}

.bux-list .bux-list-item.disabled {
    background: #ecf0f5
}

.bux-list .bux-list-item.disabled .header-list .avatar {
    background: #d2d6de
}

.bux-card .bux-card-head .head-avatar .bux-list .bux-list-item.disabled .header-list i,
.bux-list .bux-list-item.disabled .header-list .bux-card .bux-card-head .head-avatar i,
.bux-list .bux-list-item.disabled .header-list .icon,
.bux-list .bux-list-item.disabled .header-list .info .title {
    color: #999
}

.bux-list.bux-type-list {
    border: 1px solid #d2d6de;
    border-radius: 3px
}

.bux-list.bux-type-list .bux-list-item .header-list .info {
    width: 86%
}

.look-and-feel-v1 .box {
    position: relative;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16)
}

.look-and-feel-v1 .box.no-bd-padding .box-body {
    padding: 3px
}

.look-and-feel-v1 .box.no-bd-padding .box-body .box-body {
    padding: 10px
}

.look-and-feel-v1 .box-avatar img {
    width: 30px;
    height: 30px
}

.look-and-feel-v1 .box-body {
    padding: 10px
}

.look-and-feel-v1 .box-info {
    width: 100%
}

.look-and-feel-v1 .box-header {
    display: flex;
    align-items: center;
    padding: 12px
}

.look-and-feel-v1 .box-header-collapsed {
    cursor: pointer
}

.look-and-feel-v1 .box-header.with-post {
    padding: 10px;
    display: grid;
    grid-template-columns: 30px auto;
    grid-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.look-and-feel-v1 .box-header.with-post .box-title {
    font-size: 14px;
    line-height: 18px;
    line-height: .875rem;
    font-weight: 600;
    color: #222d32
}

.look-and-feel-v1 .box-header.with-post .box-subtitle {
    font-size: 12px;
    line-height: 14px;
    color: #666
}

.look-and-feel-v1 .box-header .box-title {
    flex: 1 1;
    margin: 0;
    color: #222d32;
    font-size: 21px;
    line-height: 26px
}

.look-and-feel-v1 .box-header .box-title .box-icon {
    width: 16px;
    height: 16px;
    font-size: 1rem;
    color: #222d32;
    margin-right: 10px
}

.look-and-feel-v1 .box-header .box-title .box-icon .material-icons,
.look-and-feel-v1 .box-header .box-title .box-icon .material-icons-outlined {
    vertical-align: sub;
    font-size: 1.5rem
}

.look-and-feel-v1 .box-header .box-title .box-icon.box-icon-md {
    width: 24px;
    height: 24px;
    margin-right: .5rem
}

.look-and-feel-v1 .box-header .box-title .badge {
    position: absolute;
    margin: 1px 8px
}

@media screen and (max-width:959px) {
    .look-and-feel-v1 .box-header .box-title .badge {
        position: relative
    }
}

.look-and-feel-v1 .box-header .box-collapsed {
    padding: 10px;
    display: flex;
    align-items: center
}

.look-and-feel-v1 .box-header>.fa,
.look-and-feel-v1 .box-header>.glyphicon,
.look-and-feel-v1 .box-header>.ion {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1;
    margin: 0 5px 0 0
}

.look-and-feel-v1 .box-header>.box-tools {
    display: flex;
    right: 10px
}

.look-and-feel-v1 .box-header>.box-tools [data-toggle=tooltip] {
    position: relative
}

.look-and-feel-v1 .box-header>.box-tools.float-right .dropdown-menu,
.look-and-feel-v1 .box-header>.box-tools.process-actions .dropdown-menu,
.look-and-feel-v1 .box-header>button.box-tools.upload-result .dropdown-menu {
    right: 0;
    left: auto
}

.look-and-feel-v1 .box-header>.box-tools .dropdown-menu>li>a {
    color: #444!important
}

.look-and-feel-v1 .box-outer {
    border-top: 3px solid #3c8dbc
}

.look-and-feel-v1 .box-outer .box-header {
    border-bottom: 1px solid #ecf0f5;
    height: 50px
}

.look-and-feel-v1 .box-inner {
    border: 1px solid #d2d6de;
    box-shadow: none
}

.look-and-feel-v1 .box-inner>.box-header {
    color: #444;
    background: #d2d6de;
    background-color: #d2d6de
}

.look-and-feel-v1 .box-inner>.box-header .btn,
.look-and-feel-v1 .box-inner>.box-header .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1 .box-inner>.box-header a,
.look-and-feel-v1 .box-inner>.box-header button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .box-inner>.box-header .swal2-styled {
    color: #444
}

.look-and-feel-v1 .box-inner .box-header {
    height: 36px;
    width: 100%;
    padding: 8px;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.look-and-feel-v1 .box-inner .box-header .btn.btn-default,
.look-and-feel-v1 .box-inner .box-header .look-and-feel-v2 .swal2-popup .swal2-actions .btn-default.swal2-styled,
.look-and-feel-v1 .box-inner .box-header button.btn-default.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .box-inner .box-header .btn-default.swal2-styled {
    background: transparent
}

.look-and-feel-v1 .box-inner .box-header .btn:hover,
.look-and-feel-v1 .box-inner .box-header .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled:hover,
.look-and-feel-v1 .box-inner .box-header a:hover,
.look-and-feel-v1 .box-inner .box-header button.upload-result:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .box-inner .box-header .swal2-styled:hover {
    background: rgba(0, 0, 0, .1)
}

.look-and-feel-v1 .box-inner .box-header .box-tools .btn,
.look-and-feel-v1 .box-inner .box-header .box-tools .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1 .box-inner .box-header .box-tools button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .box-inner .box-header .box-tools .swal2-styled {
    border: 0;
    box-shadow: none
}

.look-and-feel-v1 .box-inner .box-title {
    font-size: .875rem;
    line-height: 20px;
    font-weight: 600
}

.look-and-feel-v1 .box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff
}

.look-and-feel-v1 .box .nav-stacked>li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0
}

.look-and-feel-v1 .box .nav-stacked>li:last-of-type {
    border-bottom: 0
}

.look-and-feel-v1 .box.height-control .box-body {
    max-height: 300px;
    overflow: auto
}

.look-and-feel-v1 .box .border-right {
    border-right: 1px solid #f4f4f4
}

.look-and-feel-v1 .box .border-left {
    border-left: 1px solid #f4f4f4
}

.look-and-feel-v1 .box .box-group>.box {
    margin-bottom: 5px
}

.look-and-feel-v1 .box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 200;
    font-size: .75rem;
    margin-bottom: .3em
}

.look-and-feel-v1 .box.box-solid {
    border: 1px solid #3c8dbc
}

.look-and-feel-v1 .box.box-solid>.box-header {
    color: #fff;
    background: #3c8dbc;
    background-color: #3c8dbc
}

.look-and-feel-v1 .box.box-solid .box-title,
.look-and-feel-v1 .box.box-solid .box-title span,
.look-and-feel-v1 .box.box-solid>.box-header .btn,
.look-and-feel-v1 .box.box-solid>.box-header .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1 .box.box-solid>.box-header a,
.look-and-feel-v1 .box.box-solid>.box-header button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1 .box.box-solid>.box-header .swal2-styled {
    color: #fff
}

.look-and-feel-v2 .box {
    position: relative;
    background: #f6f7f9;
    width: 100%
}

.look-and-feel-v2 .box.no-bd-padding .box-body {
    padding: 0
}

.look-and-feel-v2 .box-body {
    padding: 0 1rem
}

.look-and-feel-v2 .box-info {
    width: 100%
}

.look-and-feel-v2 .box-avatar img {
    width: 30px;
    height: 30px
}

.look-and-feel-v2 .box-header {
    display: flex;
    align-items: center;
    padding: 1rem
}

.look-and-feel-v2 .box-header.with-post {
    padding: 10px;
    display: grid;
    grid-template-columns: 43px auto;
    grid-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    height: 64px!important
}

.look-and-feel-v2 .box-header.with-post .box-info {
    height: 43px;
    padding-top: 4px;
    padding-bottom: 4px
}

.look-and-feel-v2 .box-header.with-post .box-avatar img {
    width: 43px;
    height: 43px;
    border-radius: 50%
}

.look-and-feel-v2 .box-header.with-post .box-title {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527;
    line-height: .875rem;
    font-weight: 600;
    color: #091351;
    display: inline;
    display: initial
}

.look-and-feel-v2 .box-header.with-post .box-subtitle {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: #656668;
    color: #091351;
    display: block
}

.look-and-feel-v2 .box-header.with-banner {
    background-position: 100%;
    background-repeat: no-repeat;
    background-color: #f0f1f3;
    border-radius: .5rem .5rem 0
}

.look-and-feel-v2 .box-header-collapsed {
    cursor: pointer
}

.look-and-feel-v2 .box-header-collapsed.with-banner {
    border-radius: .5rem
}

.look-and-feel-v2 .box-header .box-title {
    flex: 1 1;
    margin: 0;
    display: flex;
    align-items: center
}

.look-and-feel-v2 .box-header .box-title .box-icon {
    width: 20px;
    height: 16px;
    font-size: 1rem;
    color: #f99304;
    margin-right: 10px;
    display: flex
}

.look-and-feel-v2 .box-header .box-title .box-icon .material-icons,
.look-and-feel-v2 .box-header .box-title .box-icon .material-icons-outlined {
    vertical-align: sub;
    font-size: 1.5rem
}

.look-and-feel-v2 .box-header .box-title .box-icon.box-icon-md {
    width: 24px;
    height: 24px;
    margin-right: .5rem
}

.look-and-feel-v2 .box-header .box-collapsed {
    padding: 10px;
    display: flex;
    align-items: center
}

.look-and-feel-v2 .box-header>.fa,
.look-and-feel-v2 .box-header>.glyphicon,
.look-and-feel-v2 .box-header>.ion {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1;
    margin: 0 5px 0 0
}

.look-and-feel-v2 .box-header>.box-tools {
    display: flex;
    right: 10px
}

.look-and-feel-v2 .box-header>.box-tools [data-toggle=tooltip] {
    position: relative
}

.look-and-feel-v2 .box-header>.box-tools.float-right .dropdown-menu,
.look-and-feel-v2 .box-header>.box-tools.process-actions .dropdown-menu,
.look-and-feel-v2 .box-header>button.box-tools.upload-result .dropdown-menu {
    right: 0;
    left: auto
}

.look-and-feel-v2 .box-header>.box-tools .dropdown-menu>li>a {
    color: #444!important
}

.look-and-feel-v2 .box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    padding: 1rem
}

.look-and-feel-v2 .box-footer .footer-actions {
    padding: 0!important
}

.look-and-feel-v2 .box-height-screen {
    height: calc(100vh - 228px);
    overflow: auto
}

.look-and-feel-v2 .box-height-screen-no-footer,
.look-and-feel-v2 .box-height-screen-no-header {
    height: calc(100vh - 160px);
    overflow: auto
}

@media(max-width:960px) {
    .look-and-feel-v2 .box-height-screen-no-footer,
    .look-and-feel-v2 .box-height-screen-no-header {
        height: auto;
        margin-bottom: 16px
    }
}

.look-and-feel-v2 .box-height-screen-body {
    height: calc(100vh - 100px);
    overflow: auto
}

@media(max-width:960px) {
    .look-and-feel-v2 .box-height-screen-none {
        height: auto;
        margin-bottom: 16px
    }
}

.look-and-feel-v2 .box-outer {
    border-radius: .75rem;
    box-shadow: 0 6px 12px rgba(36, 37, 39, .14), 0 16px 24px rgba(36, 37, 39, .08)
}

.look-and-feel-v2 .box-outer .box-title {
    line-height: 28px;
    font-weight: 600
}

.look-and-feel-v2 .box-outer .box-header {
    height: 60px
}

.look-and-feel-v2 .box-inner {
    border-radius: .25rem;
    border: 1px solid #d9e2f9;
    box-shadow: 0 1px 2px rgba(36, 37, 39, .24), 0 2px 6px rgba(36, 37, 39, .16);
    margin-bottom: 20px
}

.look-and-feel-v2 .box-inner>.box-header {
    color: #444;
    background: #d9e2f9;
    background-color: #d9e2f9
}

.look-and-feel-v2 .box-inner>.box-header .btn,
.look-and-feel-v2 .box-inner>.box-header .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v2 .box-inner>.box-header a,
.look-and-feel-v2 .box-inner>.box-header button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .box-inner>.box-header .swal2-styled {
    color: #444
}

.look-and-feel-v2 .box-inner.collapsed-box {
    box-shadow: none!important;
    transition: all .6s cubic-bezier(.165, .84, .44, 1)
}

.look-and-feel-v2 .box-inner.collapsed-box:hover {
    box-shadow: 0 1px 2px rgba(36, 37, 39, .24), 0 2px 6px rgba(36, 37, 39, .16)!important
}

.look-and-feel-v2 .box-inner .box-header {
    height: 36px;
    width: 100%;
    padding: 8px;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.look-and-feel-v2 .box-inner .box-header .btn.btn-default,
.look-and-feel-v2 .box-inner .box-header .swal2-popup .swal2-actions .btn-default.swal2-styled,
.look-and-feel-v2 .box-inner .box-header button.btn-default.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .box-inner .box-header .btn-default.swal2-styled {
    background: transparent
}

.look-and-feel-v2 .box-inner .box-header .btn:hover,
.look-and-feel-v2 .box-inner .box-header .swal2-popup .swal2-actions .swal2-styled:hover,
.look-and-feel-v2 .box-inner .box-header a:hover,
.look-and-feel-v2 .box-inner .box-header button.upload-result:hover,
.look-and-feel-v2 .swal2-popup .swal2-actions .box-inner .box-header .swal2-styled:hover {
    background: rgba(0, 0, 0, .1)
}

.look-and-feel-v2 .box-inner .box-header .box-tools .btn,
.look-and-feel-v2 .box-inner .box-header .box-tools .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v2 .box-inner .box-header .box-tools button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .box-inner .box-header .box-tools .swal2-styled {
    border: 0;
    box-shadow: none
}

.look-and-feel-v2 .box-inner .box-title {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600
}

.look-and-feel-v2 .box.box-solid {
    border: 1px solid #2f4daa
}

.look-and-feel-v2 .box.box-solid>.box-header {
    color: #fff;
    background: #2f4daa;
    background-color: #2f4daa
}

.look-and-feel-v2 .box.box-solid>.box-header .btn,
.look-and-feel-v2 .box.box-solid>.box-header .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v2 .box.box-solid>.box-header a,
.look-and-feel-v2 .box.box-solid>.box-header button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .box.box-solid>.box-header .swal2-styled {
    color: #fff
}

.look-and-feel-v2 .box.box-solid .box-title,
.look-and-feel-v2 .box.box-solid .box-title span {
    color: #fafbfd
}

.look-and-feel-v2 .box-tips {
    background: #2f4daa;
    color: #fafbfd
}

.look-and-feel-v2 .box-tips h2 {
    color: #fafbfd
}

.look-and-feel-v2 .box-tips h4 {
    color: #f9b82d
}

.look-and-feel-v2 .box-tips__number {
    width: 60px
}

.look-and-feel-v2 .box-tips__number-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #4765cb;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    font-size: 1rem
}

.look-and-feel-v2 .box-tips__text {
    width: 100%
}

.look-and-feel-v2 .box-tips img {
    width: 70%
}

.look-and-feel-v2 .no-gutters {
    margin-left: 0!important;
    margin-right: 0!important
}

.look-and-feel-v2 .box-prcessos {
    max-height: 268px
}

.collapsed-box .box-body,
.collapsed-box .box-footer {
    display: none
}

.collapsed-box .box-header {
    border-radius: 3px
}

.box>.loading-img,
.box>.overlay,
.overlay-wrapper>.loading-img,
.overlay-wrapper>.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.box .overlay,
.overlay-wrapper .overlay {
    z-index: 50;
    background: hsla(0, 0%, 100%, .7);
    border-radius: 3px
}

.box .overlay>.fa,
.overlay-wrapper .overlay>.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 1.875rem
}

.box .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, .5)
}

.btn-box-tool {
    padding: 5px;
    font-size: .75rem;
    background: transparent;
    color: #97a0b3
}

.btn-box-tool:hover,
.open .btn-box-tool {
    color: #606c84
}

.btn-box-tool.btn:active,
.look-and-feel-v2 .swal2-popup .swal2-actions .btn-box-tool.swal2-styled:active,
button.btn-box-tool.upload-result:active {
    box-shadow: none
}

.box-body>.table {
    margin-bottom: 0
}

.box-body .full-width-chart {
    margin: -19px
}

.box-body.no-padding .full-width-chart {
    margin: -9px
}

.chart-legend {
    margin: 10px 0
}

@media(max-width:959px) {
    .chart-legend>li {
        float: left;
        margin-right: 10px
    }
}

.box-comments {
    background: #f7f7f7
}

.box-comments .box-comment {
    padding: 8px 0;
    border-bottom: 1px solid #eee
}

.box-comments .box-comment:after {
    display: block;
    clear: both;
    content: ""
}

.box-comments .box-comment:last-of-type {
    border-bottom: 0
}

.box-comments .box-comment:first-of-type {
    padding-top: 0
}

.box-comments .box-comment img {
    float: left
}

.box-comments .comment-text {
    margin-left: 2.5rem;
    color: #666
}

.box-comments .username {
    color: #444;
    display: block;
    font-weight: 600
}

.box-comments .text-muted {
    font-weight: 400;
    font-size: .75rem
}

.todo-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto
}

.todo-list>li {
    border-radius: 3px;
    padding: 10px;
    background: #f4f4f4;
    margin-bottom: 2px;
    border-left: .125rem solid #e6e7e8;
    color: #444
}

.todo-list>li:last-of-type {
    margin-bottom: 0
}

.todo-list>li>input[type=checkbox] {
    margin: 0 10px 0 5px
}

.todo-list>li .text {
    display: inline-block;
    margin-left: 5px;
    font-weight: 600
}

.todo-list>li .badge {
    margin-left: 10px;
    font-size: 9px
}

.todo-list>li .tools {
    display: none;
    float: right;
    color: #dd4b39
}

.todo-list>li .tools>.fa,
.todo-list>li .tools>.glyphicon,
.todo-list>li .tools>.ion {
    margin-right: 5px;
    cursor: pointer
}

.todo-list>li:hover .tools {
    display: inline-block
}

.todo-list>li.done {
    color: #999
}

.todo-list>li.done .text {
    text-decoration: line-through;
    font-weight: 400
}

.todo-list>li.done .badge {
    background: #d2d6de!important
}

.todo-list .danger {
    border-left-color: #dd4b39
}

.todo-list .warning {
    border-left-color: #f39c12
}

.todo-list .info {
    border-left-color: #367fa9
}

.todo-list .success {
    border-left-color: #00a65a
}

.todo-list .primary {
    border-left-color: #3c8dbc
}

.todo-list .handle {
    display: inline-block;
    cursor: move;
    margin: 0 5px
}

.chat {
    padding: 5px 1.25rem 5px 10px
}

.chat .item {
    margin-bottom: 10px
}

.chat .item:after {
    display: block;
    clear: both;
    content: ""
}

.chat .item>img {
    width: 40px;
    height: 40px;
    border: .125rem solid transparent;
    border-radius: 50%
}

.chat .item>.online {
    border: .125rem solid #00a65a
}

.chat .item>.offline {
    border: .125rem solid #dd4b39
}

.chat .item>.message {
    margin-left: 55px;
    margin-top: -2.5rem
}

.chat .item>.message>.name {
    display: block;
    font-weight: 600
}

.chat .item>.attachment {
    border-radius: 3px;
    background: #f4f4f4;
    margin-left: 65px;
    margin-right: 15px;
    padding: 10px
}

.chat .item>.attachment>h4 {
    margin: 0 0 5px;
    font-weight: 600;
    font-size: .875rem
}

.chat .item>.attachment>.filename,
.chat .item>.attachment>p {
    font-weight: 600;
    font-size: .75rem;
    font-style: italic;
    margin: 0
}

.chat .item>.attachment:after {
    display: block;
    clear: both;
    content: ""
}

.box-height-screen-portal {
    height: calc(100vh - 161px);
    overflow: scroll
}

@media screen and (max-width:959px) {
    .box-height-screen-portal {
        height: calc(100vh - 150px)
    }
}

.card .box-header {
    display: block;
    height: auto;
    background: inherit
}

.card:last-of-type {
    box-shadow: none
}

.semi-box-right {
    border-right: .0625rem solid #d2d6de;
    border-radius: 0 3px 3px 0
}

.semi-box-left,
.semi-box-right {
    border-top: .0625rem solid #d2d6de;
    border-bottom: .0625rem solid #d2d6de
}

.semi-box-left {
    border-left: .0625rem solid #d2d6de;
    border-radius: 3px 0 0 3px
}

@media screen and (max-width:450px) {
    .divisiones .box-header {
        flex-direction: column;
        height: 85px
    }
}

.box-encuesta {
    height: 100vh;
    overflow-y: auto;
    padding: 16px
}

.box-nuevos-empleados {
    max-height: 163px
}

.box-comentarios {
    min-height: 50px;
    max-height: 250px
}

.box-comentarios .message {
    padding: 10px
}

.box-comentarios .message .actions {
    padding-left: 10px;
    margin-top: -2px
}

.empleado-holder .box-comentarios {
    max-height: 600px!important
}

.box-body:after,
.box-footer:after,
.box-header:after {
    display: block;
    clear: both;
    content: ""
}

.border-sm {
    border: 1px solid #d2d6de;
    border-radius: 3px
}

.border-right {
    border-right: 2px solid #999!important
}

.light-border-right {
    border-right: 1px solid #d2d6de!important
}

.look-and-feel-v2 .border-right {
    border-right: 2px solid #a3a4a5!important
}

.look-and-feel-v2 .light-border-right {
    border-right: 1px solid #d9e2f9!important
}

.preview-employee {
    display: flex;
    flex-direction: column
}

.preview-employee .header {
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 0
}

.preview-employee .header .avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 16px
}

.preview-employee .header .description {
    padding-left: 4px;
    padding-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 75px
}

.preview-employee .header .description .text-muted {
    text-overflow: ellipsis;
    overflow: hidden
}

.preview-employee .header .description-ninebox {
    padding-left: 4px;
    padding-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 130px
}

.preview-employee .header .description-ninebox .text-muted {
    text-overflow: ellipsis;
    overflow: hidden
}

.treeview-menu li a .material-icons-outlined {
    display: none
}

.treeview-menu li a .material-icons {
    font-size: 16px!important
}

.treeview-menu .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.treeview-menu .noselect a .sidebar_text {
    width: 130px!important
}

.sidebar-pro-icon {
    color: #eda737;
    padding-right: 5px
}

.bki-love,
.sidebar .bki-superhero {
    font-size: 1.125rem
}

@media(min-width:320px) {
    .main-sidebar {
        padding-top: 0
    }
}

@media(min-width:960px) {
    .sidebar-mini.sidebar-collapse .treeview a .ml-2,
    .sidebar-mini.sidebar-collapse .treeview a .sidebar_text {
        display: none
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu li a .sidebar_text {
        opacity: 0!important
    }
}

[data-show-hide-more-content] .toogle-more-link {
    cursor: pointer;
    position: relative;
    bottom: 0;
    z-index: 5
}

[data-show-hide-more-content].content-collapse,
[data-show-hide-more-content].content-expanded {
    position: relative
}

[data-show-hide-more-content].content-expanded .toogle-more-link:after {
    content: "Ver menos"
}

[data-show-hide-more-content].content-collapse:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(0deg, #fff 20%, transparent 80%);
    pointer-events: none
}

[data-show-hide-more-content].content-collapse .toogle-more-link:after {
    content: "Ver más"
}

.look-and-feel-v2 [data-show-hide-more-content] .toogle-more-link {
    cursor: pointer;
    position: relative;
    bottom: 0;
    z-index: 5
}

.look-and-feel-v2 [data-show-hide-more-content].content-collapse,
.look-and-feel-v2 [data-show-hide-more-content].content-expanded {
    position: relative
}

.look-and-feel-v2 [data-show-hide-more-content].content-expanded .toogle-more-link:after {
    content: "Ver menos"
}

.look-and-feel-v2 [data-show-hide-more-content].content-collapse:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(0deg, #f6f7f9 20%, rgba(36, 37, 39, 0) 80%);
    pointer-events: none
}

.look-and-feel-v2 [data-show-hide-more-content].content-collapse .toogle-more-link:after {
    content: "Ver más"
}

.paginator-component {
    margin-bottom: 8px;
    display: flex
}

.paginator-component .paginator-content {
    display: flex;
    align-items: flex-end;
    width: 100%
}

.paginator-component .paginator-content .paginator-selector-content {
    width: 270px
}

@media(max-width:960px) {
    .paginator-component .paginator-content .paginator-selector-content {
        width: 100%
    }
}

.paginator-component .paginator-content .paginator-selector-content .paginator-selector-label {
    font-weight: 600
}

.paginator-component .paginator-content .paginator-arrows-content {
    margin-left: 8px;
    line-height: 1.25rem;
    display: flex
}

.paginator-component .paginator-content .paginator-arrows-content button span {
    transform: translateY(-4px)
}

.paginator-component .paginator-content .paginator-arrows-content .paginator-previous-button {
    margin-right: 8px;
    background: #f6f7f9;
    box-shadow: 0 2px 4px rgba(142, 165, 237, .3);
    border-radius: 4px
}

.paginator-component .paginator-content .paginator-arrows-content .paginator-next-button {
    background: #f6f7f9;
    box-shadow: 0 2px 4px rgba(142, 165, 237, .3);
    border-radius: 4px
}

.paginator-component .paginator-content .paginator-arrows-content .paginator-indicator {
    margin-left: 8px;
    display: none;
    align-self: center
}

.progress,
.progress .progress-bar,
.progress>.progress-bar,
.progress>.progress-bar .progress-bar {
    border-radius: 3px
}

.progress-sm,
.progress.sm {
    height: 10px
}

.progress-sm,
.progress-sm .progress-bar,
.progress.sm,
.progress.sm .progress-bar {
    border-radius: 3px
}

.progress-xs,
.progress.xs {
    height: 7px
}

.progress-xs,
.progress-xs .progress-bar,
.progress.xs,
.progress.xs .progress-bar {
    border-radius: 3px
}

.progress-xxs,
.progress.xxs {
    height: 3px
}

.progress-xxs,
.progress-xxs .progress-bar,
.progress.xxs,
.progress.xxs .progress-bar {
    border-radius: 3px
}

.progress.vertical {
    position: relative;
    width: 30px;
    height: 200px;
    display: inline-block;
    margin-right: 10px
}

.progress.vertical>.progress-bar {
    width: 100%;
    position: absolute;
    bottom: 0
}

.progress.vertical.progress-sm,
.progress.vertical.sm {
    width: 20px
}

.progress.vertical.progress-xs,
.progress.vertical.xs {
    width: 10px
}

.progress.vertical.progress-xxs,
.progress.vertical.xxs {
    width: 3px
}

.progress-group .progress-text {
    font-weight: 600
}

.progress-group .progress-number {
    float: right
}

.table tr>td .progress {
    margin: 0
}

.progress-bar-light-blue,
.progress-bar-primary {
    background-color: #3c8dbc
}

.progress-bar-striped .progress-bar-light-blue,
.progress-bar-striped .progress-bar-primary {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-green,
.progress-bar-success {
    background-color: #00a65a
}

.progress-bar-striped .progress-bar-green,
.progress-bar-striped .progress-bar-success {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-aqua,
.progress-bar-info {
    background-color: #367fa9
}

.progress-bar-striped .progress-bar-aqua,
.progress-bar-striped .progress-bar-info {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-warning,
.progress-bar-yellow {
    background-color: #f39c12
}

.progress-bar-striped .progress-bar-warning,
.progress-bar-striped .progress-bar-yellow {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-danger,
.progress-bar-red {
    background-color: #dd4b39
}

.progress-bar-striped .progress-bar-danger,
.progress-bar-striped .progress-bar-red {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-labels {
    display: inline-flex
}

.look-and-feel-v2 .progress,
.look-and-feel-v2 .progress .progress-bar,
.look-and-feel-v2 .progress>.progress-bar,
.look-and-feel-v2 .progress>.progress-bar .progress-bar {
    border-radius: 3px
}

.look-and-feel-v2 .progress-sm,
.look-and-feel-v2 .progress.sm {
    height: 10px
}

.look-and-feel-v2 .progress-sm,
.look-and-feel-v2 .progress-sm .progress-bar,
.look-and-feel-v2 .progress.sm,
.look-and-feel-v2 .progress.sm .progress-bar {
    border-radius: 3px
}

.look-and-feel-v2 .progress-xs,
.look-and-feel-v2 .progress.xs {
    height: 7px
}

.look-and-feel-v2 .progress-xs,
.look-and-feel-v2 .progress-xs .progress-bar,
.look-and-feel-v2 .progress.xs,
.look-and-feel-v2 .progress.xs .progress-bar {
    border-radius: 3px
}

.look-and-feel-v2 .progress-xxs,
.look-and-feel-v2 .progress.xxs {
    height: 3px
}

.look-and-feel-v2 .progress-xxs,
.look-and-feel-v2 .progress-xxs .progress-bar,
.look-and-feel-v2 .progress.xxs,
.look-and-feel-v2 .progress.xxs .progress-bar {
    border-radius: 3px
}

.look-and-feel-v2 .progress.vertical {
    position: relative;
    width: 30px;
    height: 200px;
    display: inline-block;
    margin-right: 10px
}

.look-and-feel-v2 .progress.vertical>.progress-bar {
    width: 100%;
    position: absolute;
    bottom: 0
}

.look-and-feel-v2 .progress.vertical.progress-sm,
.look-and-feel-v2 .progress.vertical.sm {
    width: 20px
}

.look-and-feel-v2 .progress.vertical.progress-xs,
.look-and-feel-v2 .progress.vertical.xs {
    width: 10px
}

.look-and-feel-v2 .progress.vertical.progress-xxs,
.look-and-feel-v2 .progress.vertical.xxs {
    width: 3px
}

.look-and-feel-v2 .progress-group .progress-text {
    font-weight: 600
}

.look-and-feel-v2 .progress-group .progress-number {
    float: right
}

.look-and-feel-v2 .table tr>td .progress {
    margin: 0
}

.look-and-feel-v2 .progress-bar-light-blue,
.look-and-feel-v2 .progress-bar-primary {
    background-color: #2f4daa
}

.progress-bar-striped .look-and-feel-v2 .progress-bar-light-blue,
.progress-bar-striped .look-and-feel-v2 .progress-bar-primary {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.look-and-feel-v2 .progress-bar-green,
.look-and-feel-v2 .progress-bar-success {
    background-color: #82d957
}

.progress-bar-striped .look-and-feel-v2 .progress-bar-green,
.progress-bar-striped .look-and-feel-v2 .progress-bar-success {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.look-and-feel-v2 .progress-bar-aqua,
.look-and-feel-v2 .progress-bar-info {
    background-color: #2a469d
}

.progress-bar-striped .look-and-feel-v2 .progress-bar-aqua,
.progress-bar-striped .look-and-feel-v2 .progress-bar-info {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.look-and-feel-v2 .progress-bar-warning,
.look-and-feel-v2 .progress-bar-yellow {
    background-color: #f9b82d
}

.progress-bar-striped .look-and-feel-v2 .progress-bar-warning,
.progress-bar-striped .look-and-feel-v2 .progress-bar-yellow {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.look-and-feel-v2 .progress-bar-danger,
.look-and-feel-v2 .progress-bar-red {
    background-color: #ff7a6f
}

.progress-bar-striped .look-and-feel-v2 .progress-bar-danger,
.progress-bar-striped .look-and-feel-v2 .progress-bar-red {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.look-and-feel-v2 .progress-bar-labels {
    display: inline-flex
}

.look-and-feel-v1 .stepper-items-container {
    display: flex;
    justify-content: flex-end;
    flex: 0 3 max-content;
    margin-left: auto;
    align-items: center
}

.look-and-feel-v1 .stepper-items-container .step-item-icon {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 3px
}

.look-and-feel-v1 .stepper-items-container .step-item-icon i {
    color: #fff
}

.look-and-feel-v1 .stepper-items-container .step-item-icon.step-done {
    background-color: #00a65a
}

.look-and-feel-v1 .stepper-items-container .step-item-icon.step-in-process {
    background-color: #3c8dbc
}

.look-and-feel-v1 .stepper-items-container .step-item-icon.step-waiting {
    background-color: #d2d6de;
    border: 1px solid #d2d6de;
    padding-bottom: 2px
}

.look-and-feel-v1 .stepper-items-container .stepper-items-separator {
    height: 2px;
    width: 24px;
    background-color: #d2d6de;
    margin-left: 4px;
    margin-right: 4px
}

.look-and-feel-v1 .stepper-items-container .stepper-items-separator:last-of-type {
    display: none
}

.look-and-feel-v2 .stepper-items-container {
    display: flex;
    justify-content: flex-end;
    flex: 0 3 max-content;
    margin-left: auto;
    align-items: center
}

.look-and-feel-v2 .stepper-items-container .step-item-icon {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 3px
}

.look-and-feel-v2 .stepper-items-container .step-item-icon i {
    color: #fafbfd
}

.look-and-feel-v2 .stepper-items-container .step-item-icon.step-done {
    background-color: #4caa37
}

.look-and-feel-v2 .stepper-items-container .step-item-icon.step-in-process {
    background-color: #2f4daa
}

.look-and-feel-v2 .stepper-items-container .step-item-icon.step-waiting {
    background-color: #c1c2c4;
    border: 1px solid #c1c2c4;
    padding-bottom: 2px
}

.look-and-feel-v2 .stepper-items-container .stepper-items-separator {
    height: 2px;
    width: 24px;
    background-color: #c1c2c4;
    margin-left: 4px;
    margin-right: 4px
}

.look-and-feel-v2 .stepper-items-container .stepper-items-separator:last-of-type {
    display: none
}

.dropdown:not(.user):not(.notifications-menu) .dropdown-menu {
    background-color: #fff;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    max-width: 272px;
    width: auto;
    min-width: 100px;
    padding: 5px 0
}

.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>.dropdown-item,
.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider) {
    padding: 3px 20px
}

.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider) {
    text-decoration: none;
    color: #222d32;
    font-size: .875rem;
    line-height: 1.42857
}

.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider):hover:not(.disabled) {
    background-color: #e1e3e9
}

.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider):focus:not(.disabled) {
    color: #222d32
}

.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider).disabled {
    cursor: not-allowed;
    color: #888;
    pointer-events: auto
}

.dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider).disabled:active {
    pointer-events: none
}

.bux-card~.dropdown-menu {
    transform: none!important;
    top: 100%!important
}

.bux-card~.dropdown-menu.dropdown-menu-right {
    right: 0!important;
    left: auto!important
}

.navbar-nav>.messages-menu>.dropdown-menu,
.navbar-nav>.notifications-menu>.dropdown-menu,
.navbar-nav>.tasks-menu>.dropdown-menu {
    width: 280px;
    padding: 0;
    margin: 0;
    top: 100%
}

.navbar-nav>.messages-menu>.dropdown-menu>li,
.navbar-nav>.notifications-menu>.dropdown-menu>li,
.navbar-nav>.tasks-menu>.dropdown-menu>li {
    position: relative
}

.navbar-nav>.messages-menu>.dropdown-menu>li.header,
.navbar-nav>.notifications-menu>.dropdown-menu>li.header,
.navbar-nav>.tasks-menu>.dropdown-menu>li.header {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444;
    font-size: .875rem
}

.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: .75rem;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eee;
    color: #444!important;
    text-align: center
}

@media(max-width:959px) {
    .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
    .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
    .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
        background: #fff!important;
        color: #444!important
    }
}

.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover {
    text-decoration: none;
    font-weight: 400
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
    background: #f4f4f4;
    text-decoration: none
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion {
    width: 20px
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a {
    margin: 0;
    padding: 10px
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img {
    margin: auto 10px auto auto;
    width: 40px;
    height: 40px
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
    padding: 0;
    margin: 0 0 0 45px;
    color: #444;
    font-size: 1rem;
    position: relative
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {
    color: #999;
    font-size: .625rem;
    position: absolute;
    top: 0;
    right: 0
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
    margin: 0 0 0 45px;
    font-size: .75rem;
    color: #888
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
    display: block;
    clear: both;
    content: ""
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
    padding: 10px
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
    font-size: .875rem;
    padding: 0;
    margin: 0 0 10px;
    color: #666
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress {
    padding: 0;
    margin: 0
}

.navbar-nav>.user-menu>.dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 1px 0 0;
    border-top-width: 0;
    width: 280px
}

.navbar-nav>.user-menu>.dropdown-menu,
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.navbar-nav>.user-menu>.dropdown-menu>.user-header {
    height: 175px;
    padding: 10px;
    text-align: center
}

.navbar-nav>.user-menu>.dropdown-menu>.user-header>img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid hsla(0, 0%, 100%, .2)
}

.navbar-nav>.user-menu>.dropdown-menu>.user-header>p {
    z-index: 5;
    color: hsla(0, 0%, 100%, .8);
    font-size: 1.125rem;
    margin-top: 10px
}

.navbar-nav>.user-menu>.dropdown-menu>.user-header>p>small {
    display: block;
    font-size: .75rem
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #ddd
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
    display: block;
    clear: both;
    content: ""
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    color: #fff
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #f4f4f4;
    padding: 10px
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
    display: block;
    clear: both;
    content: ""
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #666
}

@media(max-width:959px) {
    .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover {
        background-color: #f4f4f4
    }
}

.navbar-nav>.user-menu .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px
}

@media(max-width:958px) {
    .navbar-nav>.user-menu .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: .75rem
    }
}

.navbar-custom-menu>.navbar-nav>li {
    position: relative
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 0;
    left: auto
}

@media(max-width:959px) {
    .navbar-custom-menu>.navbar-nav {
        float: right
    }
    .navbar-custom-menu>.navbar-nav>li {
        position: static
    }
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #ddd;
        background: #fff
    }
}

.action-section {
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 10
}

.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .dropdown-menu {
    background-color: #fafbfd;
    border-radius: .25rem;
    box-shadow: 0 1px 2px rgba(36, 37, 39, .24), 0 2px 6px rgba(36, 37, 39, .16);
    padding: 0
}

.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>.dropdown-item,
.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider) {
    padding: .5rem .75rem
}

.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider) {
    color: #464748;
    font-size: .875rem;
    line-height: 1.125rem
}

.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider).active,
.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider):focus:not(.disabled),
.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider):hover:not(.disabled) {
    background-color: #d9e2f9;
    color: #464748
}

.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider).active,
.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider).active:hover {
    background-color: #4765cb;
    color: #fafbfd
}

.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider).disabled {
    color: #c1c2c4
}

.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .table-actions__dropdown+.dropdown-menu {
    max-width: unset
}

.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .swal2-popup .swal2-actions .table-actions__dropdown.swal2-styled,
.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) .table-actions__dropdown.btn,
.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu) button.table-actions__dropdown.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .dropdown:not(.user):not(.notifications-menu) .table-actions__dropdown.swal2-styled {
    padding: .5rem
}

.look-and-feel-v2 .dropdown:not(.user):not(.notifications-menu).show .table-actions__dropdown {
    color: #2f4daa
}

.card-indicator {
    display: flex;
    min-height: 70px;
    height: 85%;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 3px;
    margin-bottom: 16px
}

.card-indicator__percentage {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.card-indicator__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    font-size: 2.813rem;
    margin: 4px
}

.card-indicator__icon .material-icons,
.card-indicator__icon .material-icons-outlined {
    font-size: 2.813rem
}

.card-indicator__container {
    padding: 8px 4px;
    width: 100%
}

.card-indicator__title {
    text-transform: capitalize;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}

.card-indicator__data,
.card-indicator__header {
    display: flex;
    align-items: center
}

.card-indicator__data {
    font-size: 16px;
    line-height: 20px;
    margin-top: 4px;
    margin-bottom: 4px
}

.card-indicator__data .success {
    color: #00a65a
}

.card-indicator__data .danger {
    color: #dd4b39
}

.card-indicator__body {
    margin-top: 4px;
    display: flex;
    flex-direction: column
}

.look-and-feel-v2 .card-indicator {
    border-radius: .75rem;
    box-shadow: 0 6px 12px rgba(36, 37, 39, .14), 0 16px 24px rgba(36, 37, 39, .08);
    background: #f6f7f9;
    border: none
}

.look-and-feel-v2 .card-indicator__title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #091351
}

.look-and-feel-v2 .card-indicator__data {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center
}

.look-and-feel-v2 .card-indicator__data .success {
    color: #82d957
}

.look-and-feel-v2 .card-indicator__data .danger {
    color: #ff7a6f
}

.timeline {
    position: relative;
    margin: 0 0 30px;
    padding: 0;
    list-style: none
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 3px
}

.timeline>li {
    position: relative;
    margin-right: 10px
}

.timeline>li:after {
    display: block;
    clear: both;
    content: ""
}

.timeline>li>.timeline-item {
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative
}

.timeline>li>.timeline-item>.time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: .75rem
}

.timeline>li>.timeline-item>.timeline-header {
    margin: 0;
    color: #666;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 1rem;
    line-height: 1.1
}

.timeline>li>.timeline-item>.timeline-header>a {
    font-weight: 600
}

.timeline>li>.timeline-item>.timeline-body,
.timeline>li>.timeline-item>.timeline-footer {
    padding: 10px
}

.timeline>li>.fa,
.timeline>li>.glyphicon,
.timeline>li>.ion {
    width: 30px;
    height: 30px;
    font-size: .875rem;
    line-height: 1.75rem;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0
}

.timeline>.time-label>span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 3px
}

.timeline-inverse>li>.timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd
}

.timeline-inverse>li>.timeline-item>.timeline-header {
    border-bottom-color: #ddd
}

.timeline-table tr>td {
    padding-right: 16px
}

.timeline-new-value {
    font-weight: 700
}

.timeline-body .mas-opciones {
    background-color: inherit
}

.timeline>li>.far,
.timeline>li>.fas {
    width: 30px;
    height: 30px;
    font-size: .875rem;
    line-height: 1.75rem;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0
}

.look-and-feel-v2 .timeline {
    position: relative;
    margin: 0 0 30px;
    padding: 0;
    list-style: none
}

.look-and-feel-v2 .timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #d2d6de;
    left: 33px;
    margin-top: 60px;
    border-radius: 3px
}

.look-and-feel-v2 .timeline>li {
    position: relative;
    margin-right: 10px
}

.look-and-feel-v2 .timeline>li:after {
    display: block;
    clear: both;
    content: ""
}

.look-and-feel-v2 .timeline>li>.timeline-item {
    border-radius: 3px;
    margin-top: 0;
    background: #fafbfd;
    color: #464748;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative
}

.look-and-feel-v2 .timeline>li>.timeline-item>.time {
    color: #a3a4a5;
    float: right;
    padding: 10px;
    font-size: .75rem
}

.look-and-feel-v2 .timeline>li>.timeline-item>.timeline-header {
    margin: 0;
    color: #797a7c;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 1rem;
    line-height: 1.1
}

.look-and-feel-v2 .timeline>li>.timeline-item>.timeline-header>a {
    font-weight: 600
}

.look-and-feel-v2 .timeline>li>.timeline-item>.timeline-body,
.look-and-feel-v2 .timeline>li>.timeline-item>.timeline-footer {
    padding: 10px
}

.look-and-feel-v2 .timeline>li>.fa,
.look-and-feel-v2 .timeline>li>.glyphicon,
.look-and-feel-v2 .timeline>li>.ion {
    width: 30px;
    height: 30px;
    font-size: .875rem;
    line-height: 1.75rem;
    position: absolute;
    color: #797a7c;
    background: #d9e2f9;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0
}

.look-and-feel-v2 .timeline>.time-label>span {
    font-weight: 600;
    padding: .5rem 60px;
    display: inline-block;
    background: none;
    border-radius: 3px
}

.look-and-feel-v2 .timeline-inverse>li>.timeline-item {
    background: rgba(121, 122, 124, .08);
    border: 0
}

.look-and-feel-v2 .timeline-inverse>li>.timeline-item>.timeline-header {
    border-bottom: 0
}

.look-and-feel-v2 .timeline-table tr>td {
    padding-right: 16px
}

.look-and-feel-v2 .timeline-new-value {
    font-weight: 700
}

.look-and-feel-v2 .timeline-body .mas-opciones {
    background-color: inherit
}

.look-and-feel-v2 .timeline>li>.far,
.look-and-feel-v2 .timeline>li>.fas {
    width: 30px;
    height: 30px;
    font-size: .875rem;
    line-height: 1.75rem;
    position: absolute;
    color: #797a7c;
    background: #d9e2f9;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0
}

.callout {
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee
}

.callout a {
    color: #fff;
    text-decoration: underline
}

.callout a:hover {
    color: #eee
}

.callout h4 {
    margin-top: 0;
    font-weight: 600
}

.callout p:last-child {
    margin-bottom: 0
}

.callout .highlight,
.callout code {
    background-color: #fff
}

.callout.callout-danger {
    border-color: #c23321
}

.callout.callout-warning {
    border-color: #c87f0a
}

.callout.callout-info {
    border-color: #2a6282
}

.callout.callout-success {
    border-color: #00733e
}

.look-and-feel-v2 .callout {
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #f6f7f9
}

.look-and-feel-v2 .callout a {
    color: #fafbfd;
    text-decoration: underline
}

.look-and-feel-v2 .callout a:hover {
    color: #f6f7f9
}

.look-and-feel-v2 .callout h4 {
    margin-top: 0;
    font-weight: 600
}

.look-and-feel-v2 .callout p:last-child {
    margin-bottom: 0
}

.look-and-feel-v2 .callout .highlight,
.look-and-feel-v2 .callout code {
    background-color: #fafbfd
}

.look-and-feel-v2 .callout.callout-danger {
    border-color: #ff4b3c
}

.look-and-feel-v2 .callout.callout-warning {
    border-color: #eca307
}

.look-and-feel-v2 .callout.callout-info {
    border-color: #243b82
}

.look-and-feel-v2 .callout.callout-success {
    border-color: #63ce2f
}

.alert {
    border-radius: .5rem
}

.alert__scroll {
    overflow-y: auto;
    max-height: 300px
}

.alert_container .material-icons {
    font-size: 1.5rem;
    margin-right: 10px
}

.alert_container__title {
    font-weight: 600
}

.alert_container__content {
    font-weight: 500;
    padding-top: 2px
}

.alert_close span {
    font-weight: 600
}

.alert_soft__danger {
    background: #ffd1bc;
    color: #7a102c
}

.alert_soft__success {
    background: #cdf3aa;
    color: #074608
}

.alert_soft__warning {
    background: #fddd80;
    color: #662102
}

.alert_soft__info {
    background: #d9e2f9;
    color: #091351
}

.alert_solid__danger {
    background: #ffb29a;
    color: #7a102c
}

.alert_solid__success {
    background: #a8ec7b;
    color: #074608
}

.alert_solid__warning {
    background: #fbcf60;
    color: #662102
}

.alert_solid__info {
    background: #bac6ec;
    color: #091351
}

.alert {
    text-align: center
}

.alert h4 {
    font-weight: 600
}

.alert .bux-card .bux-card-head .head-avatar i,
.alert .icon,
.bux-card .bux-card-head .head-avatar .alert i {
    margin-right: 10px
}

.alert .close {
    color: #000;
    filter: alpha(opacity=20);
    opacity: .2
}

.alert .close:hover {
    filter: alpha(opacity=50);
    opacity: .5
}

.alert a {
    color: #fff;
    text-decoration: underline
}

.alert-success {
    border-color: #008d4c
}

.alert-danger,
.alert-error {
    border-color: #d73925
}

.alert-warning {
    border-color: #e08e0b
}

.alert-info {
    border-color: #307096
}

.bg-danger {
    background-color: #f2dede!important;
    border-color: #f5c6cb
}

.bg-warning {
    background-color: #fff3cd!important;
    border-color: #ffeeba
}

.alert.error-explanation {
    text-align: left;
    overflow-y: auto;
    max-height: 300px
}

.look-and-feel-v2 .alert {
    text-align: center
}

.look-and-feel-v2 .alert h4 {
    font-weight: 600
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2 .alert i,
.look-and-feel-v2 .alert .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2 .alert .icon,
.look-and-feel-v2 .bux-card .bux-card-head .head-avatar .alert i {
    margin-right: 10px
}

.look-and-feel-v2 .alert .close {
    color: #242527;
    filter: alpha(opacity=20);
    opacity: .2
}

.look-and-feel-v2 .alert .close:hover {
    filter: alpha(opacity=50);
    opacity: .5
}

.look-and-feel-v2 .alert a {
    color: #fafbfd;
    text-decoration: underline
}

.look-and-feel-v2 .alert-success {
    border-color: #73d442
}

.look-and-feel-v2 .alert-danger,
.look-and-feel-v2 .alert-error {
    border-color: #ff6256
}

.look-and-feel-v2 .alert-warning {
    border-color: #f8b014
}

.look-and-feel-v2 .alert-info {
    border-color: #294496
}

.look-and-feel-v2 .bg-danger {
    background-color: #ffe0cd!important;
    border-color: #ffd1bc
}

.look-and-feel-v2 .bg-warning {
    background-color: #fddd80!important;
    border-color: #fbcf60
}

.look-and-feel-v2 .alert.error-explanation {
    text-align: left;
    overflow-y: auto;
    max-height: 300px
}

.badge {
    color: #fff
}

.badge.badge-default {
    background-color: #d2d6de;
    color: #444
}

.look-and-feel-v2 .badge {
    color: #fafbfd
}

.look-and-feel-v2 .badge.badge-default {
    background-color: rgba(47, 77, 170, .16);
    color: #091351
}

.look-and-feel-v1 .modal {
    background: rgba(0, 0, 0, .3)
}

.look-and-feel-v1 .modal .card-body {
    color: #444
}

.look-and-feel-v1 .modal-content {
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    border: 0
}

.look-and-feel-v1 .modal-header {
    border-bottom-color: #f4f4f4
}

.look-and-feel-v1 .modal-header .modal-title {
    font-size: 1.5rem
}

.look-and-feel-v1 .modal-header .modal-icon {
    margin-top: 2px
}

.look-and-feel-v1 .modal-footer {
    display: block;
    border-top-color: #f4f4f4;
    padding: 0 .75rem
}

.look-and-feel-v2 .modal {
    background: rgba(0, 0, 0, .3)
}

.look-and-feel-v2 .modal .card-body {
    color: #464748
}

.look-and-feel-v2 .modal-content {
    background: #f6f7f9;
    border-radius: .5rem;
    box-shadow: 0 6px 12px rgba(36, 37, 39, .14), 0 16px 24px rgba(36, 37, 39, .08);
    border: 0;
    min-height: 300px
}

.look-and-feel-v2 .modal-content.no-min-height {
    min-height: auto
}

.look-and-feel-v2 .modal-header {
    background: #2f4daa;
    color: #fafbfd;
    padding: 1rem;
    justify-content: flex-start;
    align-items: center
}

.look-and-feel-v2 .modal-header .modal-icon {
    color: #f99304
}

.look-and-feel-v2 .modal-header .modal-title {
    color: #fafbfd
}

.look-and-feel-v2 .modal-header .close {
    position: absolute;
    right: 0;
    margin: 0;
    opacity: 1;
    color: #fafbfd
}

.look-and-feel-v2 .modal-header .close>span {
    display: flex
}

.look-and-feel-v2 .modal-header .close:not(:disabled):not(.disabled):focus,
.look-and-feel-v2 .modal-header .close:not(:disabled):not(.disabled):hover {
    opacity: 1
}

.look-and-feel-v2 .modal-body {
    padding: 1rem;
    overflow-x: hidden
}

.look-and-feel-v2 .modal-body .footer-actions {
    padding: 0!important
}

.look-and-feel-v2 .modal-body .modal-footer {
    display: flex;
    padding: 0!important
}

.look-and-feel-v2 .modal-footer {
    display: block;
    border-top-color: transparent;
    padding: 0 1rem
}

.look-and-feel-v2 .modal.modal-no-full-height .modal-dialog-scrollable {
    max-height: none!important
}

.look-and-feel-v2 .modal.modal-no-full-height .modal-dialog-scrollable .modal-content {
    overflow: inherit!important;
    max-height: 100%!important
}

.look-and-feel-v2 .modal.modal-no-full-height .modal-dialog-scrollable .modal-content .modal-body {
    overflow: inherit!important
}

.look-and-feel-v2 .modal#modal-no-full-height .modal-content {
    overflow: inherit!important;
    max-height: 100%!important
}

.look-and-feel-v2 .modal#modal-no-full-height .modal-content .modal-body {
    overflow: inherit!important
}

.look-and-feel-v2 .modal-dialog-scrollable.modaljs .modal-body {
    padding-bottom: 0
}

.look-and-feel-v2 .modal-dialog-scrollable.modaljs .modal-body .footer-actions {
    background: #f6f7f9;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
}

@media(max-width:960px) {
    .modal-dialog {
        max-width: 100%;
        margin: 10px
    }
}

@media(min-width:960px) {
    .modal-lg {
        max-width: 900px
    }
    .modal-md {
        max-width: 600px
    }
    .modal-xl {
        width: 90%;
        max-width: 1200px
    }
}

.direct-chat-img {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px
}

.right .direct-chat-img {
    float: right
}

.users-list>li {
    width: 25%;
    float: left;
    padding: 10px;
    text-align: center
}

.users-list>li img {
    border-radius: 50%;
    max-width: 100%;
    height: auto
}

.users-list>li>a:hover,
.users-list>li>a:hover .users-list-name {
    color: #999
}

.users-list-date,
.users-list-name {
    display: block
}

.users-list-name {
    font-weight: 600;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.users-list-date {
    color: #999;
    font-size: .75rem
}

.look-and-feel-v2 .users-list>li {
    width: 25%;
    float: left;
    padding: 10px;
    text-align: center
}

.look-and-feel-v2 .users-list>li img {
    border-radius: 50%;
    max-width: 100%;
    height: auto
}

.look-and-feel-v2 .users-list>li>a:hover,
.look-and-feel-v2 .users-list>li>a:hover .users-list-name {
    color: #a3a4a5
}

.look-and-feel-v2 .users-list-date,
.look-and-feel-v2 .users-list-name {
    display: block
}

.look-and-feel-v2 .users-list-name {
    font-weight: 600;
    color: #464748;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.look-and-feel-v2 .users-list-date {
    color: #a3a4a5;
    font-size: .75rem
}

.treeview-menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 0 0 5px
}

.treeview-menu .treeview-menu {
    padding-left: 20px
}

.treeview-menu>li {
    margin: 0;
    padding-left: 24px
}

.treeview-menu>li>a {
    padding: 5px 5px 5px 15px;
    display: block;
    font-size: .875rem
}

.treeview-menu>li>a>.fa,
.treeview-menu>li>a>.glyphicon,
.treeview-menu>li>a>.ion {
    width: 20px
}

.treeview-menu>li>a>.material-icons,
.treeview-menu>li>a>.material-icons-outlined {
    font-size: 22px
}

.area-breadcumbs {
    white-space: nowrap
}

.area-breadcumbs>ul {
    padding-left: 20px
}

.look-and-feel-v2 .treeview-menu,
.look-and-feel-v2 .treeview-menu>li {
    padding-left: 0
}

.look-and-feel-v2 .treeview-menu>li>a {
    padding: 9px 0 9px 20px;
    transition: .3s ease-in-out
}

.look-and-feel-v2 .treeview-menu>li .treeview-menu>li>a {
    padding: 9px 9px 9px 44px
}

.look-and-feel-v2 .select2-container--default.select2-container--focus,
.look-and-feel-v2 .select2-container--default:active,
.look-and-feel-v2 .select2-container--default:focus,
.look-and-feel-v2 .select2-selection.select2-container--focus,
.look-and-feel-v2 .select2-selection:active,
.look-and-feel-v2 .select2-selection:focus {
    outline: none
}

.look-and-feel-v2 .select2-container--default .select2-selection--single,
.look-and-feel-v2 .select2-selection .select2-selection--single {
    border: 1px solid #e4e5e7;
    border-radius: 4px;
    padding: 6px 12px;
    height: 34px;
    background-color: #fafbfd
}

.look-and-feel-v2 .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.look-and-feel-v2 .select2-container--default.select2-container--open {
    border-color: #2f4daa
}

.look-and-feel-v2 .select2-dropdown {
    border: 1px solid #e4e5e7;
    border-radius: 0
}

.look-and-feel-v2 .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2f4daa;
    color: #fafbfd
}

.look-and-feel-v2 .select2-results__option {
    padding: 6px 12px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.look-and-feel-v2 .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    height: auto;
    margin-top: -4px
}

.look-and-feel-v2 .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 6px;
    padding-left: 20px
}

.look-and-feel-v2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    right: 3px
}

.look-and-feel-v2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 0;
    border-color: #2f4daa transparent transparent
}

.look-and-feel-v2 .select2-dropdown .select2-search__field,
.look-and-feel-v2 .select2-search--inline .select2-search__field {
    border-color: #2f4daa!important
}

.look-and-feel-v2 .select2-dropdown .select2-search__field:focus,
.look-and-feel-v2 .select2-search--inline .select2-search__field:focus {
    outline: none
}

.look-and-feel-v2 .select2-container--default.select2-container--focus .select2-selection--multiple,
.look-and-feel-v2 .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #2f4daa!important
}

.look-and-feel-v2 .select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.look-and-feel-v2 .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #d9e2f9
}

.look-and-feel-v2 .select2-container--default .select2-results__option[aria-selected=true],
.look-and-feel-v2 .select2-container--default .select2-results__option[aria-selected=true]:hover {
    color: #444
}

.look-and-feel-v2 .select2-container--default .select2-selection--multiple {
    border: 1px solid #e4e5e7;
    border-radius: 0
}

.look-and-feel-v2 .select2-container--default .select2-selection--multiple:focus {
    border-color: #2f4daa
}

.look-and-feel-v2 .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #e4e5e7
}

.look-and-feel-v2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #2f4daa;
    border-color: #294496;
    padding: 1px 10px;
    color: #fafbfd
}

.look-and-feel-v2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    color: hsla(0, 0%, 100%, .7)
}

.look-and-feel-v2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fafbfd
}

.look-and-feel-v2 .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px
}

.look-and-feel-v1 .select2-container--default.select2-container--focus,
.look-and-feel-v1 .select2-container--default:active,
.look-and-feel-v1 .select2-container--default:focus,
.look-and-feel-v1 .select2-selection.select2-container--focus,
.look-and-feel-v1 .select2-selection:active,
.look-and-feel-v1 .select2-selection:focus {
    outline: none
}

.look-and-feel-v1 .select2-container--default .select2-selection--single,
.look-and-feel-v1 .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 12px;
    height: 34px
}

.look-and-feel-v1 .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.look-and-feel-v1 .select2-container--default.select2-container--open {
    border-color: #3c8dbc
}

.look-and-feel-v1 .select2-dropdown {
    border: 1px solid #d2d6de;
    border-radius: 0
}

.look-and-feel-v1 .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3c8dbc;
    color: #fff
}

.look-and-feel-v1 .select2-results__option {
    padding: 6px 12px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.look-and-feel-v1 .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    height: auto;
    margin-top: -4px
}

.look-and-feel-v1 .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 6px;
    padding-left: 20px
}

.look-and-feel-v1 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    right: 3px
}

.look-and-feel-v1 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 0
}

.look-and-feel-v1 .select2-dropdown .select2-search__field,
.look-and-feel-v1 .select2-search--inline .select2-search__field {
    border: 1px solid #d2d6de
}

.look-and-feel-v1 .select2-dropdown .select2-search__field:focus,
.look-and-feel-v1 .select2-search--inline .select2-search__field:focus {
    outline: none
}

.look-and-feel-v1 .select2-container--default.select2-container--focus .select2-selection--multiple,
.look-and-feel-v1 .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #3c8dbc!important
}

.look-and-feel-v1 .select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.look-and-feel-v1 .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.look-and-feel-v1 .select2-container--default .select2-results__option[aria-selected=true],
.look-and-feel-v1 .select2-container--default .select2-results__option[aria-selected=true]:hover {
    color: #444
}

.look-and-feel-v1 .select2-container--default .select2-selection--multiple {
    border: 1px solid #d2d6de;
    border-radius: 0
}

.look-and-feel-v1 .select2-container--default .select2-selection--multiple:focus {
    border-color: #3c8dbc
}

.look-and-feel-v1 .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #d2d6de
}

.look-and-feel-v1 .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc;
    border-color: #367fa9;
    padding: 1px 10px;
    color: #fff
}

.look-and-feel-v1 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    color: hsla(0, 0%, 100%, .7)
}

.look-and-feel-v1 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff
}

.look-and-feel-v1 .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px
}

.toolbar-responsive {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

@media(max-width:319px) {
    .toolbar-responsive {
        display: block
    }
    .toolbar-responsive div:first-child {
        width: 100%
    }
    .toolbar-responsive div:last-child {
        float: right
    }
}

.footer-actions {
    display: flex;
    justify-content: space-between
}

.footer-actions a,
.footer-actions button {
    min-width: 100px
}

@media(max-width:960px) {
    .footer-actions a,
    .footer-actions button {
        min-width: auto
    }
}

@media(max-width:319px) {
    .footer-actions {
        display: block
    }
    .footer-actions div {
        width: 100%
    }
    .footer-actions div a,
    .footer-actions div button {
        margin-top: 8px;
        margin-bottom: 8px;
        width: 100%
    }
}

.sort_widget_parent {
    display: flex;
    float: right
}

.sort_widget_parent label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

.sort_widget_parent select {
    height: 34px;
    margin-right: 8px;
    width: 152px
}

.sort_widget_parent button {
    align-self: flex-end
}

.switch__content {
    height: 33px;
    display: flex;
    align-items: center
}

.switch__icon {
    color: #4765cb
}

.switch__status {
    width: 120px;
    font-size: 1rem;
    font-weight: 500;
    color: #656668
}

.switch .custom-switch {
    height: 28px
}

.switch .custom-switch .custom-control-label:before {
    left: 0;
    top: 0;
    height: 1.75rem;
    width: 3rem;
    border-radius: 2.12rem;
    border: 1px solid #c1c2c4;
    background: #c1c2c4;
    transition: .4s
}

.switch .custom-switch .custom-control-label:after {
    width: calc(1.75rem - 6px);
    height: calc(1.75rem - 6px);
    border-radius: 3.41667rem;
    top: 3px;
    left: 5px;
    border: 1px solid #fafbfd;
    background: #fafbfd;
    transition: .4s
}

.switch .custom-switch .custom-control-input {
    height: 1.75rem;
    width: 3rem;
    z-index: 1;
    cursor: pointer
}

.switch .custom-switch .custom-control-input:checked~.custom-control-label:after {
    transform: translateX(1.05rem)
}

.switch .custom-switch .custom-control-input:checked~.custom-control-label:before {
    border-color: #82d957;
    background-color: #82d957
}

.switch .custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #c1c2c4;
    background: #c1c2c4
}

.switch .custom-switch .custom-control-input:disabled~.custom-control-label:before {
    border-color: #e4e5e7;
    background-color: #e4e5e7
}

.switch .custom-switch .custom-control-input:disabled~.custom-control-label:after {
    background-color: #c1c2c4;
    border-color: #c1c2c4
}

.look-and-feel-v1 .pending-task-configuration-body .pending-task-category {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    padding: 12px;
    margin-bottom: 24px
}

.look-and-feel-v1 .pending-task-configuration-body .pending-task-category .pending-task-category-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 26px
}

.look-and-feel-v1 .pending-task-configuration-body .pending-task-category .pending-task-option-check {
    display: inline-block;
    margin-right: 16px;
    font-size: 14px;
    line-height: 18px
}

.look-and-feel-v1 .pending-task-configuration-body :last-child {
    margin-bottom: 0
}

.look-and-feel-v1 .pending-task-configuration-title {
    display: inline-block;
    font-size: 21px;
    line-height: 26px
}

.look-and-feel-v1 button.close-pending-task-config-modal {
    position: absolute;
    right: 10px
}

.look-and-feel-v2 .pending-task-configuration-body .pending-task-category {
    border-radius: 3px;
    border: 1px solid rgba(47, 77, 170, .32);
    padding: .75rem;
    margin-bottom: 1.5rem
}

.look-and-feel-v2 .pending-task-configuration-body .pending-task-category .pending-task-category-title {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527;
    margin-bottom: 26px
}

.look-and-feel-v2 .pending-task-configuration-body .pending-task-category .pending-task-option-check {
    display: inline-block;
    margin-right: 1rem;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #242527
}

.look-and-feel-v2 .pending-task-configuration-body :last-child {
    margin-bottom: 0
}

.look-and-feel-v2 .pending-task-configuration-title {
    display: inline-block;
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #091351
}

.look-and-feel-v2 button.close-pending-task-config-modal {
    position: absolute;
    right: 10px
}

.look-and-feel-v1 .form-summary {
    margin-bottom: 12px
}

.look-and-feel-v1 .form-summary .form-summary_title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}

.look-and-feel-v1 .form-summary .form-summary_item {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

.look-and-feel-v1 .form-summary .form-summary_item .item_subtitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #999
}

.look-and-feel-v1 .form-summary hr {
    margin: 12px -12px
}

.look-and-feel-v2 .form-summary {
    margin-bottom: 40px
}

.look-and-feel-v2 .form-summary .form-summary_title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #091351
}

.look-and-feel-v2 .form-summary .form-summary_item {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527;
    color: #797a7c
}

.look-and-feel-v2 .form-summary .form-summary_item .item_subtitle {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527
}

.look-and-feel-v2 .form-summary-flat {
    border: 0;
    padding: 0;
    margin-bottom: 8px
}

.look-and-feel-v2 .form-summary hr {
    margin: .75rem -12px
}

.look-and-feel-v1 .currency-input {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

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

.look-and-feel-v1 .form-group .control-label+.checkbox {
    margin-top: 0;
    margin-bottom: 0
}

.look-and-feel-v1 .form-check span[data-toggle=tooltip] {
    display: inline-block
}

.look-and-feel-v1 .form-check span[data-toggle=tooltip] .material-icons {
    margin-left: .25rem
}

.look-and-feel-v1 .form-check-input {
    margin: 4px 0 4px -1.25rem
}

.look-and-feel-v1 .input-group>.select {
    width: 100%
}

.look-and-feel-v2 .form-check span[data-toggle=tooltip] {
    display: inline-block
}

.look-and-feel-v2 .form-check span[data-toggle=tooltip] .material-icons {
    margin-left: .25rem
}

.datepicker-dropdown.datepicker-orient-top:after,
.datepicker-dropdown.datepicker-orient-top:before {
    display: none
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    color: #999
}

.chip {
    font-size: .75rem
}

.chip .material-icons {
    font-size: .875rem;
    margin: -1px 0
}

.badge-default {
    background-color: #d2d6de;
    color: #444
}

.look-and-feel-v2 .chip {
    font-size: .75rem
}

.look-and-feel-v2 .chip .material-icons {
    font-size: .875rem;
    margin: -1px 0
}

.look-and-feel-v2 .badge-default {
    background-color: rgba(47, 77, 170, .16);
    color: #091351
}

.glyphicon-ok:before {
    content: ""
}

.glyphicon-remove:before {
    content: ""
}

.glyphicon {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal
}

.editableform {
    margin-bottom: 0
}

.form-horizontal .editable-popup .editableform .form-group {
    margin-left: 0;
    margin-right: 0
}

.editableform .form-control {
    width: auto;
    height: 30px;
    padding: 2px 8px
}

.editable-buttons {
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    zoom: 1;
    *display: inline
}

.editable-buttons.editable-buttons-bottom {
    display: block;
    margin-top: 7px;
    margin-left: 0
}

.editable-input {
    vertical-align: top;
    display: inline-block;
    width: auto;
    white-space: normal;
    zoom: 1;
    *display: inline
}

.editable-buttons .editable-cancel {
    margin-left: 7px
}

.editable-buttons button.ui-button-icon-only {
    height: 24px;
    width: 30px
}

.editableform-loading {
    height: 25px;
    width: auto;
    min-width: 25px
}

.editable-inline .editableform-loading {
    background-position: left 5px
}

.editable-error-block {
    max-width: 300px;
    margin: 5px 0 0;
    width: auto;
    white-space: normal
}

.editable-error-block.ui-state-error {
    padding: 3px
}

.editable-sm .control-group.form-group {
    white-space: normal
}

@media(min-width:320px) {
    .editable-sm .control-group.form-group {
        flex: auto
    }
}

.editable-sm .editableform .form-control {
    width: 100%
}

.editable-sm .editable-buttons {
    margin-left: 0;
    margin-top: 12px
}

.look-and-feel-v1 .bs-wizard,
.look-and-feel-v1 .bs-wizard-center {
    justify-content: center;
    display: flex
}

.look-and-feel-v1 .bs-wizard {
    margin: 2rem 0
}

.look-and-feel-v1 .bs-wizard .bs-wizard-step {
    padding: 0
}

.look-and-feel-v1 .bs-wizard .bs-wizard-step .bs-wizard-dot {
    color: #888;
    float: right;
    position: relative
}

.look-and-feel-v1 .bs-wizard .bs-wizard-step .progress-line {
    position: relative;
    top: 50%;
    right: 8px;
    height: 8px;
    background-color: #999
}

.look-and-feel-v1 .bs-wizard .bs-wizard-step:not(:first-child) {
    flex-grow: 1
}

.look-and-feel-v1 .bs-wizard .bs-wizard-step:first-child .progress-line {
    width: 0
}

.look-and-feel-v1 .bs-wizard .bs-wizard-title {
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: .75rem
}

.look-and-feel-v1 .bs-wizard .bs-wizard-title.completed {
    color: #3c8dbc
}

.look-and-feel-v1 .bs-wizard .bs-wizard-title.finished {
    color: #62b84c
}

.look-and-feel-v1 .bs-wizard .bs-wizard-step.completed .bs-wizard-dot {
    color: #3c8dbc
}

.look-and-feel-v1 .bs-wizard .bs-wizard-step.completed .progress-line {
    background-color: #3c8dbc
}

.look-and-feel-v1 .bs-wizard .bs-wizard-step.finished .bs-wizard-dot {
    color: #62b84c
}

.look-and-feel-v1 .bs-wizard .bs-wizard-step.finished .progress-line {
    background-color: #62b84c
}

.look-and-feel-v2 .bs-wizard,
.look-and-feel-v2 .bs-wizard-center {
    justify-content: center;
    display: flex
}

.look-and-feel-v2 .bs-wizard {
    margin: 2rem 0
}

.look-and-feel-v2 .bs-wizard .bs-wizard-step {
    padding: 0
}

.look-and-feel-v2 .bs-wizard .bs-wizard-step .bs-wizard-dot {
    color: #a3a4a5;
    float: right;
    position: relative
}

.look-and-feel-v2 .bs-wizard .bs-wizard-step .progress-line {
    position: relative;
    top: 50%;
    right: 8px;
    height: 8px;
    background-color: #a3a4a5
}

.look-and-feel-v2 .bs-wizard .bs-wizard-step:not(:first-child) {
    flex-grow: 1
}

.look-and-feel-v2 .bs-wizard .bs-wizard-step:first-child .progress-line {
    width: 0
}

.look-and-feel-v2 .bs-wizard .bs-wizard-title {
    color: #797a7c;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: .75rem
}

.look-and-feel-v2 .bs-wizard .bs-wizard-title.completed {
    color: #2f4daa
}

.look-and-feel-v2 .bs-wizard .bs-wizard-title.finished {
    color: #82d957
}

.look-and-feel-v2 .bs-wizard .bs-wizard-step.completed .bs-wizard-dot {
    color: #2f4daa
}

.look-and-feel-v2 .bs-wizard .bs-wizard-step.completed .progress-line {
    background-color: #2f4daa
}

.look-and-feel-v2 .bs-wizard .bs-wizard-step.finished .bs-wizard-dot {
    color: #82d957
}

.look-and-feel-v2 .bs-wizard .bs-wizard-step.finished .progress-line {
    background-color: #82d957
}

.toggle_buttons {
    display: flex;
    padding: .5rem 0;
    overflow-y: auto
}

.toggle_buttons .btn-group {
    margin: 0 auto!important
}

.toggle_buttons label {
    margin-bottom: 0
}

.look-and-feel-v2 .swal2-popup .swal2-actions .toggle_buttons .swal2-styled,
.toggle_buttons .btn,
.toggle_buttons .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.toggle_buttons button.upload-result {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 0
}

.look-and-feel-v2 .swal2-popup .swal2-actions .toggle_buttons .btn-default.btn-sm.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .toggle_buttons .btn-group-sm>.btn-default.swal2-styled,
.toggle_buttons .btn-group-sm>.btn.btn-default,
.toggle_buttons .btn-group-sm>button.btn-default.upload-result,
.toggle_buttons .btn.btn-default.btn-sm,
.toggle_buttons .look-and-feel-v2 .swal2-popup .swal2-actions .btn-default.btn-sm.swal2-styled,
.toggle_buttons .look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-sm>.btn-default.swal2-styled,
.toggle_buttons button.btn-default.btn-sm.upload-result {
    min-width: 40px;
    min-height: 40px;
    border-color: #e6e6e6!important
}

.look-and-feel-v2 .swal2-popup .swal2-actions .toggle_buttons .btn-group-lg>.btn-primary.swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .toggle_buttons .btn-group-lg>.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions .toggle_buttons .btn-lg.swal2-styled.swal2-confirm,
.look-and-feel-v2 .swal2-popup .swal2-actions .toggle_buttons .btn-primary.btn-lg.swal2-styled,
.toggle_buttons .btn-group-lg>.btn.btn-primary,
.toggle_buttons .btn-group-lg>button.upload-result,
.toggle_buttons .btn.btn-primary.btn-lg,
.toggle_buttons .look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-lg>.btn-primary.swal2-styled,
.toggle_buttons .look-and-feel-v2 .swal2-popup .swal2-actions .btn-group-lg>.swal2-styled.swal2-confirm,
.toggle_buttons .look-and-feel-v2 .swal2-popup .swal2-actions .btn-lg.swal2-styled.swal2-confirm,
.toggle_buttons .look-and-feel-v2 .swal2-popup .swal2-actions .btn-primary.btn-lg.swal2-styled,
.toggle_buttons button.btn-lg.upload-result {
    min-width: 50px;
    min-height: 50px
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4!important;
    grid-row: 1/4!important;
    grid-template-columns: 1fr 99fr 1fr;
    padding: 1em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, .075), 0 1px 2px rgba(0, 0, 0, .075), 1px 2px 4px rgba(0, 0, 0, .075), 1px 3px 8px rgba(0, 0, 0, .075), 2px 4px 16px rgba(0, 0, 0, .075);
    pointer-events: all
}

.swal2-popup.swal2-toast>* {
    grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: left;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
    height: 2em;
    margin: .5em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    grid-column: 3/3;
    grid-row: 1/99;
    align-self: center;
    width: .8em;
    height: .8em;
    margin: 0;
    font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: .5em 1em;
    padding: 0;
    overflow: visible;
    overflow: initial;
    font-size: 1em;
    text-align: left;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
    padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: 700
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    justify-content: flex-start;
    height: auto;
    margin: .5em 0 0;
    padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: .25em .5em;
    padding: .4em .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.8em;
    left: -.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-toast-animate-success-line-tip .75s;
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-toast-animate-success-line-long .75s;
    animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: swal2-toast-show .5s;
    animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    -webkit-animation: swal2-toast-hide .1s forwards;
    animation: swal2-toast-hide .1s forwards
}

.swal2-container {
    display: grid;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, .4)
}

.swal2-container.swal2-backdrop-hide {
    background: transparent!important
}

.swal2-container.swal2-bottom-start,
.swal2-container.swal2-center-start,
.swal2-container.swal2-top-start {
    grid-template-columns: minmax(0, 1fr) auto auto
}

.swal2-container.swal2-bottom,
.swal2-container.swal2-center,
.swal2-container.swal2-top {
    grid-template-columns: auto minmax(0, 1fr) auto
}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-center-end,
.swal2-container.swal2-top-end {
    grid-template-columns: auto auto minmax(0, 1fr)
}

.swal2-container.swal2-top-start>.swal2-popup {
    align-self: start
}

.swal2-container.swal2-top>.swal2-popup {
    grid-column: 2;
    align-self: start;
    justify-self: center
}

.swal2-container.swal2-top-end>.swal2-popup,
.swal2-container.swal2-top-right>.swal2-popup {
    grid-column: 3;
    align-self: start;
    justify-self: end
}

.swal2-container.swal2-center-left>.swal2-popup,
.swal2-container.swal2-center-start>.swal2-popup {
    grid-row: 2;
    align-self: center
}

.swal2-container.swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center
}

.swal2-container.swal2-center-end>.swal2-popup,
.swal2-container.swal2-center-right>.swal2-popup {
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    justify-self: end
}

.swal2-container.swal2-bottom-left>.swal2-popup,
.swal2-container.swal2-bottom-start>.swal2-popup {
    grid-column: 1;
    grid-row: 3;
    align-self: end
}

.swal2-container.swal2-bottom>.swal2-popup {
    grid-column: 2;
    grid-row: 3;
    justify-self: center;
    align-self: end
}

.swal2-container.swal2-bottom-end>.swal2-popup,
.swal2-container.swal2-bottom-right>.swal2-popup {
    grid-column: 3;
    grid-row: 3;
    align-self: end;
    justify-self: end
}

.swal2-container.swal2-grow-fullscreen>.swal2-popup,
.swal2-container.swal2-grow-row>.swal2-popup {
    grid-column: 1/4;
    width: 100%
}

.swal2-container.swal2-grow-column>.swal2-popup,
.swal2-container.swal2-grow-fullscreen>.swal2-popup {
    grid-row: 1/4;
    align-self: stretch
}

.swal2-container.swal2-no-transition {
    transition: none!important
}

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 100%);
    width: 32em;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    color: #545454;
    font-family: inherit;
    font-size: 1rem
}

.swal2-popup:focus {
    outline: none
}

.swal2-popup.swal2-loading {
    overflow-y: hidden
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: .8em 1em 0;
    color: inherit;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

.swal2-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 1.25em auto 0;
    padding: 0
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.swal2-loader {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-radius: 100%;
    border-color: #2778c4 transparent;
    border-style: solid;
    border-width: .25em
}

.swal2-styled {
    margin: .3125em;
    padding: .625em 1.1em;
    transition: box-shadow .1s;
    box-shadow: 0 0 0 3px transparent;
    font-weight: 500
}

.swal2-styled:not([disabled]) {
    cursor: pointer
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    background-color: #7066e0;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(112, 102, 224, .5)
}

.swal2-styled.swal2-deny {
    border: 0;
    border-radius: .25em;
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    background-color: #dc3741;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-deny:focus {
    box-shadow: 0 0 0 3px rgba(220, 55, 65, .5)
}

.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    background-color: #6e7881;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(110, 120, 129, .5)
}

.swal2-styled.swal2-default-outline:focus {
    box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-styled:focus {
    outline: none
}

.swal2-styled::-moz-focus-inner {
    border: 0
}

.swal2-footer {
    justify-content: center;
    margin: 1em 0 0;
    padding: 1em 1em 0;
    border-top: 1px solid #eee;
    color: inherit;
    font-size: 1em
}

.swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column: auto!important;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.swal2-timer-progress-bar {
    width: 100%;
    height: .25em;
    background: rgba(0, 0, 0, .2)
}

.swal2-image {
    max-width: 100%;
    margin: 2em auto 1em
}

.swal2-close {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s, box-shadow .1s;
    border: none;
    border-radius: 5px;
    background: transparent;
    color: #ccc;
    font-family: serif;
    font-family: monospace;
    font-size: 2.5em;
    cursor: pointer;
    justify-self: end
}

.swal2-close:hover {
    transform: none;
    background: transparent;
    color: #f27474
}

.swal2-close:focus {
    outline: none;
    box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-close::-moz-focus-inner {
    border: 0
}

.swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    overflow: auto;
    color: inherit;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-select,
.swal2-textarea {
    margin: 1em 2em 3px
}

.swal2-file,
.swal2-input,
.swal2-textarea {
    box-sizing: border-box;
    width: auto;
    transition: border-color .1s, box-shadow .1s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: transparent;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;
    color: inherit;
    font-size: 1.125em
}

.swal2-file.swal2-inputerror,
.swal2-input.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
    border-color: #f27474!important;
    box-shadow: 0 0 2px #f27474!important
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-file::-moz-placeholder,
.swal2-input::-moz-placeholder,
.swal2-textarea::-moz-placeholder {
    color: #ccc
}

.swal2-file:-ms-input-placeholder,
.swal2-input:-ms-input-placeholder,
.swal2-textarea:-ms-input-placeholder {
    color: #ccc
}

.swal2-file::placeholder,
.swal2-input::placeholder,
.swal2-textarea::placeholder {
    color: #ccc
}

.swal2-range {
    margin: 1em 2em 3px;
    background: #fff
}

.swal2-range input {
    width: 80%
}

.swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center
}

.swal2-range input,
.swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

.swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

.swal2-file {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background: transparent;
    font-size: 1.125em
}

.swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: transparent;
    color: inherit;
    font-size: 1.125em
}

.swal2-checkbox,
.swal2-radio {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit
}

.swal2-checkbox label,
.swal2-radio label {
    margin: 0 .6em;
    font-size: 1.125em
}

.swal2-checkbox input,
.swal2-radio input {
    flex-shrink: 0;
    margin: 0 .4em
}

.swal2-input-label {
    display: flex;
    justify-content: center;
    margin: 1em auto 0
}

.swal2-validation-message {
    align-items: center;
    justify-content: center;
    margin: 1em 0 0;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

.swal2-validation-message:before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    border-radius: 50%;
    border: .25em solid #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-error.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
    -webkit-animation: swal2-animate-error-x-mark .5s;
    animation: swal2-animate-error-x-mark .5s
}

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-warning.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
    -webkit-animation: swal2-animate-i-mark .5s;
    animation: swal2-animate-i-mark .5s
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-info.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
    -webkit-animation: swal2-animate-i-mark .8s;
    animation: swal2-animate-i-mark .8s
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-question.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
    -webkit-animation: swal2-animate-question-mark .8s;
    animation: swal2-animate-question-mark .8s
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0;
    background: transparent;
    font-weight: 600
}

.swal2-progress-steps li {
    display: inline-block;
    position: relative
}

.swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #2778c4;
    color: #fff;
    line-height: 2em;
    text-align: center
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
    background: #add8e6;
    color: #fff
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: #add8e6
}

.swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #2778c4
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s
}

.swal2-hide {
    -webkit-animation: swal2-hide .15s forwards;
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    margin-right: 0;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

.leave-russia-now-and-apply-your-skills-to-the-world {
    display: flex;
    position: fixed;
    z-index: 1939;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px 0 20px;
    background: #20232a;
    color: #fff;
    text-align: center
}

.leave-russia-now-and-apply-your-skills-to-the-world div {
    max-width: 560px;
    margin: 10px;
    line-height: 146%
}

.leave-russia-now-and-apply-your-skills-to-the-world iframe {
    max-width: 100%;
    max-height: 55.55556vmin;
    margin: 16px auto
}

.leave-russia-now-and-apply-your-skills-to-the-world strong {
    border-bottom: 2px dashed #fff
}

.leave-russia-now-and-apply-your-skills-to-the-world button {
    display: flex;
    position: fixed;
    z-index: 1940;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-right: 10px;
    margin-bottom: -10px;
    border: none;
    background: transparent;
    color: #aaa;
    font-size: 48px;
    font-weight: 700;
    cursor: pointer
}

.leave-russia-now-and-apply-your-skills-to-the-world button:hover {
    color: #fff
}

@-webkit-keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotate(2deg)
    }
    33% {
        transform: translateY(0) rotate(-2deg)
    }
    66% {
        transform: translateY(.3125em) rotate(2deg)
    }
    to {
        transform: translateY(0) rotate(0deg)
    }
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotate(2deg)
    }
    33% {
        transform: translateY(0) rotate(-2deg)
    }
    66% {
        transform: translateY(.3125em) rotate(2deg)
    }
    to {
        transform: translateY(0) rotate(0deg)
    }
}

@-webkit-keyframes swal2-toast-hide {
    to {
        transform: rotate(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-hide {
    to {
        transform: rotate(1deg);
        opacity: 0
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }
    54% {
        top: .125em;
        left: .125em;
        width: 0
    }
    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }
    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }
    to {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }
    54% {
        top: .125em;
        left: .125em;
        width: 0
    }
    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }
    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }
    to {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }
    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }
    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }
    to {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }
    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }
    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }
    to {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@-webkit-keyframes swal2-show {
    0% {
        transform: scale(.7)
    }
    45% {
        transform: scale(1.05)
    }
    80% {
        transform: scale(.95)
    }
    to {
        transform: scale(1)
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }
    45% {
        transform: scale(1.05)
    }
    80% {
        transform: scale(.95)
    }
    to {
        transform: scale(1)
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }
    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }
    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }
    to {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }
    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }
    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }
    to {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }
    to {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }
    to {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }
    5% {
        transform: rotate(-45deg)
    }
    12% {
        transform: rotate(-405deg)
    }
    to {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }
    5% {
        transform: rotate(-45deg)
    }
    12% {
        transform: rotate(-405deg)
    }
    to {
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }
    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }
    to {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }
    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }
    to {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }
    to {
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }
    to {
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-1turn)
    }
    to {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-1turn)
    }
    to {
        transform: rotateY(0)
    }
}

@-webkit-keyframes swal2-animate-i-mark {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }
    25% {
        transform: rotate(-25deg);
        opacity: .4
    }
    50% {
        transform: rotate(15deg);
        opacity: .8
    }
    75% {
        transform: rotate(-5deg);
        opacity: 1
    }
    to {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }
    25% {
        transform: rotate(-25deg);
        opacity: .4
    }
    50% {
        transform: rotate(15deg);
        opacity: .8
    }
    75% {
        transform: rotate(-5deg);
        opacity: 1
    }
    to {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto!important
}

body.swal2-no-backdrop .swal2-container {
    background-color: transparent!important;
    pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll!important
    }
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
        display: none
    }
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static!important
    }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: transparent;
    pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left,
body.swal2-toast-shown .swal2-container.swal2-top-start {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left,
body.swal2-toast-shown .swal2-container.swal2-center-start {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left,
body.swal2-toast-shown .swal2-container.swal2-bottom-start {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

.swal2-container {
    z-index: 1090
}

.swal2-actions>.swal2-styled,
.swal2-content {
    font-size: 14px;
    line-height: 18px
}

.look-and-feel-v2 .swal2-popup {
    background: #f6f7f9;
    padding: 1rem;
    border-radius: .75rem;
    width: 516px
}

.look-and-feel-v2 .swal2-popup .swal2-header {
    flex-direction: row;
    padding-left: 0
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon {
    width: 50px;
    height: auto;
    line-height: unset;
    margin: 0
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-error {
    border-color: #f6f7f9;
    color: #ff7a6f
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-error .swal2-x-mark .swal2-x-mark-line-left,
.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-error .swal2-x-mark .swal2-x-mark-line-right {
    display: none
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-error .swal2-x-mark:after {
    font-family: Material Icons;
    content: "";
    font-size: 3.125rem
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-success {
    border-color: #f6f7f9;
    color: #82d957
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-success .swal2-success-circular-line-left,
.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-success .swal2-success-circular-line-right,
.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-success .swal2-success-fix,
.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-success .swal2-success-line-long,
.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-success .swal2-success-line-tip,
.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-success .swal2-success-ring {
    display: none
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-success:after {
    font-family: Material Icons;
    content: "";
    font-size: 3.125rem
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-warning {
    border-color: #f6f7f9;
    color: #ffa800
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-warning .swal2-icon-content {
    display: none
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-warning:after {
    font-family: Material Icons;
    content: "";
    font-size: 3.125rem
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-info {
    border-color: #f6f7f9;
    color: #4765cb
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-info .swal2-icon-content {
    display: none
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-info:after {
    font-family: Material Icons;
    content: "";
    font-size: 3.125rem
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-question {
    border-color: #f6f7f9;
    color: #656668
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-question .swal2-icon-content {
    display: none
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-icon.swal2-question:after {
    font-family: Material Icons;
    content: "";
    font-size: 3.125rem
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: left;
    margin-bottom: 0;
    padding-left: .25rem
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-close {
    color: #a3a4a5;
    top: 4px;
    right: 4px
}

.look-and-feel-v2 .swal2-popup .swal2-header .swal2-close .material-icons {
    font-size: 1.5rem
}

@media(max-width:1365.98px) {
    .look-and-feel-v2 .swal2-popup .swal2-header {
        flex-direction: column;
        padding-right: 0
    }
    .look-and-feel-v2 .swal2-popup .swal2-header .swal2-title {
        text-align: center;
        padding-left: 0
    }
}

.look-and-feel-v2 .swal2-popup .swal2-content {
    padding: 0;
    margin: 1rem 0;
    color: #656668;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left
}

@media(max-width:1365.98px) {
    .look-and-feel-v2 .swal2-popup .swal2-content {
        max-height: calc(100vh - 300px);
        overflow-y: auto;
        text-align: center
    }
}

.look-and-feel-v2 .swal2-popup .swal2-actions {
    margin-top: 1.25rem;
    justify-content: flex-end
}

.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled {
    margin: 0
}

.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:hover {
    background-image: none
}

.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-cancel~.swal2-confirm {
    margin-left: auto
}

.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:hover {
    background-image: none
}

.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:focus {
    background-color: #2f4daa!important;
    border-color: #2f4daa!important
}

.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.btn-destructive:hover {
    background-image: none
}

.look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled.btn-destructive:focus {
    background-color: #ff7a6f!important;
    border-color: #ff7a6f!important
}

@media(max-width:1365.98px) {
    .look-and-feel-v2 .swal2-popup .swal2-actions {
        margin-top: 1rem
    }
}

.look-and-feel-v2 .list-group-item {
    background-color: #f6f7f9
}

.loaded-aside {
    display: block!important
}

.aside-base {
    display: none;
    width: 100vw;
    height: 100vh;
    z-index: 1049;
    position: fixed;
    top: 0
}

.aside-base .aside-mask {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001
}

.aside-base .aside-container {
    position: absolute;
    right: 0;
    box-shadow: 2px 2px 20px 1px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 400px;
    z-index: 1002
}

@media(max-width:959px) {
    .aside-base .aside-container {
        width: 100%
    }
}

.aside-base .aside-container .aside-header {
    height: 56px;
    min-height: 56px;
    text-align: center;
    border-bottom: 1px solid #d2d6de;
    display: flex
}

.look-and-feel-v1 .aside-base .aside-container .aside-header .aside-icon {
    display: none
}

.aside-base .aside-container .aside-header .title {
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    color: #2c3b41;
    margin: auto
}

.aside-base .aside-container .aside-header a.close-btn {
    cursor: pointer;
    color: #6a85a1;
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 16px;
    padding: 0;
    width: 20px;
    height: 20px
}

.aside-base .aside-container .aside-loader-container {
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 10;
    top: 56px;
    bottom: 0
}

.aside-base .aside-container .aside-loader-container .buk-loader {
    top: calc(50% - 32px);
    left: calc(50% - 32px)
}

.aside-base .aside-container .aside-body {
    position: relative;
    padding: 20px 10px;
    height: 100%;
    overflow-x: auto;
    background-color: #ecf0f5
}

.aside-base .aside-fade-enter-active,
.aside-base .aside-fade-leave-active {
    transition: transform .2s ease
}

.aside-base .aside-fade-enter,
.aside-base .aside-fade-leave-to {
    transform: translateX(100%);
    transition: all .15s ease-in 0
}

.look-and-feel-v2 .aside-base .aside-container .aside-header {
    min-height: unset;
    height: unset;
    background: #2f4daa;
    color: #fff;
    padding: 1rem;
    display: flex;
    justify-content: left;
    align-items: center
}

.look-and-feel-v2 .aside-base .aside-container .aside-header .aside-icon {
    color: #f99304;
    margin-right: .75rem
}

.look-and-feel-v2 .aside-base .aside-container .aside-header .title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #fafbfd;
    margin: 0
}

.look-and-feel-v2 .aside-base .aside-container .aside-header a.close-btn {
    width: unset;
    height: unset;
    right: 16px;
    color: #fafbfd
}

.look-and-feel-v2 .aside-base .aside-container .aside-header a.close-btn>span {
    display: flex;
    text-shadow: 1px 0 #fff
}

.look-and-feel-v2 .aside-base .aside-container .aside-body {
    background-color: #f6f7f9;
    padding: 1rem 1rem 0;
    position: relative
}

.look-and-feel-v2 .aside-base .aside-container .aside-body .footer-actions {
    background: #f6f7f9;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
}

.look-and-feel-v2 .aside-base .aside-container .aside-body--content {
    height: 100%
}

.look-and-feel-v2 .aside-base .aside-container .aside-body--content form {
    display: flex;
    flex-direction: column;
    height: 100%
}

.look-and-feel-v2 .aside-base .aside-container .aside-body--content form .footer-actions {
    background: #f6f7f9;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    margin-top: auto
}

.look-and-feel-v2 .swal2-popup .swal2-actions .table-actions a.disabled.swal2-styled,
.table-actions .look-and-feel-v2 .swal2-popup .swal2-actions a.disabled.swal2-styled,
.table-actions a.btn.disabled {
    pointer-events: auto;
    cursor: not-allowed
}

.geovictoria-conflicts-table {
    max-height: 400px;
    overflow-y: scroll
}

.area {
    margin-left: 20px;
    font-size: .75rem
}

.divisiones .estructura {
    padding-right: 0;
    padding-left: 0;
    margin-right: 10px;
    height: 450px
}

.divisiones .estructura .card-header {
    text-align: center
}

.titulo {
    text-decoration: underline
}

.titulo2 {
    font-weight: 400
}

#benefits .box {
    border: 0;
    margin-bottom: 12px;
    margin-top: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    border-radius: 3px
}

#benefits .box .benefit-content {
    padding: 12px;
    font-size: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 277px;
    position: relative
}

#benefits .box .benefit-content .benefit-description {
    display: flex;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#benefits .box .benefit-content .benefit-mas-detalles {
    padding: 10px 0
}

#benefits .box .benefit-content h2 {
    margin: 0
}

#benefits .box .benefit-name {
    font-size: 1.375rem;
    max-height: 2.8em;
    line-height: 1.4em;
    display: flex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#benefits .box .benefit-badge {
    font-size: .875rem;
    font-weight: 400
}

@media(max-width:959px) {
    #benefits .box .benefit-banner,
    #benefits .box .benefit-banner .banner-img,
    #benefits .box .benefit-no-image {
        height: 200px
    }
    #benefits .box .benefit-content {
        height: 184px
    }
    #benefits .box .benefit-content .benefit-description {
        max-height: 60px;
        -webkit-line-clamp: 3
    }
}

#benefits .disabled {
    pointer-events: none
}

#benefits .points {
    margin: 0;
    box-shadow: none;
    border: 0
}

#benefits .points:after {
    content: normal
}

#benefits .benefit-badge {
    color: #fff
}

#benefits .benefit-badge.badge-default {
    color: #444
}

.benefit-text-decoration-underline {
    text-decoration: underline
}

.benefit-information-text {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #242527
}

.benefit-banner {
    position: relative;
    aspect-ratio: 16/9;
    border-bottom: 1px solid #efefef;
    background: #3c8dbc;
    border-radius: .5rem
}

.benefit-banner .overlay {
    z-index: 10;
    background: rgba(60, 141, 188, .85);
    transition: all .4s linear;
    border: 1px solid transparent;
    position: absolute;
    border-radius: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0
}

.benefit-banner .overlay .inner {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.benefit-banner .overlay .inner .btn,
.benefit-banner .overlay .inner .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.benefit-banner .overlay .inner button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .benefit-banner .overlay .inner .swal2-styled {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 15px
}

.benefit-banner:hover .overlay {
    opacity: 1;
    border: 30px solid rgba(54, 127, 169, .9)
}

.benefit-banner img {
    width: 100%;
    border-radius: .5rem
}

.benefit-banner .benefit-no-image {
    color: #fff;
    padding-top: 5em;
    height: auto
}

.benefit-banner .banner-img {
    background-position: 50%;
    background-repeat: no-repeat
}

.benefit-banner .banner-status {
    z-index: 15;
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    text-align: left
}

.benefit-banner .banner-top-circles {
    z-index: 15;
    position: absolute;
    width: 100%;
    padding: 6px
}

.benefit-banner .banner-top-circles .banner-circle {
    border-radius: 50%;
    display: flex;
    width: 32px;
    height: 32px;
    color: #fff;
    margin: 2px;
    float: right
}

.benefit-banner .banner-top-circles .banner-circle i {
    margin: auto;
    font-size: 1.125rem
}

.benefit-banner .banner-top-circles .benefit-favorite {
    background-color: #ffcb13
}

.benefit-banner .banner-top-circles .benefit-preaproved {
    background-color: #00a65a
}

.benefit-banner .float-status {
    text-align: center;
    z-index: 15;
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 22px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.benefit-banner .float-status.in_process {
    padding-top: 25px;
    font-size: .75rem;
    color: #fff;
    background-color: #3c8dbc
}

.benefit-banner .float-status.approved,
.benefit-banner .float-status.enrolled {
    color: #fff;
    background-color: #009688
}

.benefit-banner .float-status.rejected,
.benefit-banner .float-status.reproved {
    padding-top: 23px;
    color: #fff;
    background-color: #d50000;
    font-size: .75rem
}

.benefit-banner .badge-pre-approved {
    color: #fff;
    background-color: #6a85a1
}

.available_benefits_form .table>tbody>tr>td {
    vertical-align: middle!important
}

.available_benefits_form .table-attributes {
    border-collapse: separate;
    border-spacing: 0 12px
}

.available_benefits_form .inner-table {
    border: 1px solid #d2d6de;
    border-radius: 3px
}

.available_benefits_form .inner-table td {
    border-top: inherit
}

.available_benefits_form .benefit-banner-preview {
    position: relative;
    width: 100%
}

.available_benefits_form .benefit-banner-preview .banner-preview {
    position: relative;
    width: 100%;
    height: 238px;
    transition: display 0s, opacity .5s linear;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    border-radius: 3px
}

.available_benefits_form .benefit-banner-preview .banner-preview .banner-preview-img {
    position: absolute;
    height: 100%;
    width: 100%
}

.available_benefits_form .benefit-banner-preview .banner-preview .banner-preview-img>img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.available_benefits_form .benefit-inline>div,
.available_benefits_form .benefit-inline>div>div {
    display: inline
}

.center-modal-image {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.input-group-flex .input-group {
    display: flex
}

.benefit-tags input[type=color] {
    -webkit-appearance: none
}

.benefit-tags input[type=color]::-webkit-color-swatch-wrapper {
    padding: 0
}

.benefit-tags .tag-label {
    width: 100%;
    padding: .2em .6em .3em;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
    background-color: var(--color)
}

.benefit-tags .button-title>button {
    position: absolute;
    right: 12px
}

.benefit-request a.disabled {
    background: #ecf0f5
}

.available-benefit-categories-bar {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.available-benefit-categories-bar .available-benefit-categories-bar-scrolls-left {
    display: inline-block;
    width: 5%
}

.available-benefit-categories-bar .available-benefit-categories-bar-scrolls-left .available-benefit-categories-bar-scrolls-left-arrow {
    display: flex;
    justify-content: center;
    color: #c1c2c4
}

.available-benefit-categories-bar .available-benefit-categories-bar-scrolls-right {
    display: inline-block;
    width: 5%
}

.available-benefit-categories-bar .available-benefit-categories-bar-scrolls-right .available-benefit-categories-bar-scrolls-right-arrow {
    display: flex;
    justify-content: center;
    color: #c1c2c4
}

.available-benefit-categories-bar .available-benefit-categories::-webkit-scrollbar {
    display: none
}

.available-benefit-categories-bar .available-benefit-categories {
    display: flex;
    justify-content: center;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.available-benefit-categories-bar .available-benefit-categories .available-benefit-category {
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block
}

.available-benefit-categories-bar .available-benefit-categories .available-benefit-category .available-benefit-category-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90px
}

.available-benefit-categories-bar .available-benefit-categories .available-benefit-category .available-benefit-category-content .available-benefit-category-emoji-wrapper {
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px
}

.available-benefit-categories-bar .available-benefit-categories .available-benefit-category .available-benefit-category-content .available-benefit-category-emoji-wrapper .available-benefit-category-emoji {
    font-size: 2.5rem
}

.available-benefit-categories-bar .available-benefit-categories .available-benefit-category .available-benefit-category-content .available-benefit-category-emoji-wrapper.active {
    background-color: #c1c2c4;
    border-radius: .5rem
}

.available-benefit-categories-bar .available-benefit-categories .available-benefit-category .available-benefit-category-content .available-benefit-category-name {
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 700;
    color: #172a7a;
    text-align: center
}

#benefit-point-dropdown {
    width: 213px
}

#benefit-point-dropdown .points-table {
    font-size: 1rem;
    line-height: 1.25rem;
    background-color: #d2d6de;
    position: absolute;
    z-index: 100;
    width: inherit;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

#benefit-point-dropdown .points-table td {
    border-style: hidden;
    padding: 4px 8px
}

#benefit-point-dropdown .points-table tr td:last-child {
    -moz-text-align-last: right;
    text-align-last: right;
    font-weight: 600
}

#benefit-point-dropdown .benefit-header {
    background: #d2d6de;
    background-color: #d2d6de;
    color: #6a85a1;
    font-size: .875rem;
    line-height: 1.125rem;
    padding: 8px 12px;
    border-radius: 3px
}

#boleta-honorarios .toolbar-responsive div:first-child {
    width: 152px
}

@media(max-width:319px) {
    #boleta-honorarios .toolbar-responsive div:first-child {
        width: 100%
    }
}

#new-boleta-honorarios .title-h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}

.login-logo,
.register-logo {
    font-size: 2.25rem;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300
}

.login-logo a,
.register-logo a {
    color: #444
}

.login-page,
.register-page {
    background: #d2d6de;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    min-height: 100vh
}

.login-box,
.register-box {
    width: 360px;
    margin: 7% auto
}

@media(max-width:320px) {
    .login-box,
    .register-box {
        width: 90%;
        margin-top: 20px
    }
}

.login-box-body,
.register-box-body {
    margin-top: 64px;
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666
}

.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
    color: #888
}

.login-box-msg,
.register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px
}

.social-auth-links {
    margin: 10px 0
}

.look-and-feel-v2.login-page {
    overflow-y: auto
}

.look-and-feel-v2 .login {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 100vh;
    background-color: #f6f7f9
}

.look-and-feel-v2 .login__box {
    width: 530px;
    padding-top: 50px
}

.look-and-feel-v2 .login__slogan {
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #091351;
    text-align: center;
    width: 100%
}

.look-and-feel-v2 .login__link {
    display: block;
    text-align: center;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #242527;
    color: #797a7c;
    margin-bottom: .75rem
}

.look-and-feel-v2 .login__link:hover {
    color: #2f4daa
}

.look-and-feel-v2 .logo {
    margin-bottom: 2rem;
    width: 100%;
    height: 112px
}

.look-and-feel-v2 .logo__imagen {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.look-and-feel-v2 .form {
    padding: .25rem .75rem;
    border-top: 0
}

.look-and-feel-v2 .form__input {
    margin: 1.25rem auto
}

.look-and-feel-v2 .form__label {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: #656668
}

.look-and-feel-v2 .form__btn {
    width: 100%;
    margin: 1rem auto
}

.look-and-feel-v2 .hexagon {
    width: 100%;
    height: 100vh
}

.look-and-feel-v2 .hexagon__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.look-and-feel-v2 .hr-separator {
    color: #c1c2c4
}

@media(max-width:960px) {
    .look-and-feel-v2 .login {
        grid-template-columns: 1fr;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat
    }
    .look-and-feel-v2 .login__box {
        background-color: #fafbfd;
        border-radius: .5rem;
        padding-top: 0
    }
    .look-and-feel-v2 .login__slogan {
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 600;
        color: #091351
    }
    .look-and-feel-v2 .login__link {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 400;
        color: #656668;
        color: #797a7c
    }
    .look-and-feel-v2 .login__link:hover {
        color: #2f4daa
    }
    .look-and-feel-v2 .logo {
        margin: 1.25rem auto;
        padding: 0 .75rem;
        width: 100%;
        height: 90px
    }
    .look-and-feel-v2 .logo__imagen {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
    .look-and-feel-v2 .form {
        padding: .25rem .75rem 35px
    }
    .look-and-feel-v2 .hexagon {
        display: none
    }
}

@media(max-width:350px) {
    .look-and-feel-v2 .login__box {
        width: 310px
    }
    .look-and-feel-v2 .form {
        padding: .25rem .25rem 35px
    }
}

#external-pdf-viewer {
    max-width: 100%
}

#external-pdf-viewer .canvas-content {
    min-width: 0;
    max-height: 500px;
    overflow-x: auto;
    overflow-y: auto;
    border: 3px solid #fafafa;
    padding: 5px
}

.employee-portal {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 20px
}

.employee-portal .links-section {
    grid-area: links
}

.employee-portal .onboarding-section {
    grid-area: onboarding
}

.employee-portal .portada-section {
    grid-area: portada
}

.employee-portal .banners-section {
    grid-area: banners
}

.employee-portal .cumpleanos-section {
    grid-area: cumpleanos
}

.employee-portal .recognitions-section {
    grid-area: reconocimientos
}

.employee-portal .publicaciones-section {
    grid-area: publicaciones;
    grid-row-end: span 4
}

.employee-portal .pending-tasks-section {
    grid-area: pending-tasks
}

.employee-portal .banners-section .box,
.employee-portal .cumpleanos-section .box,
.employee-portal .links-section .box,
.employee-portal .onboarding-section .box,
.employee-portal .pending-tasks-section .box,
.employee-portal .portada-section .box,
.employee-portal .recognitions-section .box {
    margin-bottom: 0
}

.employee-portal.full-portal {
    grid-template-areas: "links onboarding" "reconocimientos portada" "banners portada" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-onb-port-pub-tasks {
    grid-template-areas: "links onboarding" "links portada" "banners publicaciones" "cumpleanos publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-cump-onb-port-pub-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "portada portada" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-onb-port-pub-recog-tasks {
    grid-template-areas: "links onboarding" "reconocimientos portada" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-cump-links-onb-port-pub-recog {
    grid-template-areas: "links onboarding" "reconocimientos portada" "banners portada" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-onb-port-pub-recog-tasks {
    grid-template-areas: "links onboarding" "reconocimientos portada" "pending-tasks portada" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-onb-pub-recog-tasks {
    grid-template-areas: "links publicaciones" "reconocimientos onboarding" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-onb-port-recog-tasks {
    grid-template-areas: "links links" "reconocimientos onboarding" "portada portada" "banners banners" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-cump-links-port-pub-recog-tasks {
    grid-template-areas: "links portada" "reconocimientos publicaciones" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-port-pub-tasks {
    grid-template-areas: "links portada" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-onb-port-pub-tasks {
    grid-template-areas: "onboarding onboarding" "portada portada" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-onb-port-pub-tasks {
    grid-template-areas: "links onboarding" "links portada" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-cump-links-onb-port-pub {
    grid-template-areas: "links onboarding" "links portada" "banners portada" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-onb-port-pub-tasks {
    grid-template-areas: "links onboarding" "links portada" "pending-tasks portada" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-onb-pub-tasks {
    grid-template-areas: "links onboarding" "links publicaciones" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-onb-port-tasks {
    grid-template-areas: "onboarding onboarding" "links links" "portada portada" "banners banners" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-cump-port-pub-recog-tasks {
    grid-template-areas: "reconocimientos portada" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-port-pub-recog-tasks {
    grid-template-areas: "links portada" "reconocimientos publicaciones" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-cump-links-port-pub-recog {
    grid-template-areas: "links portada" "reconocimientos publicaciones" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-port-pub-recog-tasks {
    grid-template-areas: "links portada" "reconocimientos publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-pub-recog-tasks {
    grid-template-areas: "links publicaciones" "reconocimientos publicaciones" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-port-recog-tasks {
    grid-template-areas: "links reconocimientos" "portada portada" "banners banners" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-cump-onb-port-pub-recog {
    grid-template-areas: "reconocimientos onboarding" "portada portada" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-onb-port-pub-recog {
    grid-template-areas: "links onboarding" "reconocimientos portada" "cumpleanos publicaciones"
}

.employee-portal.ban-links-onb-port-pub-recog {
    grid-template-areas: "links onboarding" "reconocimientos portada" "banners portada" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-onb-port-pub-recog-tasks {
    grid-template-areas: "reconocimientos oboarding" "portada portada" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.cump-onb-port-pub-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "portada portada" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-onb-port-pub-recog-tasks {
    grid-template-areas: "links onboarding" "reconocimientos portada" "pending-tasks portada" ". publicaciones"
}

.employee-portal.cump-links-onb-pub-recog-tasks {
    grid-template-areas: "links onboarding" "reconocimientos publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-onb-pub-recog-tasks {
    grid-template-areas: "links onboarding" "reconocimientos publicaciones" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-cump-onb-pub-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-onb-port-recog-tasks {
    grid-template-areas: "links onboarding" "reconocimientos portada" "pending-tasks portada" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-onb-port-recog-tasks {
    grid-template-areas: "links onboarding" "reconocimientos portada" "banners banners" "pending-tasks pending-tasks"
}

.employee-portal.ban-cump-onb-port-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "banners portada" "pending-tasks cumpleanos"
}

.employee-portal.ban-cump-links-onb-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "banners banners" "pending-tasks cumpleanos"
}

.employee-portal.ban-cump-links-onb-pub-recog {
    grid-template-areas: "links onboarding" "reconocimientos publicaciones" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-onb-port-recog {
    grid-template-areas: "links onboarding" "reconocimientos portada" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-cump-port-pub-tasks {
    grid-template-areas: "portada portada" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-port-pub-tasks {
    grid-template-areas: "links portada" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-cump-links-port-pub {
    grid-template-areas: "links portada" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-port-pub-tasks {
    grid-template-areas: "links portada" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-pub-tasks {
    grid-template-areas: "links publicaciones" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-port-tasks {
    grid-template-areas: "links links" "portada portada" "banners banners" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-cump-onb-port-pub {
    grid-template-areas: "onboarding onboarding" "portada portada" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-onb-port-pub {
    grid-template-areas: "links onboarding" "links portada" "cumpleanos publicaciones"
}

.employee-portal.ban-links-onb-port-pub {
    grid-template-areas: "links onboarding" "links portada" "banners portada" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-onb-port-pub-tasks {
    grid-template-areas: "onboarding oboarding" "portada portada" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.cump-onb-port-pub-tasks {
    grid-template-areas: "onboarding onboarding" "portada portada" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-onb-port-pub-tasks {
    grid-template-areas: "links onboarding" "links portada" "pending-tasks portada" ". publicaciones"
}

.employee-portal.cump-links-onb-pub-tasks {
    grid-template-areas: "links onboarding" "links publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-onb-pub-tasks {
    grid-template-areas: "links onboarding" "links publicaciones" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-cump-onb-pub-tasks {
    grid-template-areas: "banners onboarding" "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-onb-port-tasks {
    grid-template-areas: "links onboarding" "links portada" "pending-tasks portada" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-onb-port-tasks {
    grid-template-areas: "links onboarding" "links portada" "banners banners" "pending-tasks pending-tasks"
}

.employee-portal.ban-cump-onb-port-tasks {
    grid-template-areas: "banners onboarding" "banners portada" "pending-tasks cumpleanos"
}

.employee-portal.ban-cump-links-onb-tasks {
    grid-template-areas: "links onboarding" "banners banners" "pending-tasks cumpleanos"
}

.employee-portal.ban-cump-links-onb-pub {
    grid-template-areas: "links onboarding" "links publicaciones" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-onb-port {
    grid-template-areas: "links onboarding" "links portada" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-cump-port-pub-recog {
    grid-template-areas: "reconocimientos portada" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-port-pub-recog {
    grid-template-areas: "links portada" "reconocimientos publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-port-pub-recog {
    grid-template-areas: "links portada" "reconocimientos publicaciones" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-port-pub-recog-tasks {
    grid-template-areas: "reconocimientos portada" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.cump-port-pub-recog-tasks {
    grid-template-areas: "reconocimientos portada" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-port-pub-recog-tasks {
    grid-template-areas: "links portada" "reconocimientos publicaciones" "pending-tasks publicaciones"
}

.employee-portal.cump-links-pub-recog-tasks {
    grid-template-areas: "links publicaciones" "reconocimientos publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-pub-recog-tasks {
    grid-template-areas: "links publicaciones" "reconocimientos publicaciones" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-cump-pub-recog-tasks {
    grid-template-areas: "reconocimientos publicaciones" "banner publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-port-recog-tasks {
    grid-template-areas: "links portada" "reconocimientos publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-port-recog-tasks {
    grid-template-areas: "links portada" "reconocimientos banners" "pending-tasks pending-tasks"
}

.employee-portal.ban-cump-port-recog-tasks {
    grid-template-areas: "reconocimientos portada" "banner publicaciones" "pending-tasks cumpleanos"
}

.employee-portal.ban-cump-links-recog-tasks {
    grid-template-areas: "links reconocimientos" "banners banners" "pending-tasks cumpleanos"
}

.employee-portal.ban-cump-links-pub-recog {
    grid-template-areas: "links publicaciones" "reconocimientos publicaciones" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-port-recog {
    grid-template-areas: "links publicaciones" "reconocimientos portada" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-onb-port-recog {
    grid-template-areas: "links onboarding" "reconocimientos portada" "banners banners"
}

.employee-portal.ban-cump-onb-port-recog {
    grid-template-areas: "reconocimientos onboarding" "portada portada" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-onb-port-pub-recog {
    grid-template-areas: "reconocimientos onboarding" "portada portada" "banners publicaciones"
}

.employee-portal.ban-cump-onb-pub-recog {
    grid-template-areas: "reconocimientos onboarding" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-onb-pub-recog {
    grid-template-areas: "links onboarding" "reconocimientos publicaciones" "banners publicaciones"
}

.employee-portal.ban-cump-links-onb-recog {
    grid-template-areas: "links links" "reconocimientos onboarding" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.cump-links-onb-port-recog {
    grid-template-areas: "links links" "reconocimientos onboarding" "portada portada" "cumpleanos cumpleanos"
}

.employee-portal.cump-links-onb-pub-recog {
    grid-template-areas: "links onboarding" "reconocimientos publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-onb-port-pub-recog {
    grid-template-areas: "links onboarding" "reconocimientos portada" ". publicaciones"
}

.employee-portal.cump-onb-port-pub-recog {
    grid-template-areas: "reconocimientos onboarding" "portada portada" "cumpleanos publicaciones"
}

.employee-portal.cump-onb-pub-tasks-recog,
.employee-portal.onb-port-pub-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-onb-pub-recog-tasks {
    grid-template-areas: "links onboarding" "reconocimientos publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-onb-pub-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.links-onb-port-recog-tasks {
    grid-template-areas: "links onboarding" "reconocimientos portada" "pending-tasks portada"
}

.employee-portal.cump-onb-port-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "portada portada" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-onb-port-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "portada portada" "banners banners" "pending-tasks pending-tasks"
}

.employee-portal.cump-links-onb-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-onb-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "banners banners" "pending-tasks pending-tasks"
}

.employee-portal.ban-cump-onb-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "banners pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-cump-port-pub {
    grid-template-areas: "portada portada" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-port-pub {
    grid-template-areas: "links portada" "cumpleanos publicaciones"
}

.employee-portal.ban-links-port-pub {
    grid-template-areas: "links portada" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-port-pub-tasks {
    grid-template-areas: "portada portada" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.cump-port-pub-tasks {
    grid-template-areas: "portada portada" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-port-pub-tasks {
    grid-template-areas: "links portada" "pending-tasks publicaciones"
}

.employee-portal.cump-links-pub-tasks {
    grid-template-areas: "links publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-pub-tasks {
    grid-template-areas: "links publicaciones" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-cump-pub-tasks {
    grid-template-areas: "banners publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-port-tasks {
    grid-template-areas: "links portada" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-port-tasks {
    grid-template-areas: "links portada" "banners banners" "pending-tasks pending-tasks"
}

.employee-portal.ban-cump-port-tasks {
    grid-template-areas: "banners portada" "pending-tasks cumpleanos"
}

.employee-portal.ban-cump-links-tasks {
    grid-template-areas: "links links" "banners banners" "pending-tasks cumpleanos"
}

.employee-portal.ban-cump-links-pub {
    grid-template-areas: "links publicaciones" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-cump-links-port {
    grid-template-areas: "links portada" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-onb-port {
    grid-template-areas: "links onboarding" "links portada" "banners banners"
}

.employee-portal.ban-cump-onb-port {
    grid-template-areas: "onboarding onboarding" "portada portada" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-onb-port-pub {
    grid-template-areas: "onboarding onboarding" "portada portada" "banners publicaciones"
}

.employee-portal.ban-cump-onb-pub {
    grid-template-areas: "benners onboarding" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-onb-pub {
    grid-template-areas: "links onboarding" "links publicaciones" "banners publicaciones"
}

.employee-portal.ban-cump-links-onb {
    grid-template-areas: "onboarding onboarding" "links links" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.cump-links-onb-port {
    grid-template-areas: "onboarding onboarding" "links links" "portada portada" "cumpleanos cumpleanos"
}

.employee-portal.cump-links-onb-pub {
    grid-template-areas: "links onboarding" "links publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-onb-port-pub {
    grid-template-areas: "links onboarding" "links portada" ". publicaciones"
}

.employee-portal.cump-onb-port-pub {
    grid-template-areas: "onboarding onboarding" "portada portada" "cumpleanos publicaciones"
}

.employee-portal.cump-onb-pub-tasks,
.employee-portal.onb-port-pub-tasks {
    grid-template-areas: "onboarding onboarding" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-onb-pub-tasks {
    grid-template-areas: "links onboarding" "links publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-onb-pub-tasks {
    grid-template-areas: "benners onboarding" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.links-onb-port-tasks {
    grid-template-areas: "links onboarding" "links portada" "pending-tasks portada"
}

.employee-portal.cump-onb-port-tasks {
    grid-template-areas: "onboarding onboarding" "portada portada" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-onb-port-tasks {
    grid-template-areas: "onboarding onboarding" "portada portada" "banners banners" "pending-tasks pending-tasks"
}

.employee-portal.cump-links-onb-tasks {
    grid-template-areas: "links onboarding" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-onb-tasks {
    grid-template-areas: "links onboarding" "banners banners" "pending-tasks pending-tasks"
}

.employee-portal.ban-cump-onb-tasks {
    grid-template-areas: "banners onboarding" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-port-recog {
    grid-template-areas: "links portada" "reconocimientos banners"
}

.employee-portal.ban-cump-port-recog {
    grid-template-areas: "reconocimientos portada" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-port-pub-recog {
    grid-template-areas: "reconocimientos portada" "banners publicaciones"
}

.employee-portal.ban-cump-pub-recog {
    grid-template-areas: "reconocimientos publicaciones" "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-pub-recog {
    grid-template-areas: "links publicaciones" "reconocimientos publicaciones" "banners publicaciones"
}

.employee-portal.ban-cump-links-recog {
    grid-template-areas: "links reconocimientos" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.cump-links-port-recog {
    grid-template-areas: "links reconocimientos" "portada portada" "cumpleanos cumpleanos"
}

.employee-portal.cump-links-pub-recog {
    grid-template-areas: "links publicaciones" "reconocimientos publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-port-pub-recog {
    grid-template-areas: "links reconocimientos" "links portada"
}

.employee-portal.cump-port-pub-recog {
    grid-template-areas: "reconocimientos portada" "cumpleanos publicaciones"
}

.employee-portal.cump-pub-recog-tasks,
.employee-portal.port-pub-recog-tasks {
    grid-template-areas: "reconocimientos publicaciones" "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-pub-recog-tasks {
    grid-template-areas: "links publicaciones" "reconocimientos publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-pub-recog-tasks {
    grid-template-areas: "reconocimientos publicaciones" "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.links-port-recog-tasks {
    grid-template-areas: "links portada" "reconocimientos publicaciones" "pending-tasks pending-tasks"
}

.employee-portal.cump-port-recog-tasks {
    grid-template-areas: "reconocimientos portada" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-port-recog-tasks {
    grid-template-areas: "reconocimientos portada" "banners banners" "pending-tasks pending-tasks"
}

.employee-portal.cump-links-recog-tasks {
    grid-template-areas: "links reconocimientos" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-recog-tasks {
    grid-template-areas: "links reconocimientos" "banners banners" "pending-tasks pending-tasks"
}

.employee-portal.ban-cump-recog-tasks {
    grid-template-areas: "reconocimientos banners" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-cump-onb-recog {
    grid-template-areas: "reconocimientos onboarding" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-onb-recog {
    grid-template-areas: "links links" "reconocimientos onboarding" "banners banners"
}

.employee-portal.ban-onb-port-recog {
    grid-template-areas: "reconocimientos onboarding" "portada portada" "banners banners"
}

.employee-portal.ban-onb-pub-recog {
    grid-template-areas: "reconocimientos onboarding" "banners publicaciones" ". publicaciones"
}

.employee-portal.ban-onb-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "banners banners" "pending-task pending-task"
}

.employee-portal.cump-onb-pub-recog {
    grid-template-areas: "reconocimientos onboarding" "cumpleanos publicaciones"
}

.employee-portal.cump-links-onb-recog {
    grid-template-areas: "links onboarding" "reconocimientos cumpleanos"
}

.employee-portal.cump-onb-port-recog {
    grid-template-areas: "reconocimientos onboarding" "portada portada" "cumpleanos cumpleanos"
}

.employee-portal.cump-onb-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "cumpleaños pending-tasks"
}

.employee-portal.links-onb-pub-recog {
    grid-template-areas: "links onboarding" "reconocimientos publicaciones" ". publicaciones"
}

.employee-portal.links-onb-port-recog {
    grid-template-areas: "links onboarding" "reconocimientos portada"
}

.employee-portal.links-onb-recog-tasks {
    grid-template-areas: "links onboarding" "reconocimientos pending-tasks"
}

.employee-portal.onb-port-pub-recog {
    grid-template-areas: "reconocimientos onboarding" "portada portada" ". publicaciones"
}

.employee-portal.onb-port-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "portada portada" "pending-tasks pending-tasks"
}

.employee-portal.onb-pub-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "pending-tasks publicaciones" ". publicaciones"
}

.employee-portal.ban-links-port {
    grid-template-areas: "links portada" "banners banners"
}

.employee-portal.ban-cump-port {
    grid-template-areas: "portada portada" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-port-pub {
    grid-template-areas: "portada portada" "banners publicaciones"
}

.employee-portal.ban-cump-pub {
    grid-template-areas: "banners publicaciones" "cumpleanos publicaciones"
}

.employee-portal.ban-links-pub {
    grid-template-areas: "links publicaciones" "banners publicaciones"
}

.employee-portal.ban-cump-links {
    grid-template-areas: "links links" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.cump-links-port {
    grid-template-areas: "links links" "portada portada" "cumpleanos cumpleanos"
}

.employee-portal.cump-links-pub {
    grid-template-areas: "links publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-port-pub {
    grid-template-areas: "links portada" ". publicaciones"
}

.employee-portal.cump-port-pub {
    grid-template-areas: "portada portada" "cumpleanos publicaciones"
}

.employee-portal.cump-pub-tasks,
.employee-portal.port-pub-tasks {
    grid-template-areas: "pending-tasks publicaciones" "cumpleanos publicaciones"
}

.employee-portal.links-pub-tasks {
    grid-template-areas: "links publicaciones" "pending-tasks publicaciones"
}

.employee-portal.ban-pub-tasks {
    grid-template-areas: "banners publicaciones" "pending-tasks publicaciones"
}

.employee-portal.links-port-tasks {
    grid-template-areas: "links portada" "pending-tasks pending-tasks"
}

.employee-portal.cump-port-tasks {
    grid-template-areas: "portada portada" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-port-tasks {
    grid-template-areas: "portada portada" "banners banners" "pending-tasks pending-tasks"
}

.employee-portal.cump-links-tasks {
    grid-template-areas: "links links" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-tasks {
    grid-template-areas: "links links" "banners banners" "pending-tasks pending-tasks"
}

.employee-portal.ban-cump-tasks {
    grid-template-areas: "banners banners" "pending-tasks pending-tasks" "cumpleanos cumpleanos"
}

.employee-portal.ban-cump-onb {
    grid-template-areas: "onboarding onboarding" "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-onb {
    grid-template-areas: "onboarding onboarding" "links links" "banners banners"
}

.employee-portal.ban-onb-port {
    grid-template-areas: "onboarding onboarding" "portada portada" "banners banners"
}

.employee-portal.ban-onb-pub {
    grid-template-areas: "onboarding onboarding" "banners publicaciones" ". publicaciones"
}

.employee-portal.ban-onb-tasks {
    grid-template-areas: "onboarding onboarding" "banners banners" "pending-task pending-task"
}

.employee-portal.cump-onb-pub {
    grid-template-areas: "onboarding onboarding" "cumpleanos publicaciones"
}

.employee-portal.cump-links-onb {
    grid-template-areas: "links onboarding" "cumpleanos cumpleanos"
}

.employee-portal.cump-onb-port {
    grid-template-areas: "onboarding onboarding" "portada portada" "cumpleanos cumpleanos"
}

.employee-portal.cump-onb-tasks {
    grid-template-areas: "cumpleanos onboarding" "pending-tasks pending-tasks"
}

.employee-portal.links-onb-pub {
    grid-template-areas: "onboarding onboarding" "links publicaciones" ". publicaciones"
}

.employee-portal.links-onb-port {
    grid-template-areas: "links onboarding" "portada portada"
}

.employee-portal.links-onb-tasks {
    grid-template-areas: "links onboarding" "pending-tasks pending-tasks"
}

.employee-portal.onb-port-pub {
    grid-template-areas: "onboarding onboarding" "portada portada" ". publicaciones"
}

.employee-portal.onb-port-tasks {
    grid-template-areas: "onboarding onboarding" "portada portada" "pending-tasks pending-tasks"
}

.employee-portal.onb-pub-tasks {
    grid-template-areas: "onboarding onboarding" "pending-tasks publicaciones" ". publicaciones"
}

.employee-portal.onb-pub-recog {
    grid-template-areas: "onboarding onboarding" "reconocimientos publicaciones" ". publicaciones"
}

.employee-portal.ban-cump-recog {
    grid-template-areas: "reconocimientos banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-links-recog {
    grid-template-areas: "links reconocimientos" "banners banners"
}

.employee-portal.ban-port-recog {
    grid-template-areas: "reconocimientos portada" "banners banners"
}

.employee-portal.ban-pub-recog {
    grid-template-areas: "reconocimientos publicaciones" "banners publicaciones" ". publicaciones"
}

.employee-portal.ban-recog-tasks {
    grid-template-areas: "reconocimientos reconocimientos" "banners banners" "pending-task pending-task"
}

.employee-portal.cump-pub-recog {
    grid-template-areas: "reconocimientos publicaciones" "cumpleanos publicaciones"
}

.employee-portal.cump-links-recog {
    grid-template-areas: "links links" "reconocimientos reconocimientos" "cumpleanos cumpleanos"
}

.employee-portal.cump-port-recog {
    grid-template-areas: "reconocimientos portada" "cumpleanos cumpleanos"
}

.employee-portal.cump-recog-tasks {
    grid-template-areas: "reconocimientos reconocimientos" "cumpleanos cumpleanos" "pending-tasks pending-tasks"
}

.employee-portal.links-pub-recog {
    grid-template-areas: "links publicaciones" "reconocimientos publicaciones" ". publicaciones"
}

.employee-portal.links-port-recog {
    grid-template-areas: "links links" "reconocimientos reconocimientos" "portada portada"
}

.employee-portal.links-recog-tasks {
    grid-template-areas: "links links" "reconocimientos reconocimientos" "pending-tasks pending-tasks"
}

.employee-portal.port-pub-recog {
    grid-template-areas: "portada portada" "reconocimientos reconocimientos" ". publicaciones"
}

.employee-portal.port-recog-tasks {
    grid-template-areas: "portada portada" "reconocimientos reconocimientos" "pending-tasks pending-tasks"
}

.employee-portal.pub-recog-tasks {
    grid-template-areas: "reconocimientos publicaciones" "pending-tasks publicaciones" ". publicaciones"
}

.employee-portal.links-onb-recog {
    grid-template-areas: "links links" "reconocimientos onboarding"
}

.employee-portal.onb-port-recog {
    grid-template-areas: "reconocimientos onboarding" "portada portada"
}

.employee-portal.ban-onb-recog {
    grid-template-areas: "reconocimientos onboarding" "banners banners"
}

.employee-portal.cump-onb-recog {
    grid-template-areas: "reconocimientos onboarding" "cumpleaños cumpleaños"
}

.employee-portal.onb-recog-tasks {
    grid-template-areas: "reconocimientos onboarding" "pending-tasks pending-tasks"
}

.employee-portal.ban-cump {
    grid-template-areas: "banners banners" "cumpleanos cumpleanos"
}

.employee-portal.ban-links {
    grid-template-areas: "links links" "banners banners"
}

.employee-portal.ban-port {
    grid-template-areas: "portada portada" "banners banners"
}

.employee-portal.ban-pub {
    grid-template-areas: "banners publicaciones" ". publicaciones"
}

.employee-portal.ban-tasks {
    grid-template-areas: "banners banners" "pending-task pending-task"
}

.employee-portal.cump-pub {
    grid-template-areas: "cumpleanos publicaciones"
}

.employee-portal.cump-links {
    grid-template-areas: "links links" "cumpleanos cumpleanos"
}

.employee-portal.cump-port {
    grid-template-areas: "portada portada" "cumpleanos cumpleanos"
}

.employee-portal.cump-tasks {
    grid-template-areas: "cumpleanos cumpleanos" "pending-tasks pending-tasks"
}

.employee-portal.links-pub {
    grid-template-areas: "links publicaciones" ". publicaciones"
}

.employee-portal.links-port {
    grid-template-areas: "links links" "portada portada"
}

.employee-portal.links-tasks {
    grid-template-areas: "links links" "pending-tasks pending-tasks"
}

.employee-portal.port-pub {
    grid-template-areas: "portada portada" ". publicaciones"
}

.employee-portal.port-tasks {
    grid-template-areas: "portada portada" "pending-tasks pending-tasks"
}

.employee-portal.pub-tasks {
    grid-template-areas: "pending-tasks publicaciones" ". publicaciones"
}

.employee-portal.links-onb {
    grid-template-areas: "links onboarding"
}

.employee-portal.onb-port {
    grid-template-areas: "onboarding onboarding" "portada portada"
}

.employee-portal.onb-pub {
    grid-template-areas: "onboarding onboarding" ". publicaciones"
}

.employee-portal.ban-onb {
    grid-template-areas: "banners onboarding"
}

.employee-portal.cump-onb {
    grid-template-areas: "cumpleanos onboarding"
}

.employee-portal.onb-tasks {
    grid-template-areas: "onboarding onboarding" "pending-tasks pending-tasks"
}

.employee-portal.links-recog {
    grid-template-areas: "links links" "reconocimientos reconocimientos"
}

.employee-portal.port-recog {
    grid-template-areas: "portada portada" "reconocimientos reconocimientos"
}

.employee-portal.ban-recog {
    grid-template-areas: "reconocimientos reconocimientos" "banners banners"
}

.employee-portal.cump-recog {
    grid-template-areas: "reconocimientos reconocimientos" "cumpleanos cumpleanos"
}

.employee-portal.recog-tasks {
    grid-template-areas: "reconocimientos reconocimientos" "pending-tasks pending-tasks"
}

.employee-portal.onb-recog {
    grid-template-areas: "reconocimientos onboarding"
}

.employee-portal.pub-recog {
    grid-template-areas: "reconocimientos publicaciones" ". publicaciones"
}

.employee-portal.links {
    grid-template-areas: "links links"
}

.employee-portal.port {
    grid-template-areas: "portada portada"
}

.employee-portal.ban {
    grid-template-areas: "banners banners"
}

.employee-portal.cump {
    grid-template-areas: "cumpleanos cumpleanos"
}

.employee-portal.tasks {
    grid-template-areas: "pending-tasks pending-tasks"
}

.employee-portal.onb {
    grid-template-areas: "onboarding onboarding"
}

.employee-portal.recog {
    grid-template-areas: "reconocimientos reconocimientos"
}

.employee-portal.pub {
    grid-template-areas: "publicaciones publicaciones"
}

@media screen and (max-width:959px) {
    .employee-portal {
        display: block
    }
    .employee-portal .banners-section .box,
    .employee-portal .cumpleanos-section .box,
    .employee-portal .links-section .box,
    .employee-portal .onboarding-section .box,
    .employee-portal .portada-section .box {
        margin-bottom: 20px
    }
}

:-ms-fullscreen,
:root .employee-portal {
    display: block;
    width: 600px;
    margin: 0 auto
}

@media screen and (max-width:960px) {
    :-ms-fullscreen,
    :root .employee-portal {
        width: 100%;
        max-width: 600px
    }
}

:-ms-fullscreen .box,
:root .employee-portal .box {
    margin-bottom: 20px
}

.detalle-liquidacion .background-liquidacion {
    background-color: #ecf0f5
}

.detalle-liquidacion .background-totales-liquidacion {
    font-size: .875rem;
    background-color: #dce5ff
}

.annexes_title {
    padding: 8px;
    line-height: 1.25rem;
    background: #ecf0f5;
    margin-bottom: 25px
}

.annexes_subtitle_with_bottom,
.annexes_title {
    text-align: center;
    font-size: .875rem;
    font-weight: 700
}

.annexes_subtitle_with_bottom {
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 15px;
    background: #f4f4f4
}

.pre_annexes {
    padding: 0!important;
    margin: -2px 0 10px;
    white-space: pre-wrap;
    border: 0!important;
    font-size: .875rem;
    background-color: transparent!important;
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    word-break: normal
}

.locations .overflow-auto {
    height: 500px
}

.locations .card {
    height: 550px;
    margin-bottom: 10px
}

.locations .ancestry-tree .tabulated {
    margin-left: 20px
}

.size_200_word_wrap {
    max-width: 200px;
    word-wrap: break-word
}

#change_history {
    max-height: 800px;
    min-height: 200px;
    width: 100%;
    overflow: auto
}

.fa-stack-1x {
    color: #fff
}

.separator {
    width: 40px
}

.separator hr {
    height: 2px;
    background-color: #999;
    margin: 0;
    padding: 0
}

.onboarding-img {
    display: flex;
    justify-content: center;
    justify-items: center;
    height: 460px
}

.onboarding-img img {
    width: 65%;
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-width:959px) {
    .onboarding-img {
        display: none
    }
}

#orgchart-container {
    cursor: move;
    height: 700px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    overflow-x: auto
}

#orgchart-container .node text:not(.fa) {
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    fill: #333
}

#pending-aside {
    height: 100%;
    overflow: hidden
}

#pending-aside .box,
#pending-aside .box .box-body {
    height: 100%
}

#pending-aside .box .box-body .tab-content {
    height: calc(100% - 110px);
    overflow: hidden
}

#pending-aside .box .box-body .tab-content .tab-pane {
    height: 100%;
    padding-right: 4px
}

#pending-aside .box .box-body .tab-content .tab-pane .pending-actions div:last-child {
    text-align: right
}

#pending-aside .box .box-body .tab-content .tab-pane .pending-content {
    overflow: auto;
    height: calc(100% - 50px)
}

figure.waiting-image {
    display: flex;
    flex-direction: column;
    align-items: center
}

figure.waiting-image img {
    width: auto;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

figure.waiting-image figcaption {
    width: 100%;
    max-width: 500px;
    font-size: .875rem;
    text-align: center
}

.applicant-score .fa-star {
    padding-left: 2px;
    padding-right: 2px
}

.applicant-in-stage-table .applicant-in-stage-toggle-wrapper {
    cursor: pointer
}

.applicant-in-stage {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    height: 56px
}

.applicant-in-stage .applicant-in-stage-body {
    cursor: pointer;
    display: flex;
    align-items: center
}

.applicant-in-stage .applicant-in-stage-body .applicant-in-stage-img {
    position: relative;
    width: 36px;
    height: 40px
}

.applicant-in-stage .applicant-in-stage-body .applicant-in-stage-img .applicant_img {
    position: absolute;
    top: 0
}

.applicant-in-stage .applicant-in-stage-body .applicant-in-stage-img i.fa-exclamation-triangle {
    color: #f9b82d;
    position: absolute;
    z-index: 2;
    font-size: .75rem;
    right: 0
}

.applicant-in-stage .applicant-in-stage-body .applicant-in-stage-content {
    min-width: 0;
    width: 100%
}

.applicant-in-stage .applicant-in-stage-body .applicant-in-stage-content .applicant-in-stage-name {
    font-size: 1rem;
    width: 130px
}

.applicant-in-stage .applicant-in-stage-body .applicant-in-stage-content div:first-child {
    display: flex
}

.applicant-in-stage .applicant-in-stage-body .applicant-in-stage-date {
    font-size: .75rem
}

.applicant-in-stage .workflow-box-button {
    position: absolute;
    background: #3c8dbc;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.applicant-in-stage .workflow-box-button i {
    color: #fff
}

.commune-temporary-applicant-table {
    min-width: 200px
}

.selection-process-survey-answer-attempt-header .box-body {
    padding-top: 0;
    padding-bottom: 0
}

.template-form-max-score-text {
    flex-grow: 1;
    font-size: 16px;
    line-height: 20px
}

.template-forms-toolbar-button-container {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 8px
}

.application-url-token.url-public {
    min-height: 100vh;
    overflow: auto;
    background: #ecf0f5;
    padding: 64px
}

@media(max-width:960px) {
    .application-url-token.url-public {
        padding: 16px;
        overflow: auto;
        max-height: 100vh
    }
}

.application-url-token.url-public h4 {
    margin-top: 12px
}

.application-url-token .url-public_box {
    border: 1px solid #d2d6de;
    height: 87vh;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px
}

@media(max-width:960px) {
    .application-url-token .url-public_box {
        height: auto
    }
}

.application-url-token .url-public_box .card-body {
    min-height: auto
}

.application-url-token .url-public_box .card-footer {
    border: 0;
    background: none;
    min-height: 20%
}

.application-url-token .url-public_box .form-name {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    padding-left: 16px;
    padding-right: 16px
}

.application-url-token .url-public_box .form-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}

.application-url-token .url-public_box .form-message {
    font-size: 16px;
    line-height: 20px;
    margin-top: 24px;
    margin-bottom: 24px
}

.application-url-token .url-public_box .form-section-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 16px
}

.application-url-token .url-public_box input.form-control {
    margin-bottom: 16px
}

@media(max-width:960px) {
    .application-url-token .url-public_box {
        overflow: auto
    }
}

.application-url-token .url-public_aside {
    border: 1px solid #d2d6de;
    height: 87vh;
    overflow-y: scroll;
    overflow-x: hidden
}

@media(max-width:960px) {
    .application-url-token .url-public_aside {
        height: auto
    }
}

.application-url-token .url-public_aside .aside_logo {
    height: 92px;
    width: 92px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px
}

.application-url-token .url-public_aside .aside_title {
    font-size: 21px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 16px;
    display: block;
    text-align: center
}

.application-url-token .url-public_aside .aside_subtitle {
    border-top: 1px solid #d2d6de;
    padding-top: 12px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #3c8dbc
}

.application-url-token .url-public_aside .aside_item {
    margin-bottom: 8px
}

.application-url-token .url-public_aside .aside_item .item_title {
    color: #222d32;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
}

.application-url-token .url-public_aside .aside_item .item_subtitle {
    color: #999;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 4px
}

.application-url-token .url-public_aside .more-info-btn {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 20px)
}

.application-url-token .url-public_aside .card-body {
    min-height: 100%;
    position: relative;
    padding-bottom: 44px
}

@media(max-width:960px) {
    .application-url-token .url-public_aside {
        overflow: auto
    }
}

@media(max-width:960px) {
    .application-url-token .content-information-box {
        height: 100%
    }
}

.application-url-token .modal .modal-header {
    border-bottom-color: rgba(0, 0, 0, .15)
}

.application-url-token .modal .modal-title {
    font-size: 21px;
    line-height: 26px;
    font-weight: 600
}

.application-url-resume .modification-date {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #d2d6de
}

.application-url-resume .preview-button {
    margin-right: 8px
}

.application-url-resume .title {
    display: inline;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
}

.application-url-resume .application-info-container {
    margin-top: -1rem
}

.application-url-resume .field-label {
    background-color: #d2d6de!important;
    line-height: 1.1rem
}

.application-url-fields-group .field-form .box {
    border: 1px solid #d2d6de;
    box-sizing: border-box
}

.application-url-fields-group .field-form .box .box-body {
    padding: 12px
}

.application-url-fields-group .field-form .box .box-body .row>div,
.application-url-fields-group .field-form .box .box-body .selection-process-stages>div {
    padding-left: 12px;
    padding-right: 12px
}

.application-url-fields-group .field-form .box .box-body label.field-name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 16px
}

.application-url-fields-group .field-form .box .box-body .remove-field-button {
    cursor: pointer
}

.application-url-fields-group .field-form .box .box-body .remove-field-button i {
    color: #dd4b39;
    margin-right: 8px;
    margin-top: 4px
}

.application-url-field-container .checkbox>label {
    line-height: 1.5rem
}

.login-page {
    overflow-y: scroll
}

.look-and-feel-v2 .portal-comunicaciones {
    display: flex;
    justify-content: center
}

.look-and-feel-v2 .portal-row {
    width: 100%
}

@media(min-width:633px) {
    .look-and-feel-v2 .portal-row {
        width: 600px
    }
}

@media(min-width:959px) {
    .look-and-feel-v2 .portal-row {
        width: 100%
    }
}

@media(min-width:1200px) {
    .look-and-feel-v2 .portal-row {
        width: 945px
    }
}

@media(min-width:1366px) {
    .look-and-feel-v2 .portal-row {
        width: 1112px
    }
}

@media(min-width:1690px) {
    .look-and-feel-v2 .portal-row {
        width: 1400px
    }
}

.look-and-feel-v2 .portal-row .slide-img img {
    width: 100%;
    max-height: 400px
}

.look-and-feel-v2 .applications-portal-design .rectangle {
    background: #fafbfd;
    border: 1px solid rgba(47, 77, 170, .08)
}

.look-and-feel-v2 .applicants {
    background-color: #fafbfd
}

.applications-portal-admin .title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
}

.applications-portal-admin label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

.applications-portal-general .rrss-input {
    display: flex;
    flex-direction: row;
    margin-top: 12px
}

.applications-portal-general .rrss-input__logo {
    margin-right: 12px
}

.applications-portal-general .company__logo {
    border: dotted;
    border-width: 2px;
    border-color: #a9a9a9;
    width: 77.5px;
    height: 77.5px
}

.applications-portal-design b {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
}

.applications-portal-design .coverpage__image {
    border: dotted;
    border-width: 2px;
    border-color: #a9a9a9;
    width: 136px;
    height: 100px;
    margin-top: 8px
}

.applications-portal-design .rectangle {
    height: 50px;
    flex-direction: row;
    vertical-align: middle;
    float: left;
    position: relative;
    background: #fff;
    border: 1px solid #d2d6de;
    box-sizing: border-box;
    border-radius: 3px;
    display: flex;
    align-items: center;
    margin-right: 12px;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 4px 8px
}

.applications-portal-design .input-group .cke_reset {
    width: 100%
}

.applications-portal-design label.control-label.radio_buttons.optional {
    width: 100%;
    margin-bottom: 4px
}

.applications-portal-design label.control-label.text.optional {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
}

.applications-portal-design label.boolean.optional {
    font-weight: 400
}

.applications-portal-design span.radio.radio-inline {
    vertical-align: bottom;
    margin-left: 0;
    padding-right: 16px
}

.applications-portal-design span.radio.radio-inline label {
    font-weight: 400;
    padding-left: 0
}

.applications-portal-design input.form-control.color.optional {
    padding: 4px
}

.applications-portal-design div.checkbox-inline {
    margin-left: 0;
    margin-bottom: 12px;
    padding-right: 16px
}

.applicants-html {
    scroll-behavior: smooth;
    overflow-y: auto
}

.applicants {
    font-family: Open Sans, sans-serif;
    margin-top: 80px;
    background-color: #fff
}

.applicants p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.applicants h2 {
    font-weight: 700;
    margin-bottom: 25px
}

.applicants .container {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto
}

.applicants .container-fluid,
.applicants .container-lg,
.applicants .container-md,
.applicants .container-sm,
.applicants .container-xl {
    padding-left: 0;
    padding-right: 0
}

.applicants .container .container {
    padding: 0
}

.applicants .header .navbar {
    box-shadow: 0 0 10px;
    position: fixed;
    margin-top: -80px;
    width: 100%;
    z-index: 1
}

.applicants .header .navbar .container {
    padding-right: 10px
}

@media(min-width:960px) {
    .applicants .header .navbar .container .show {
        display: flex!important
    }
}

@media(min-width:960px) {
    .applicants .header .navbar .navbar-collaps {
        display: flex;
        justify-content: flex-end
    }
}

.applicants .header .navbar .navbar-nav {
    flex-direction: column
}

@media(min-width:960px) {
    .applicants .header .navbar .navbar-nav {
        flex-direction: row
    }
}

.applicants .header .navbar .navbar-nav .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.applicants .header .navbar .navbar-nav .nav-link,
.look-and-feel-v1 .applicants .header .navbar .navbar-nav .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle {
    padding: 1rem
}

.applicants .header .navbar .nav {
    margin-right: 10px
}

.applicants .header .navbar .nav li a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    line-height: 3.125rem
}

.applicants .header .navbar-brand {
    max-width: 85%;
    padding: 10px;
    height: 80px;
    display: flex;
    align-items: center
}

.applicants .header .navbar-brand .company-name {
    border-right: 1px solid;
    margin-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px
}

.applicants .header .navbar-brand a {
    height: 100%;
    display: inline-block
}

.applicants .header .navbar-brand a img {
    height: 100%
}

.applicants .header .navbar-brand span {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600
}

.applicants .header .navbar .links_section {
    width: 100%
}

.applicants .header .navbar-toggle {
    width: 15%;
    height: 62px;
    margin-top: 9px
}

.applicants .header .navbar-toggle i {
    font-size: 1.5rem
}

.applicants .slider {
    background-size: cover
}

.applicants .slider__text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px
}

@media(max-width:960px) {
    .applicants .slider__text {
        min-height: auto;
        margin-bottom: 25px
    }
}

.applicants .slider__text p {
    font-size: 1.375rem;
    color: #fff
}

.applicants .slider__multimedia {
    display: flex;
    align-items: center;
    min-height: 320px
}

@media(max-width:960px) {
    .applicants .slider__multimedia {
        min-height: auto
    }
}

.applicants .slider__multimedia iframe {
    box-shadow: 11px 10px 5px -2px rgba(0, 0, 0, .17);
    -webkit-box-shadow: 11px 10px 5px -2px rgba(0, 0, 0, .17);
    -moz-box-shadow: 11px 10px 5px -2px rgba(0, 0, 0, .17)
}

.applicants .multimedia {
    text-align: center;
    align-items: center;
    min-height: 320px
}

@media(max-width:960px) {
    .applicants .multimedia {
        min-height: auto
    }
}

.applicants .carousel-inner .hero {
    max-height: 240px
}

@media(min-width:1366px) {
    .applicants .carousel-inner .hero {
        max-height: 360px
    }
}

.applicants .carousel-inner .hero img {
    max-width: 100%;
    cursor: pointer
}

.applicants .carousel-indicators {
    position: relative;
    padding-left: 0;
    text-align: center;
    list-style: none;
    margin-top: 16px;
    margin-left: 0;
    width: 100%;
    z-index: auto
}

.applicants .carousel-indicators .active {
    background: #dd4b39
}

.applicants .carousel-indicators li {
    background: #d2d6de;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 0
}

.applicants .jobs__search {
    width: 270px
}

@media(max-width:960px) {
    .applicants .jobs__search {
        width: 100%
    }
}

.applicants .jobs__card {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    background: #fff
}

.applicants .jobs__card-container {
    display: flex
}

.applicants .jobs__card b {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.applicants .jobs__card-btn {
    text-align: right;
    margin-left: auto
}

.applicants .footer__social {
    display: flex
}

.applicants .footer__webpage {
    margin-top: 10px
}

.applicants .footer__social i {
    font-size: 1.5rem;
    margin-right: 12px
}

.applicants .footer__link {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.applicants .footer__copyright {
    font-size: 12px;
    line-height: 14px
}

.applicants .no-curve:before {
    height: 80px;
    content: "";
    display: block
}

.applicants .curve img {
    width: 100%;
    background: #fff;
    padding-top: 25px
}

.applicants .no-curve {
    background-color: #fff
}

.applicants .gray-curve,
.applicants .no-curve {
    background-repeat: no-repeat;
    background-size: cover
}

.applicants .gray-curve {
    background-color: #f9faff
}

.applicants .scrollable {
    max-height: 300px;
    overflow: auto
}

.applicants .center-text {
    text-align: center
}

.company__logo {
    border: dotted;
    border-width: 2px;
    border-color: hsla(0, 0%, 66.3%, .6627450980392157);
    width: 100px;
    height: 100px
}

.company__fantasy-name {
    margin-bottom: 27px
}

.image-company-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer
}

.template-form-answer-box {
    color: inherit
}

.template-form-answer-box label {
    font-weight: 400
}

.template-form-answer-box .answer-box-extended-text {
    color: #999
}

.template-form-answer-box .answer-box-title {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 8px
}

.template-form-answer-box .answer-score-wrapper {
    align-items: center;
    display: flex
}

.template-form-answer-box .answer-score-wrapper .answer-score-label {
    color: #000;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 0
}

.template-form-answer-box .answer-score-wrapper .answers_score {
    min-width: 100px;
    margin-bottom: 0
}

.template-form-answer-box .bux-card-content {
    margin-bottom: 12px
}

.score-badge {
    font-size: .75rem;
    min-width: 90px
}

.button-add-modal-add-question {
    height: 24px;
    padding-right: 28px
}

.button-delete-modal-add-question {
    height: 98px
}

#application-template-form-paginator .paginator-selector-content {
    width: 100%
}

.content-table {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.search-filter {
    margin-right: 12px;
    margin-bottom: 4px
}

.process-actions {
    margin-top: 4px
}

.selection-process-stages {
    margin-left: 0
}

.selection-process-indicator.info-box .info-box-content {
    position: relative;
    min-height: inherit
}

.selection-process-indicator.info-box .info-box-content .info-box-number {
    font-size: .875rem
}

.selection-process-indicator.info-box .info-box-content .info-box-footer {
    width: 100%;
    padding: inherit;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex!important;
    justify-content: space-between
}

.selection-process-indicator.info-box .info-box-content .info-box-footer .info-box-number {
    font-size: 1rem;
    line-height: 1.25rem
}

.modal-add-questions-to-survey {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden
}

.recruiting-survey-time-remaining {
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index: 1
}

.selection-process-aside {
    height: 100%
}

.selection-process-aside .box .box-title {
    font-size: 1.125rem
}

.selection-process-aside .box .box-body {
    padding: 12px
}

.selection-process-aside .box .box-body .selection-process-details {
    flex-grow: 1
}

.selection-process-aside .box .box-body .selection-process-buttons {
    padding-right: 0;
    margin-bottom: 14px
}

.selection-process-aside .box .box-body .selection-process-footer {
    justify-content: center;
    position: fixed;
    margin: -22px;
    width: 380px;
    bottom: 3rem
}

@media(max-width:959px) {
    .selection-process-aside .box .box-body .selection-process-footer {
        width: calc(100% - 44px)
    }
}

.look-and-feel-v2 .swal2-popup .swal2-actions .selection-process-aside .box .box-body .selection-process-footer .swal2-styled,
.selection-process-aside .box .box-body .selection-process-footer .btn,
.selection-process-aside .box .box-body .selection-process-footer .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.selection-process-aside .box .box-body .selection-process-footer button.upload-result {
    flex-grow: 1
}

.selection-process-aside .box .box-body .selection-process-footer .show-applicant-btn {
    margin-top: 8px;
    display: flex
}

.selection-process-aside .box .box-body .selection-process-summary {
    max-height: calc(100vh - 350px);
    overflow-y: auto
}

.selection-process-aside .selection-process-details {
    padding: 0;
    font-size: 1rem
}

.selection-process-aside .selection-process-details table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 12px;
    width: 100%
}

.selection-process-aside .selection-process-details table td {
    word-wrap: break-word;
    white-space: normal
}

.selection-process-aside .selection-process-details table td.aside-table-value {
    text-align: end
}

.selection-process-aside .selection-process-details td.aside-table-value,
.selection-process-aside .selection-process-details td.float-right,
.selection-process-aside .selection-process-details td.process-actions {
    color: grey
}

.selection-process-aside .selection-process-custom-attribute a {
    font-weight: 400
}

.applicant-aside .box .box-body {
    padding-top: 0
}

.applicant-aside .box .box-body .applicant-aside-score {
    cursor: pointer
}

.label-status-selection-process {
    margin-left: 6px;
    margin-right: 6px;
    display: ruby-base
}

.chart_type_selector_container {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end
}

.chart_type_selector_container .dropdown {
    margin-left: 12px
}

.time-input-with-icon {
    border-right: 0;
    border-radius: 0!important
}

.time-icon-in-input {
    border-left: 0 solid transparent;
    background: transparent;
    color: #3c8dbc
}

.look-and-feel-v2 .selection-process-footer {
    justify-content: center;
    position: fixed;
    width: 356px;
    bottom: 2rem;
    background-color: #fafbfd
}

@media(max-width:959px) {
    .look-and-feel-v2 .selection-process-footer {
        width: calc(100% - 44px)
    }
}

.look-and-feel-v2 .selection-process-footer .btn,
.look-and-feel-v2 .selection-process-footer .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v2 .selection-process-footer button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .selection-process-footer .swal2-styled {
    flex-grow: 1
}

.look-and-feel-v2 .selection-process-footer .show-applicant-btn {
    margin-top: 8px;
    display: flex
}

.look-and-feel-v2 .selection-process-aside {
    height: 100%
}

.look-and-feel-v2 .selection-process-aside .selection-process-details {
    padding: 0;
    font-size: .75rem
}

.selection-process-filter-toolbar {
    padding-top: 12px;
    padding-bottom: 12px
}

.selection-process-filter-toolbar input {
    width: 272px
}

@media(max-width:960px) {
    .selection-process-filter-toolbar .process-filter {
        display: flex;
        flex-direction: column-reverse
    }
    .selection-process-filter-toolbar .select2,
    .selection-process-filter-toolbar input {
        width: 100%
    }
}

.selection-process-form .form-group>label {
    font-weight: 600
}

.selection-process-form .box-body hr {
    margin-top: 0;
    margin-bottom: 16px
}

.selection-process-form .selection-process-workday-fields {
    display: flex;
    align-items: center;
    min-height: 74px
}

.selection-process-form .selection-process-recruiters .input-group {
    display: flex
}

.selection-process-form .selection-process-recruiters .select2-selection {
    height: 34px
}

.avatar-banner {
    height: 152px;
    width: 100%;
    background: #172a7a;
    margin-bottom: 16px;
    border-radius: 8px;
    color: #fafbfd
}

.avatar-banner,
.avatar-banner--info {
    display: flex;
    justify-content: space-between
}

.avatar-banner--img {
    width: 100px;
    height: 100px;
    border: 2px solid #fafbfd;
    border-radius: 100%
}

.avatar-banner--title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #091351;
    color: #fafbfd
}

.avatar-banner--value {
    text-align: center;
    width: 160px;
    background: #091351;
    border-radius: 8px
}

.avatar-banner--number {
    font-size: 46px;
    font-weight: 600
}

.avatar-banner--text {
    text-decoration: underline
}

.selection-process-box h4 {
    font-weight: 600
}

.selection-process-box .box-body {
    padding: 15px
}

.selection-process-box .float-right button,
.selection-process-box .process-actions button,
.selection-process-box button.upload-result button,
.selection-process-box span.text-blue i {
    margin-right: 8px
}

.selection-process-box .selection-process-status-msg {
    color: grey;
    margin-right: 8px
}

.selection-process-box .selection-process-buttons .btn-icon {
    margin-right: 8px;
    vertical-align: middle
}

.selection-process-box .selection-process-buttons .selection-process-stage-select {
    width: 192px;
    display: inline-block
}

.selection-process-box .selection-process-buttons .selection-process-action-buttons-wrapper,
.selection-process-box .selection-process-buttons .selection-process-stage-select-wrapper {
    padding-left: 0;
    padding-right: 0
}

.selection-process-box .selection-process-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0
}

.selection-process-box .selection-process-title i {
    color: #dd4b39;
    font-size: 1rem
}

.selection-process-box .selection-process-title h4 {
    display: inline
}

.selection-process-box .selection-process-stage {
    text-align: center;
    color: grey;
    float: left
}

.selection-process-box .selection-process-stage b {
    font-size: 1.125rem
}

.selection-process-box .etapa .box-header .process-stage-title {
    font-weight: 600
}

.selection-process-box .etapa .box-header .box-tools {
    margin-top: 0;
    margin-bottom: 0
}

.etapa {
    width: 280px
}

.etapa .box {
    margin-bottom: 12px
}

.etapa .selection-process-stage-applicants-container {
    height: 520px;
    display: flex;
    flex-direction: column
}

.etapa .selection-process-stage-applicants-container .selection-process-stage-dragover {
    position: absolute;
    height: 80px;
    width: 100%;
    bottom: 0
}

.etapa .selection-process-stage-applicants-container .box-footer {
    z-index: 2
}

.etapa .selection-process-stage-applicants-container .applicants-container {
    min-height: 60%;
    max-height: 100%
}

.etapa .selection-process-stage-applicants-container .discarded-applicants-container {
    max-height: 40%
}

.etapa .selection-process-stage-applicants-container .discarded-applicants-container .internal-container-discarded-applicants {
    max-height: 85%
}

.etapa .box-body {
    flex-grow: 1
}

.etapa .box-header {
    align-items: center
}

.etapa .box-header .editable-container {
    display: block
}

.etapa .box-header .editable-container .control-group.form-group div {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.etapa .box-header .editable-container .control-group.form-group div .btn,
.etapa .box-header .editable-container .control-group.form-group div .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.etapa .box-header .editable-container .control-group.form-group div button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .etapa .box-header .editable-container .control-group.form-group div .swal2-styled {
    padding: 1px 5px;
    font-size: .75rem;
    line-height: 1.5
}

.etapa .box-header .box-title {
    display: flex
}

.etapa .box-header .box-info {
    min-width: 0
}

.etapa .box-header .box-tools {
    align-items: center
}

.etapa .box-header .editable {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.etapa .discarted {
    border-top: 0;
    margin-top: auto
}

.etapa .discarted .applicant-in-stage {
    background-color: #ecf0f5
}

.etapa .discarted #filters-toggle {
    color: #000
}

.etapa .discarted .discarted-applicants-toggle {
    display: inline-flex;
    align-items: center;
    flex: 0 0 100%;
    width: 100%
}

.etapa .discarted .discarted-applicants-toggle hr {
    flex: 1 1;
    border-top-color: #d2d6de
}

.carril_descartados>li {
    opacity: .5
}

.new-note-form {
    display: flex
}

.new-note-form .selection-process-note {
    flex-grow: 1;
    max-width: 272px;
    min-width: 152px
}

#lista_etapas {
    overflow-x: auto;
    white-space: nowrap
}

#lista_etapas .etapa {
    display: inline-block;
    float: none;
    vertical-align: top
}

#lista_etapas .applicant-in-stage-table {
    overflow-x: visible
}

.postulantes-table tbody td:first-child {
    width: 2px;
    text-align: center
}

.postulantes-table tbody td:last-child {
    text-align: center
}

form.verify_identity_document_form .bottom-column {
    float: none;
    display: inline;
    vertical-align: baseline
}

.draft_question {
    width: 100%
}

.template-form__add-element {
    margin-bottom: 4px;
    display: inline-block
}

.template-form__form__image {
    max-width: 100%
}

.template-form__form__video iframe {
    max-width: 560px;
    height: 400px
}

@media screen and (max-width:767px) {
    .template-form__form__video iframe {
        height: 200px
    }
}

#custom-reports-drag-drop ul.drag-container>li {
    padding: 0
}

#custom-reports-drag-drop .layout-report ul {
    width: 100%;
    min-height: 50px
}

#custom-reports-drag-drop .layout-report ul li {
    border: 1px solid #e8e8e8;
    border-left-width: 0;
    margin: 0;
    padding: 8px
}

#custom-reports-drag-drop .layout-report ul li:first-child {
    border-left: 1px solid #e8e8e8
}

#custom-reports-drag-drop .label-grab {
    cursor: move
}

#custom-reports-drag-drop .nav-tabs-custom,
#custom-reports-drag-drop .tab-content .well {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

form.roles_talentos_form .show-value {
    background-color: #0d6aad;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    height: 20px;
    width: 20px
}

.requestable-benefits-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, 324px);
    grid-gap: 24px;
    justify-content: center;
    justify-items: center
}

.requestable-benefits-container .benefit-container-card-panel {
    position: relative;
    width: 324px;
    height: 320px;
    display: flex;
    flex-direction: column
}

.requestable-benefits-container .benefit-container-card-panel .description p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.requestable-benefits-container .benefit-container-card-panel .description p.truncate-1 {
    line-clamp: 1;
    -webkit-line-clamp: 1
}

.requestable-benefits-container .benefit-container-card-panel .description p.truncate-2 {
    line-clamp: 2;
    -webkit-line-clamp: 2
}

.requestable-benefits-container .benefit-container-card-panel .description p.truncate-3 {
    line-clamp: 3;
    -webkit-line-clamp: 3
}

.requestable-benefits-container .benefit-container-card-panel .card-panel__imagen .fondo {
    height: 176px
}

.requestable-benefits-container .benefit-container-card-panel .card-panel__footer {
    margin-top: auto
}

@media(max-width:959px) {
    .benefit-points-card-width {
        width: 100%
    }
}

@media(max-width:960px) {
    .benefit-points-text {
        font-size: .75rem
    }
}

.points-star-size {
    width: 30px;
    height: 30px
}

@media(max-width:959px) {
    .points-star-size {
        width: 22px;
        height: 22px
    }
}

.help-icon-points-detail {
    font-size: 1.5rem
}

@media(max-width:959px) {
    .help-icon-points-detail {
        font-size: 1.125rem
    }
}

img.twemoji {
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -.1em
}

.calibration-sidebar-text {
    font-size: 1rem;
    display: flex
}

.circle-equals-icon {
    border: 2px solid grey;
    border-radius: 50%;
    padding: 3px;
    color: grey;
    font-size: 6px;
    vertical-align: text-top
}

.questions tr>td {
    text-align: center
}

.sub-cat {
    padding-left: 20px;
    font-style: italic
}

.active-info h3 {
    margin-top: 0;
    font-size: 1.125rem;
    margin-bottom: 1px
}

.total-metas {
    margin: 2px 0 4px
}

.active-box .item {
    border-bottom: 1px solid hsla(0, 0%, 80%, .76)
}

.active-box hr {
    margin-top: 0
}

.active-status {
    border-left: 5px solid #cecece;
    float: left;
    width: 100%
}

.active-status.abierta {
    border-left: 5px solid #f39c12;
    padding-left: 5px
}

.active-status.iniciada {
    border-left: 5px solid #00c0ef;
    padding-left: 5px
}

.active-status.terminada {
    border-left: 5px solid #0073b7;
    padding-left: 5px
}

.active-status.operativo {
    border-left: 5px solid #00a65a;
    padding-left: 5px
}

.active-status.no-operativo {
    border-left: 5px solid red;
    padding-left: 5px
}

.active-status.cerrada {
    border-left: 5px solid #00a65a;
    padding-left: 5px
}

.active-status.cancelada {
    border-left: 5px solid #d2d6de;
    padding-left: 5px
}

.new_climate_process_modal .tab-content {
    margin-bottom: 0;
    padding: 0
}

.backgroud-survey {
    background: #ecf0f5;
    min-height: 100vh;
    overflow: auto
}

.survey .survey-header {
    padding-bottom: 0
}

.survey .survey-header-section {
    padding: 1.25rem;
    border-bottom: 1px solid #d2d6de
}

.climate-category-name-field {
    text-transform: capitalize
}

@media(max-width:959px) {
    .my-evaluations-side-list {
        overflow: auto;
        max-height: 252px
    }
}

.evaluation-sections {
    cursor: auto
}

.evaluation-sections__weight {
    text-align: right;
    padding: 1rem 3rem
}

.without-resize {
    resize: none
}

.has-error-select2 {
    border: 1px solid #a94442
}

.evaluator-steps-sortable {
    background: #efefef;
    padding: 3rem 1rem;
    position: relative;
    border: 1px dashed #888;
    margin-bottom: 1rem
}

.evaluator-steps-sortable__label {
    position: absolute;
    top: .5rem;
    left: .5rem
}

[data-evaluation-process-form] #sortable_steps .no-draggable,
[data-evaluation-process-form] #sortable_steps .sortable {
    cursor: auto
}

[data-evaluation-process-form] #sortable_steps .drag {
    cursor: -webkit-grabbing
}

[data-evaluation-process-form] .text-appearance::-webkit-inner-spin-button,
[data-evaluation-process-form] .text-appearance::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

[data-evaluation-process-form] .text-appearance[type=number] {
    -moz-appearance: textfield
}

[data-evaluation-process-form] .text-appearance {
    width: 92px
}

[data-evaluation-process-form] .strong-header .box-header .box-title {
    font-weight: 600
}

@media(min-width:1365px) {
    .col-xl-3 {
        width: 25%
    }
    .col-xl-4 {
        width: 33.333%
    }
}

.massive-modal-cards {
    overflow-y: scroll;
    max-height: 600px
}

.progress-bar-evaluation {
    background: #d2d6de;
    border-radius: 3px
}

.answer-attempt-header {
    border: 1px solid #d2d6de;
    border-radius: 3px
}

.answer-attempt-header .intro-message {
    border-right: 1px solid #d2d6de
}

@media(max-width:319px) {
    .answer-attempt-header .intro-message {
        border-right: 0
    }
    .answer-attempt-header .intro-message:after {
        content: "";
        position: absolute;
        border-bottom: 1px solid #d2d6de;
        width: 90%;
        transform: translateX(-50%);
        left: 50%
    }
}

.text-appearance::-webkit-inner-spin-button,
.text-appearance::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.text-appearance[type=number] {
    -moz-appearance: textfield
}

.text-appearance {
    width: 92px
}

.form-min-width__percentage-q {
    min-width: 100px
}

.tag-result-scale {
    padding: .2em .6em .3em;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
    background-color: var(--color)
}

.training-courses .vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.training-courses .box-header:after,
.training-courses .box-header:before {
    content: normal
}

.training-courses.box-outer>.box-header>.box-title {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.training-courses .box {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border: 1px solid #eceff1;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.training-courses .box:after {
    content: "";
    width: 50%;
    height: 3px;
    left: 0;
    transform: translateX(50%);
    bottom: -1px;
    background: #263238;
    position: absolute
}

.training-courses .box .course-banner {
    position: relative;
    border-bottom: 1px solid #efefef;
    background: #3c8dbc
}

.training-courses .box .course-banner .overlay {
    z-index: 10;
    background: rgba(60, 141, 188, .85);
    transition: all .4s linear;
    border: 1px solid transparent;
    position: absolute;
    border-radius: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0
}

.training-courses .box .course-banner .overlay .inner {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.look-and-feel-v2 .swal2-popup .swal2-actions .training-courses .box .course-banner .overlay .inner .swal2-styled,
.training-courses .box .course-banner .overlay .inner .btn,
.training-courses .box .course-banner .overlay .inner .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.training-courses .box .course-banner .overlay .inner button.upload-result {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 15px
}

.training-courses .box .course-banner:hover .overlay {
    opacity: 1;
    border: 30px solid rgba(54, 127, 169, .9)
}

.training-courses .box .course-banner img {
    width: 100%
}

.training-courses .box .course-banner .course-no-image {
    color: #fff;
    padding-top: 7em;
    height: 300px
}

.training-courses .box .course-banner .banner-img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.training-courses .box .course-banner .float-status {
    text-align: center;
    z-index: 15;
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 22px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.training-courses .box .course-banner .float-status.in_process {
    padding-top: 25px;
    font-size: .75rem;
    color: #fff;
    background-color: #3c8dbc
}

.training-courses .box .course-banner .float-status.approved,
.training-courses .box .course-banner .float-status.enrolled {
    color: #fff;
    background-color: #009688
}

.training-courses .box .course-banner .float-status.rejected,
.training-courses .box .course-banner .float-status.reproved {
    padding-top: 23px;
    color: #fff;
    background-color: #d50000;
    font-size: .75rem
}

.training-courses .box .course-content {
    overflow-y: auto;
    overflow-x: hidden;
    height: 200px;
    position: relative
}

.training-courses .box .course-content .course-description {
    padding: 15px 0
}

.training-courses .box .course-content .course-mas-detalles {
    padding: 10px 0
}

.training-courses .box .course-content h2 {
    margin: 0
}

.training-courses .box .course-content .course-badge {
    font-size: .875rem;
    font-weight: 400
}

.training-courses .disabled {
    pointer-events: none
}

.training-courses .points {
    margin: 0;
    box-shadow: none;
    border: 0
}

.training-courses .points:after {
    content: normal
}

.training-courses .nav {
    border: 1px solid #efefef
}

.training-courses .nav>li>a {
    border: 0;
    padding: 4px 8px;
    font-size: 1rem
}

.courses-banner {
    position: relative;
    border-bottom: 1px solid #efefef;
    background: #3c8dbc;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.courses-banner .overlay {
    z-index: 10;
    transition: all .4s linear;
    border: 1px solid transparent;
    position: absolute;
    border-radius: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0
}

.courses-banner .overlay .inner {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.courses-banner .overlay .inner .btn,
.courses-banner .overlay .inner .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.courses-banner .overlay .inner button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .courses-banner .overlay .inner .swal2-styled {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 15px
}

.courses-banner:hover .overlay {
    opacity: 1;
    border: 30px solid rgba(54, 127, 169, .9)
}

.courses-banner img {
    width: 100%;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.courses-banner .banner-img {
    height: 216px;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.new-training-courses .vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.new-training-courses .box-header:after,
.new-training-courses .box-header:before {
    content: normal
}

.new-training-courses.box-outer>.box-header>.box-title {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.new-training-courses .box {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border: 1px solid #eceff1;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.new-training-courses .box .course-content {
    font-size: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 120px;
    position: relative
}

.new-training-courses .box .course-content h2 {
    margin: 0
}

.new-training-courses .box .course-content .course-badge {
    font-size: .875rem;
    font-weight: 400
}

.new-training-courses .box .course-content .course-content-signed .course-name {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-style: normal;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.new-training-courses .box .course-content .course-content-signed .course-name h4 {
    margin: 0
}

.new-training-courses .box .course-content .course-content-signed .course-section {
    height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.125rem
}

.new-training-courses .box .course-content .course-content-signed .course-badge-background {
    background-color: #3c8dbc;
    color: #fff
}

.new-training-courses .box .course-content .course-content-signed .course-date {
    color: #999;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.125rem
}

.new-training-courses .box .course-content .course-content-signed .course-date .calendar-icon {
    font-size: 1rem;
    color: #3c8dbc;
    margin-right: 5px
}

.new-training-courses .box .course-name {
    font-size: 1.375rem;
    max-height: 2.8em;
    line-height: 1.4em;
    display: flex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.new-training-courses .disabled {
    pointer-events: none
}

.new-training-courses .points {
    margin: 0;
    box-shadow: none;
    border: 0
}

.new-training-courses .points:after {
    content: normal
}

.new-training-courses .nav {
    border: 1px solid #efefef
}

.new-training-courses .nav>li>a {
    border: 0;
    padding: 4px 8px;
    font-size: 1rem
}

.new-course-banner {
    position: relative;
    border-bottom: 1px solid #efefef;
    background: #3c8dbc;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.new-course-banner.no-background {
    background: none
}

.new-course-banner .overlay {
    z-index: 10;
    background: rgba(60, 141, 188, .85);
    transition: all .4s linear;
    border: 1px solid transparent;
    position: absolute;
    border-radius: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0
}

.new-course-banner .overlay .inner {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.look-and-feel-v2 .swal2-popup .swal2-actions .new-course-banner .overlay .inner .swal2-styled,
.new-course-banner .overlay .inner .btn,
.new-course-banner .overlay .inner .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.new-course-banner .overlay .inner button.upload-result {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 15px
}

.new-course-banner:hover .overlay {
    opacity: 1;
    border: 30px solid rgba(54, 127, 169, .9)
}

.new-course-banner img {
    width: 100%;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.new-course-banner .course-no-image {
    color: #fff;
    padding-top: 5em;
    height: 216px
}

.new-course-banner .banner-img {
    height: 216px;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.new-course-banner .banner-status {
    z-index: 15;
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0
}

.new-course-banner .banner-top-circles {
    z-index: 15;
    position: absolute;
    width: 100%;
    padding: 6px
}

.new-course-banner .banner-top-circles .banner-circle {
    border-radius: 50%;
    display: flex;
    width: 32px;
    height: 32px;
    color: #fff;
    margin: 2px;
    float: right
}

.new-course-banner .banner-top-circles .banner-circle i {
    margin: auto;
    font-size: 1.125rem
}

.new-course-banner .banner-top-circles .course-favorite {
    background-color: #ffcb13
}

.new-course-banner .banner-top-circles .course-preaproved {
    background-color: #00a65a
}

.new-course-banner .float-status {
    text-align: center;
    z-index: 15;
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 22px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.new-course-banner .float-status.in_process {
    padding-top: 25px;
    font-size: .75rem;
    color: #fff;
    background-color: #3c8dbc
}

.new-course-banner .float-status.approved,
.new-course-banner .float-status.enrolled {
    color: #fff;
    background-color: #009688
}

.new-course-banner .float-status.rejected,
.new-course-banner .float-status.reproved {
    padding-top: 23px;
    color: #fff;
    background-color: #d50000;
    font-size: .75rem
}

.new-course-banner .badge-pre-approved {
    color: #fff;
    background-color: #6a85a1
}

.workflow-form-fields-group .workflow-form-field-form .box {
    border: 1px solid #d2d6de;
    box-sizing: border-box
}

.workflow-form-fields-group .workflow-form-field-form .box .box-body:hover .workflow-form-remove-field-button {
    opacity: 1
}

.workflow-form-fields-group .workflow-form-field-form .box .box-body {
    padding: 12px
}

.workflow-form-fields-group .workflow-form-field-form .box .box-body .row>div,
.workflow-form-fields-group .workflow-form-field-form .box .box-body .selection-process-stages>div {
    padding-left: 12px;
    padding-right: 12px
}

.workflow-form-fields-group .workflow-form-field-form .box .box-body label.workflow-form-field-name {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 16px
}

.workflow-form-fields-group .workflow-form-field-form .box .box-body .workflow-form-remove-field-button {
    opacity: 0;
    transition: opacity .25s;
    cursor: pointer
}

.workflow-form-fields-group .workflow-form-field-form .box .box-body .workflow-form-remove-field-button i {
    color: #eb5757;
    margin-right: 8px;
    margin-top: 4px
}

.workflow-form-fields-group .workflow-form-field-form .box .workflow-form-field-main-inputs {
    display: flex
}

.workflow-form-fields-group .workflow-form-field-form .box .workflow-form-field-main-inputs .form-group.boolean {
    margin-right: 32px
}

.workflow-form-fields-group .workflow-form-field-form .box .workflow-form-field-main-inputs .form-group.boolean .checkbox {
    margin-top: 0;
    margin-bottom: 0
}

.workflow-form-fields-group .workflow-form-field-form .box .workflow-form-field-main-inputs .form-group.radio_buttons {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap
}

.workflow-form-fields-group .workflow-form-field-form .box .workflow-form-field-main-inputs .form-group.radio_buttons :first-child {
    margin-right: 16px
}

.workflow-form-fields-group .workflow-form-field-form .box .workflow-form-field-main-inputs .form-group.radio_buttons .radio {
    margin-top: 0;
    margin-bottom: 0
}

.workflow-form-fields-group .workflow-form-field-form .box .workflow-form-field-main-inputs .form-group {
    margin-bottom: 0
}

@media(max-width:959px) {
    .editable-sm .workflow-filters.editable-buttons,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user,
    .look-and-feel-v1 .workflow-filters.table-actions,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user,
    .look-and-feel-v2 .main-header .navbar li.nav-item a.workflow-filters.nav-link.nav-link-user,
    .look-and-feel-v2 .workflow-filters.table-actions,
    .workflow-filters.d-flex {
        width: 100%;
        display: block!important;
        justify-content: normal!important;
        float: right
    }
    .editable-sm .workflow-filters.editable-buttons>div,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user>div,
    .look-and-feel-v1 .workflow-filters.table-actions>div,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user>div,
    .look-and-feel-v2 .main-header .navbar li.nav-item a.workflow-filters.nav-link.nav-link-user>div,
    .look-and-feel-v2 .workflow-filters.table-actions>div,
    .workflow-filters.d-flex>div {
        display: grid;
        justify-items: end
    }
    .editable-sm .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .workflow-filters.editable-buttons>div>a.nav-link.nav-link-user .process-input,
    .editable-sm .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div>.editable-buttons .process-input,
    .editable-sm .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user>div>.editable-buttons .process-input,
    .editable-sm .look-and-feel-v1 .workflow-filters.editable-buttons>div>.table-actions .process-input,
    .editable-sm .look-and-feel-v1 .workflow-filters.table-actions>div>.editable-buttons .process-input,
    .editable-sm .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .workflow-filters.editable-buttons>div>a.nav-link.nav-link-user .process-input,
    .editable-sm .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div>.editable-buttons .process-input,
    .editable-sm .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user>div>.editable-buttons .process-input,
    .editable-sm .look-and-feel-v2 .main-header .navbar li.nav-item .workflow-filters.editable-buttons>div>a.nav-link.nav-link-user .process-input,
    .editable-sm .look-and-feel-v2 .main-header .navbar li.nav-item a.workflow-filters.nav-link.nav-link-user>div>.editable-buttons .process-input,
    .editable-sm .look-and-feel-v2 .workflow-filters.editable-buttons>div>.table-actions .process-input,
    .editable-sm .look-and-feel-v2 .workflow-filters.table-actions>div>.editable-buttons .process-input,
    .editable-sm .workflow-filters.d-flex>div>.editable-buttons .process-input,
    .editable-sm .workflow-filters.editable-buttons>div>.d-flex .process-input,
    .editable-sm .workflow-filters.editable-buttons>div>.editable-buttons .process-input,
    .look-and-feel-v1 .editable-sm .workflow-filters.editable-buttons>div>.table-actions .process-input,
    .look-and-feel-v1 .editable-sm .workflow-filters.table-actions>div>.editable-buttons .process-input,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .editable-sm .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div>.editable-buttons .process-input,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .editable-sm .workflow-filters.editable-buttons>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .editable-sm a.workflow-filters.nav-link.nav-link-user>div>.editable-buttons .process-input,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .workflow-filters.d-flex>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li .workflow-filters.table-actions>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div>.d-flex .process-input,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div>.table-actions .process-input,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user>div>.d-flex .process-input,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user>div>.table-actions .process-input,
    .look-and-feel-v1 .look-and-feel-v2 .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v1 .workflow-filters.d-flex>div>.table-actions .process-input,
    .look-and-feel-v1 .workflow-filters.table-actions>div>.d-flex .process-input,
    .look-and-feel-v1 .workflow-filters.table-actions>div>.table-actions .process-input,
    .look-and-feel-v2 .editable-sm .workflow-filters.editable-buttons>div>.table-actions .process-input,
    .look-and-feel-v2 .editable-sm .workflow-filters.table-actions>div>.editable-buttons .process-input,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .editable-sm .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div>.editable-buttons .process-input,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .editable-sm .workflow-filters.editable-buttons>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .editable-sm a.workflow-filters.nav-link.nav-link-user>div>.editable-buttons .process-input,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .workflow-filters.d-flex>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .workflow-filters.table-actions>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div>.d-flex .process-input,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div>.table-actions .process-input,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.workflow-filters.nav-link-user.dropdown-toggle>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user>div>.d-flex .process-input,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user>div>.table-actions .process-input,
    .look-and-feel-v2 .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.workflow-filters.nav-link.nav-link-user>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v2 .main-header .navbar li.nav-item .editable-sm .workflow-filters.editable-buttons>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v2 .main-header .navbar li.nav-item .editable-sm a.workflow-filters.nav-link.nav-link-user>div>.editable-buttons .process-input,
    .look-and-feel-v2 .main-header .navbar li.nav-item .workflow-filters.d-flex>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v2 .main-header .navbar li.nav-item .workflow-filters.table-actions>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v2 .main-header .navbar li.nav-item a.workflow-filters.nav-link.nav-link-user>div>.d-flex .process-input,
    .look-and-feel-v2 .main-header .navbar li.nav-item a.workflow-filters.nav-link.nav-link-user>div>.table-actions .process-input,
    .look-and-feel-v2 .main-header .navbar li.nav-item a.workflow-filters.nav-link.nav-link-user>div>a.nav-link.nav-link-user .process-input,
    .look-and-feel-v2 .workflow-filters.d-flex>div>.table-actions .process-input,
    .look-and-feel-v2 .workflow-filters.table-actions>div>.d-flex .process-input,
    .look-and-feel-v2 .workflow-filters.table-actions>div>.table-actions .process-input,
    .workflow-filters.d-flex>div>.d-flex .process-input {
        width: 200px
    }
}

.workflow-form-fields-container .avatar {
    display: none!important
}

.selection-process-recruiters .input-group {
    display: flex
}

.filter_type {
    min-width: 252px;
    margin-right: 12px
}

.workflow-list-actions {
    margin-bottom: 8px
}

.filter_status {
    min-width: 252px;
    margin-right: 12px
}

.table-responsive-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%
}

@media(max-width:959px) {
    .filter_status,
    .filter_type {
        margin-right: 0
    }
}

.process-input {
    width: 272px;
    margin-right: 12px
}

.workflow-operation-template-dependencies .box-body {
    padding-top: 0;
    padding-bottom: 0
}

.workflow-operation-template-dependencies .workflow-operation-template-dependency .workflow-operation-dependency-content:hover .workflow-operation-remove-dependency-button {
    opacity: 1
}

.workflow-operation-template-dependencies .workflow-operation-template-dependency .workflow-operation-dependency-content {
    display: flex;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px
}

.workflow-operation-template-dependencies .workflow-operation-template-dependency .workflow-operation-dependency-content .material-icons,
.workflow-operation-template-dependencies .workflow-operation-template-dependency .workflow-operation-dependency-content i {
    margin-right: 10px;
    color: #3c8dbc
}

.workflow-operation-template-dependencies .workflow-operation-template-dependency .workflow-operation-dependency-content .material-icons {
    font-size: 1rem
}

.workflow-operation-template-dependencies .workflow-operation-template-dependency .workflow-operation-dependency-content .workflow-operation-dependency-text-content {
    flex-grow: 1
}

.workflow-operation-template-dependencies .workflow-operation-template-dependency .workflow-operation-dependency-content .workflow-operation-dependency-text-content .workflow-operation-dependency-description {
    color: #999
}

.workflow-operation-template-dependencies .workflow-operation-template-dependency .workflow-operation-dependency-content .workflow-operation-remove-dependency-button {
    opacity: 0;
    transition: opacity .25s;
    cursor: pointer
}

.workflow-operation-template-dependencies .workflow-operation-template-dependency .workflow-operation-dependency-content .workflow-operation-remove-dependency-button.material-icons {
    font-size: 1.25rem
}

.workflow-operation-template-dependencies .workflow-operation-template-dependency hr {
    margin-top: 0;
    margin-bottom: 0
}

.workflow-operation-template-dependencies .workflow-operation-template-notification-dependencies>div {
    display: none
}

.workflow-operation-template-dependencies .workflow-operation-template-notification-dependencies>div.active {
    display: inline;
    display: initial
}

.workflow-operation-template-dependencies .workflow-operation-template-dependency:last-child hr {
    display: none
}

.workflow-operation-template-dependencies .box-footer>div {
    display: flex;
    align-items: flex-end
}

.workflow-operation-template-dependencies .box-footer .operation-dependency-select,
.workflow-operation-template-dependencies .box-footer .operation-dependency-status-select {
    min-width: 184px;
    width: 184px;
    margin-right: 12px
}

.workflow-operation-template-dependencies .box-footer .operation-dependency-select .select2,
.workflow-operation-template-dependencies .box-footer .operation-dependency-status-select .select2 {
    width: 100%
}

.workflow-operation-template-form-container .workflow-operation-template-title-input-container {
    display: flex;
    align-items: flex-end
}

.look-and-feel-v2 .swal2-popup .swal2-actions .workflow-operation-template-form-container .workflow-operation-template-title-input-container .swal2-styled,
.workflow-operation-template-form-container .workflow-operation-template-title-input-container .btn,
.workflow-operation-template-form-container .workflow-operation-template-title-input-container .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.workflow-operation-template-form-container .workflow-operation-template-title-input-container button.upload-result {
    margin-left: 12px
}

.workflow-operation-template-form-container .workflow-operation-template-title-input-container .form-group {
    margin-bottom: 0;
    flex-grow: 1
}

.workflow-operation-template-form-container .workflow-operation-template-permission-type-select .select2-container {
    min-width: 100%
}

.workflow-operation-template-form-container .workflow-operation-template-permission-type-note {
    margin-top: 16px
}

.workflow-operation-template-form-container .workflow-operation-template-permission-type-note.area_role_assignable_note {
    margin-bottom: 16px
}

.workflow-notification-form-container {
    overflow: auto
}

.workflow-process-list-item>.header-list .info {
    min-width: 0
}

.workflow-process-list-item .workflow-process-list-item-header {
    display: flex
}

.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations {
    display: flex;
    justify-content: flex-end;
    flex: 0 3 max-content;
    margin-left: auto;
    align-items: center
}

.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations .workflow-process-list-item-operation-icon {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations .workflow-process-list-item-operation-icon a {
    display: inherit
}

.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations .workflow-process-list-item-operation-icon .material-icons,
.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations .workflow-process-list-item-operation-icon .material-icons-outlined,
.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations .workflow-process-list-item-operation-icon i {
    color: #fff;
    font-size: 1rem
}

.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations .workflow-process-list-item-operation-icon.workflow-operation-icon-done {
    background-color: #00a65a
}

.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations .workflow-process-list-item-operation-icon.workflow-operation-icon-waiting {
    background-color: #3c8dbc
}

.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations .workflow-process-list-item-operation-icon.workflow-operation-icon-error {
    background-color: #dd4b39
}

.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations .workflow-process-list-item-operation-icon.workflow-operation-icon-default {
    background-color: #d2d6de
}

.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations .workflow-process-list-item-operation-separator {
    height: 2px;
    width: 24px;
    background-color: #d2d6de;
    margin-left: 4px;
    margin-right: 4px
}

.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-operations .workflow-process-list-item-operation-separator:last-of-type {
    display: none
}

.workflow-process-list-item .workflow-process-list-item-header .workflow-process-list-item-header-title {
    min-width: 0;
    flex-shrink: 1
}

.look-and-feel-v2 .swal2-popup .swal2-actions .workflow-process-list-item .workflow-process-list-item-details .workflow-process-list-item-details-buttons .swal2-styled:nth-of-type(2),
.workflow-process-list-item .workflow-process-list-item-details .workflow-process-list-item-details-buttons .btn:nth-of-type(2),
.workflow-process-list-item .workflow-process-list-item-details .workflow-process-list-item-details-buttons .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled:nth-of-type(2),
.workflow-process-list-item .workflow-process-list-item-details .workflow-process-list-item-details-buttons button.upload-result:nth-of-type(2) {
    margin-left: 12px
}

.workflow-process-list-item .workflow-process-list-item-details .workflow-process-operation-actions {
    display: flex;
    word-break: break-word
}

.workflow-process-list-item .workflow-process-list-item-details table {
    margin-bottom: 0
}

.workflow-process-list-item .workflow-process-list-item-details table .badge .material-icons {
    font-size: .875rem
}

.workflow-process-template-form-errors .alert {
    display: none
}

.workflow-process-form-container>.box {
    height: 950px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.workflow-process-form-container>.box>.box-body {
    display: flex;
    padding: 0;
    flex-grow: 1;
    overflow: inherit
}

.workflow-process-form-container .process-form-sidebar {
    min-width: 216px;
    width: 216px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.workflow-process-form-container .process-form-sidebar .process-form-new-operation-button,
.workflow-process-form-container .process-form-sidebar .process-form-summary-button {
    display: flex
}

.look-and-feel-v2 .swal2-popup .swal2-actions .workflow-process-form-container .process-form-sidebar .process-form-new-operation-button .swal2-styled,
.look-and-feel-v2 .swal2-popup .swal2-actions .workflow-process-form-container .process-form-sidebar .process-form-summary-button .swal2-styled,
.workflow-process-form-container .process-form-sidebar .process-form-new-operation-button .btn,
.workflow-process-form-container .process-form-sidebar .process-form-new-operation-button .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.workflow-process-form-container .process-form-sidebar .process-form-new-operation-button button.upload-result,
.workflow-process-form-container .process-form-sidebar .process-form-summary-button .btn,
.workflow-process-form-container .process-form-sidebar .process-form-summary-button .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.workflow-process-form-container .process-form-sidebar .process-form-summary-button button.upload-result {
    flex-grow: 1
}

.workflow-process-form-container .process-form-sidebar hr {
    margin: 0;
    height: 1px;
    background: #d2d6de
}

.workflow-process-form-container .process-form-sidebar ul {
    display: flex;
    flex-direction: column
}

.workflow-process-form-container .process-form-sidebar ul .process-form-nav-button {
    padding: 8px 12px;
    display: flex;
    align-items: center
}

.workflow-process-form-container .process-form-sidebar ul .process-form-nav-button .process-form-icon-container {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: #ecf0f5;
    display: inline-flex;
    align-items: center;
    justify-content: space-evenly;
    flex-shrink: 0
}

.workflow-process-form-container .process-form-sidebar ul .process-form-nav-button .process-form-warning-icon-container {
    width: 30px;
    height: 30px;
    display: inline-flex;
    color: #f39c12;
    font-size: 18px;
    line-height: 24px;
    align-items: center;
    justify-content: space-evenly;
    flex-shrink: 0
}

.workflow-process-form-container .process-form-sidebar ul .process-form-nav-button .process-form-nav-title {
    display: inline-block;
    flex: 1 1
}

.workflow-process-form-container .process-form-sidebar ul .process-form-nav-button .process-form-nav-title div:first-child {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    word-wrap: anywhere
}

.workflow-process-form-container .process-form-sidebar ul .process-form-nav-button .process-form-nav-title div:last-child {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #999
}

.workflow-process-form-container .process-form-sidebar ul li.process-form-list-entry-trigger {
    order: 1
}

.workflow-process-form-container .process-form-sidebar ul li.active .process-form-nav-button {
    background: #ecf0f5
}

.workflow-process-form-container .process-form-sidebar ul li.active .process-form-nav-button .process-form-icon-container {
    background: #3c8dbc
}

.workflow-process-form-container .process-form-sidebar ul li.active .process-form-nav-button .process-form-icon-container i {
    color: #fff
}

.workflow-process-form-container .process-form-sidebar ul li.active hr {
    height: 3px;
    background: #3c8dbc
}

.workflow-process-form-container .process-form-main {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden
}

.workflow-process-form-container .process-form-main .process-form-summary .process-form-summary-dependencies .box-inner .box-header,
.workflow-process-form-container .process-form-main .process-form-summary .process-form-summary-inputs {
    display: flex
}

.workflow-process-form-container .process-form-main .process-form-summary .process-form-summary-inputs .process-form-summary-title {
    margin-right: 24px;
    flex-grow: 2
}

.workflow-process-form-container .process-form-main .process-form-summary .process-form-summary-inputs .process-form-summary-type {
    min-width: 155px;
    margin-left: auto;
    flex-grow: 1
}

.workflow-process-form-container .process-form-main .process-form-summary .summary-clonable-dependencies-box {
    display: none
}

.workflow-process-form-container .process-form-separation {
    min-width: 1px;
    background: #d2d6de
}

.workflow-process-form-container .limit-visibility-information {
    padding-top: 16px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

.autocomplete_rut_container {
    display: table
}

.autocomplete_rut_container .process-rut-input {
    display: table-cell;
    vertical-align: middle;
    width: 90%
}

.autocomplete_rut_container .process-autocomplete-button {
    display: table-cell;
    vertical-align: middle;
    width: 10%;
    padding-left: 4px;
    padding-top: 8px
}

.worflow-filter__display {
    flex: 1 1;
    align-self: flex-end
}

.error-page {
    width: 600px;
    margin: 20px auto 0
}

@media(max-width:959px) {
    .error-page {
        width: 100%
    }
}

.error-page>.headline {
    float: left;
    font-size: 100px;
    font-weight: 300
}

@media(max-width:959px) {
    .error-page>.headline {
        float: none;
        text-align: center
    }
}

.error-page>.error-content {
    margin-left: 190px;
    display: block
}

@media(max-width:959px) {
    .error-page>.error-content {
        margin-left: 0
    }
}

.error-page>.error-content>h3 {
    font-weight: 300;
    font-size: 1.5rem
}

@media(max-width:959px) {
    .error-page>.error-content>h3 {
        text-align: center
    }
}

.profile-user-img {
    margin: 0 auto;
    width: 100px;
    padding: 3px
}

.profile-username {
    margin-top: 5px
}

.profile-rut {
    font-size: 1rem
}

.post {
    border-bottom: 1px solid #d2d6de;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #666
}

.post:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.post .user-block {
    margin-bottom: 15px
}

#marketplace-section .marketplace__card-panel .card-panel__imagen {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 184px
}

#marketplace-section .marketplace__card-panel .card-panel__imagen img {
    width: unset;
    height: unset;
    max-width: 100%;
    max-height: 100%;
    background: #fafbfd
}

#marketplace-modal .placeholder-text,
#marketplace-section .placeholder-text {
    color: #2f4daa
}

.generic-categories-bar {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#generic-categories-bar .generic-categories-bar-scrolls-left {
    display: inline-block;
    width: 5%
}

#generic-categories-bar .generic-categories-bar-scrolls-left .generic-categories-bar-scrolls-left-arrow {
    display: flex;
    justify-content: center;
    color: #c1c2c4
}

#generic-categories-bar .generic-categories-bar-scrolls-right {
    display: inline-block;
    width: 5%
}

#generic-categories-bar .generic-categories-bar-scrolls-right .generic-categories-bar-scrolls-right-arrow {
    display: flex;
    justify-content: center;
    color: #c1c2c4
}

#generic-categories-bar .generic-categories::-webkit-scrollbar {
    display: none
}

#generic-categories-bar .generic-categories {
    display: flex;
    justify-content: center;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none
}

#generic-categories-bar .generic-categories .generic-category {
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block
}

#generic-categories-bar .generic-categories .generic-category .generic-category-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90px
}

#generic-categories-bar .generic-categories .generic-category .generic-category-content .generic-category-emoji-wrapper {
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px
}

#generic-categories-bar .generic-categories .generic-category .generic-category-content .generic-category-emoji-wrapper .generic-category-emoji {
    font-size: 2.5rem
}

#generic-categories-bar .generic-categories .generic-category .generic-category-content .generic-category-emoji-wrapper.active {
    background-color: #c1c2c4;
    border-radius: .5rem
}

#generic-categories-bar .generic-categories .generic-category .generic-category-content .generic-category-name {
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 700;
    color: #172a7a;
    text-align: center
}

.adelantos-titulo {
    font-size: 1rem
}

.adelantos-titulo-mensaje {
    font-weight: 700;
    color: #2f4daa
}

#request_amount {
    min-width: 180px
}

.look-and-feel-v2.skin-blue .main-header .navbar {
    background: #2f4daa!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item a.nav-link {
    color: #f6f7f9;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item a.nav-link .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons-outlined {
    color: #f6f7f9
}

.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:active .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:active a.nav-link,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:focus .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:focus a.nav-link {
    box-shadow: 0 2px 8px rgba(250, 251, 253, .16)
}

.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show a.nav-link,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover a.nav-link {
    background-color: #f6f7f9!important;
    color: #2f4daa!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show a.nav-link .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover a.nav-link .material-icons-outlined {
    color: #2f4daa!important
}

@media(hover:none) {
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle:hover {
        color: #f6f7f9!important;
        background-color: #2f4daa!important
    }
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-blue .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-blue .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons-outlined {
        color: #f6f7f9!important
    }
}

.look-and-feel-v2.skin-blue .main-header .navbar .global-employee-search .input-group .form-control:focus {
    box-shadow: none
}

.look-and-feel-v2.skin-blue .main-header .navbar .global-employee-search .input-group .input-group-append .input-group-text {
    color: #2f4daa
}

.look-and-feel-v2.skin-yellow .main-header .navbar {
    background: #f99304!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item a.nav-link {
    color: #f6f7f9;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item a.nav-link .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons-outlined {
    color: #f6f7f9
}

.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:active .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:active a.nav-link,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:focus .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:focus a.nav-link {
    box-shadow: 0 2px 8px rgba(250, 251, 253, .16)
}

.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show a.nav-link,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover a.nav-link {
    background-color: #f6f7f9!important;
    color: #f99304!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show a.nav-link .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover a.nav-link .material-icons-outlined {
    color: #f99304!important
}

@media(hover:none) {
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle:hover {
        color: #f6f7f9!important;
        background-color: #f99304!important
    }
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-yellow .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-yellow .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons-outlined {
        color: #f6f7f9!important
    }
}

.look-and-feel-v2.skin-yellow .main-header .navbar .global-employee-search .input-group .form-control:focus {
    box-shadow: none
}

.look-and-feel-v2.skin-yellow .main-header .navbar .global-employee-search .input-group .input-group-append .input-group-text {
    color: #f99304
}

.look-and-feel-v2.skin-green .main-header .navbar {
    background: #4caa37!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item a.nav-link {
    color: #f6f7f9;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item a.nav-link .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons-outlined {
    color: #f6f7f9
}

.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item:active .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item:active a.nav-link,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item:focus .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item:focus a.nav-link {
    box-shadow: 0 2px 8px rgba(250, 251, 253, .16)
}

.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show a.nav-link,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover a.nav-link {
    background-color: #f6f7f9!important;
    color: #4caa37!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show a.nav-link .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover a.nav-link .material-icons-outlined {
    color: #4caa37!important
}

@media(hover:none) {
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle:hover {
        color: #f6f7f9!important;
        background-color: #4caa37!important
    }
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-green .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-green .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons-outlined {
        color: #f6f7f9!important
    }
}

.look-and-feel-v2.skin-green .main-header .navbar .global-employee-search .input-group .form-control:focus {
    box-shadow: none
}

.look-and-feel-v2.skin-green .main-header .navbar .global-employee-search .input-group .input-group-append .input-group-text {
    color: #4caa37
}

.look-and-feel-v2.skin-purple .main-header .navbar {
    background: #605ca8!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item a.nav-link {
    color: #f6f7f9;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item a.nav-link .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons-outlined {
    color: #f6f7f9
}

.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:active .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:active a.nav-link,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:focus .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:focus a.nav-link {
    box-shadow: 0 2px 8px rgba(250, 251, 253, .16)
}

.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show a.nav-link,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover a.nav-link {
    background-color: #f6f7f9!important;
    color: #605ca8!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show a.nav-link .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover a.nav-link .material-icons-outlined {
    color: #605ca8!important
}

@media(hover:none) {
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle:hover {
        color: #f6f7f9!important;
        background-color: #605ca8!important
    }
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-purple .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-purple .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons-outlined {
        color: #f6f7f9!important
    }
}

.look-and-feel-v2.skin-purple .main-header .navbar .global-employee-search .input-group .form-control:focus {
    box-shadow: none
}

.look-and-feel-v2.skin-purple .main-header .navbar .global-employee-search .input-group .input-group-append .input-group-text {
    color: #605ca8
}

.look-and-feel-v2.skin-red .main-header .navbar {
    background: #f95e50!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item a.nav-link {
    color: #f6f7f9;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item a.nav-link .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons-outlined {
    color: #f6f7f9
}

.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item:active .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item:active a.nav-link,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item:focus .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item:focus a.nav-link {
    box-shadow: 0 2px 8px rgba(250, 251, 253, .16)
}

.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show a.nav-link,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover a.nav-link {
    background-color: #f6f7f9!important;
    color: #f95e50!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show a.nav-link .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover a.nav-link .material-icons-outlined {
    color: #f95e50!important
}

@media(hover:none) {
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle:hover {
        color: #f6f7f9!important;
        background-color: #f95e50!important
    }
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-red .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-red .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons-outlined {
        color: #f6f7f9!important
    }
}

.look-and-feel-v2.skin-red .main-header .navbar .global-employee-search .input-group .form-control:focus {
    box-shadow: none
}

.look-and-feel-v2.skin-red .main-header .navbar .global-employee-search .input-group .input-group-append .input-group-text {
    color: #f95e50
}

.look-and-feel-v2.skin-black .main-header .navbar {
    background: #333!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item a.nav-link {
    color: #f6f7f9;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item a.nav-link .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons-outlined {
    color: #f6f7f9
}

.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item:active .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item:active a.nav-link,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item:focus .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item:focus a.nav-link {
    box-shadow: 0 2px 8px rgba(250, 251, 253, .16)
}

.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show a.nav-link,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover a.nav-link {
    background-color: #f6f7f9!important;
    color: #333!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show a.nav-link .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover a.nav-link .material-icons-outlined {
    color: #333!important
}

@media(hover:none) {
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle:hover {
        color: #f6f7f9!important;
        background-color: #333!important
    }
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-black .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-black .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons-outlined {
        color: #f6f7f9!important
    }
}

.look-and-feel-v2.skin-black .main-header .navbar .global-employee-search .input-group .form-control:focus {
    box-shadow: none
}

.look-and-feel-v2.skin-black .main-header .navbar .global-employee-search .input-group .input-group-append .input-group-text {
    color: #333
}

.look-and-feel-v2.skin-white .main-header .navbar {
    background: #f6f7f9!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item a.nav-link {
    color: #333;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item a.nav-link .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons-outlined {
    color: #333
}

.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item:active .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item:active a.nav-link,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item:focus .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item:focus a.nav-link {
    box-shadow: 0 2px 6px rgba(36, 37, 39, .16), 0 1px 2px rgba(36, 37, 39, .24)
}

.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show a.nav-link,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover a.nav-link {
    background-color: #333!important;
    color: #f6f7f9!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show a.nav-link .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover a.nav-link .material-icons-outlined {
    color: #f6f7f9!important
}

@media(hover:none) {
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle:hover {
        color: #333!important;
        background-color: #f6f7f9!important
    }
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-white .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-white .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons-outlined {
        color: #333!important
    }
}

.look-and-feel-v2.skin-white .main-header .navbar .global-employee-search .input-group .form-control:focus {
    box-shadow: none
}

.look-and-feel-v2.skin-white .main-header .navbar .global-employee-search .input-group .input-group-append .input-group-text {
    color: #333
}

.look-and-feel-v2.skin-white .global-employee-search .input-group .tt-input {
    border: 1px solid #e4e5e7
}

.look-and-feel-v2.skin-buk .main-header .navbar {
    background: #f6f7f9!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item a.nav-link {
    color: #2f4daa;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item a.nav-link .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons-outlined {
    color: #2f4daa
}

.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:active .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:active a.nav-link,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:focus .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:focus a.nav-link {
    box-shadow: 0 2px 6px rgba(36, 37, 39, .16), 0 1px 2px rgba(36, 37, 39, .24)
}

.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show a.nav-link,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover a.nav-link {
    background-color: #2f4daa!important;
    color: #f6f7f9!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show a.nav-link .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover a.nav-link .material-icons-outlined {
    color: #f6f7f9!important
}

@media(hover:none) {
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle:hover {
        color: #2f4daa!important;
        background-color: #f6f7f9!important
    }
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-buk .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-buk .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons-outlined {
        color: #2f4daa!important
    }
}

.look-and-feel-v2.skin-buk .main-header .navbar .global-employee-search .input-group .form-control:focus {
    box-shadow: none
}

.look-and-feel-v2.skin-buk .main-header .navbar .global-employee-search .input-group .input-group-append .input-group-text {
    color: #2f4daa
}

.look-and-feel-v2.skin-buk .global-employee-search .input-group .tt-input {
    border: 1px solid #e4e5e7
}

.look-and-feel-v2.skin-starter .main-header .navbar {
    background: #fbd358!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item a.nav-link {
    color: #063f63;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.nav-link-user.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li a.nav-link.nav-link-user .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item a.nav-link .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item a.nav-link.nav-link-user .material-icons-outlined {
    color: #063f63
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:active a.nav-link,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:focus a.nav-link,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:active .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:active a.nav-link,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:focus .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:focus a.nav-link {
    box-shadow: 0 2px 6px rgba(36, 37, 39, .16), 0 1px 2px rgba(36, 37, 39, .24)
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show a.nav-link,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover a.nav-link {
    background-color: #063f63!important;
    color: #fbd358!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show a.nav-link .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show a.nav-link .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle .material-icons-outlined,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover a.nav-link .material-icons,
.look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover a.nav-link .material-icons-outlined {
    color: #fbd358!important
}

@media(hover:none) {
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle:hover,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle:hover,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle:hover {
        color: #063f63!important;
        background-color: #fbd358!important
    }
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v1 .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-starter .main-header .navbar .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li:hover a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item.show a.nav-link.sidebar-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.sidebar-toggle.dropdown-toggle .material-icons-outlined,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons,
    .look-and-feel-v2.skin-starter .main-header .navbar li.nav-item:hover a.nav-link.sidebar-toggle .material-icons-outlined {
        color: #063f63!important
    }
}

.look-and-feel-v2.skin-starter .main-header .navbar .global-employee-search .input-group .form-control:focus {
    box-shadow: none
}

.look-and-feel-v2.skin-starter .main-header .navbar .global-employee-search .input-group .input-group-append .input-group-text {
    color: #063f63
}

.look-and-feel-v2.skin-starter .aside-base .aside-container .aside-header,
.look-and-feel-v2.skin-starter .modal-header {
    background: #fbd358
}

.bux-card .bux-card-head .head-avatar .look-and-feel-v2.skin-starter .bux-list .bux-list-item.small-list-item .header-list i,
.look-and-feel-v2.skin-starter .aside-base .aside-container .aside-header .title,
.look-and-feel-v2.skin-starter .aside-base .aside-container .aside-header a.close-btn>span,
.look-and-feel-v2.skin-starter .birthday-list .birthday-date-text,
.look-and-feel-v2.skin-starter .bs-wizard .bs-wizard-step.completed .bs-wizard-dot,
.look-and-feel-v2.skin-starter .bs-wizard .bs-wizard-title.completed,
.look-and-feel-v2.skin-starter .btn-light:not(.btn-destructive-link),
.look-and-feel-v2.skin-starter .bux-card .bux-card-head .head-avatar .bux-list .bux-list-item.small-list-item .header-list i,
.look-and-feel-v2.skin-starter .bux-card .bux-card-head .head-tools i.status-icon-primary,
.look-and-feel-v2.skin-starter .bux-list .bux-list-item .header-list .info .title,
.look-and-feel-v2.skin-starter .bux-list .bux-list-item.small-list-item .header-list .bux-card .bux-card-head .head-avatar i,
.look-and-feel-v2.skin-starter .bux-list .bux-list-item.small-list-item .header-list .icon,
.look-and-feel-v2.skin-starter .input-group-text,
.look-and-feel-v2.skin-starter .modal-header .close,
.look-and-feel-v2.skin-starter .modal-header .modal-title,
.look-and-feel-v2.skin-starter .nav-tabs-pills .nav-pills>li>a .info .title,
.look-and-feel-v2.skin-starter .pagination li a,
.look-and-feel-v2.skin-starter a,
.look-and-feel-v2.skin-starter h1,
.look-and-feel-v2.skin-starter h2,
.look-and-feel-v2.skin-starter h3 {
    color: #063f63
}

.look-and-feel-v2.skin-starter .box-tips,
.look-and-feel-v2.skin-starter .bux-card.bux-card-primary .bux-card-head .head-avatar,
.look-and-feel-v2.skin-starter .bux-list .bux-list-item.bux-list-primary .header-list .avatar,
.look-and-feel-v2.skin-starter .nav-tabs-pills .nav-pills>li>a.active .avatar {
    background: #063f63
}

.look-and-feel-v2.skin-starter .bs-wizard .bs-wizard-step.completed .progress-line,
.look-and-feel-v2.skin-starter .bux-card.bux-card-primary .bux-card-head .head-info .tag,
.look-and-feel-v2.skin-starter .datepicker table tr td.active.active,
.look-and-feel-v2.skin-starter .datepicker table tr td span.active.active,
.look-and-feel-v2.skin-starter .select2-container--default .select2-results__option--highlighted[aria-selected],
.look-and-feel-v2.skin-starter .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #063f63
}

.look-and-feel-v2.skin-starter .form-control:focus,
.look-and-feel-v2.skin-starter .select2-container--default.select2-container--open,
.look-and-feel-v2.skin-starter .select2-container--default .select2-selection--multiple .select2-selection__choice,
.look-and-feel-v2.skin-starter .select2-container--default .select2-selection--multiple:focus {
    border-color: #063f63
}

.look-and-feel-v2.skin-starter a:hover {
    color: #043155
}

.look-and-feel-v2.skin-starter .badge-primary,
.look-and-feel-v2.skin-starter .badge.badge-primary,
.look-and-feel-v2.skin-starter .bg-blue,
.look-and-feel-v2.skin-starter .bg-light-blue,
.look-and-feel-v2.skin-starter .btn-cta,
.look-and-feel-v2.skin-starter .btn-default,
.look-and-feel-v2.skin-starter .btn-primary,
.look-and-feel-v2.skin-starter .swal2-popup .swal2-actions .swal2-styled.swal2-confirm,
.look-and-feel-v2.skin-starter button.upload-result {
    background-color: #063f63!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter a.btn-default,
.look-and-feel-v1 .look-and-feel-v2.skin-starter button.btn-default,
.look-and-feel-v2.skin-starter .btn-secondary,
.look-and-feel-v2.skin-starter .look-and-feel-v1 a.btn-default,
.look-and-feel-v2.skin-starter .look-and-feel-v1 button.btn-default,
.look-and-feel-v2.skin-starter .swal2-popup .swal2-actions .swal2-styled.swal2-cancel,
.look-and-feel-v2.skin-starter .text-blue,
.look-and-feel-v2.skin-starter .text-light-blue,
.look-and-feel-v2.skin-starter .text-primary {
    color: #063f63!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter a.btn-default,
.look-and-feel-v1 .look-and-feel-v2.skin-starter button.btn-default,
.look-and-feel-v2.skin-starter .btn-cta,
.look-and-feel-v2.skin-starter .btn-default,
.look-and-feel-v2.skin-starter .btn-primary,
.look-and-feel-v2.skin-starter .btn-secondary,
.look-and-feel-v2.skin-starter .look-and-feel-v1 a.btn-default,
.look-and-feel-v2.skin-starter .look-and-feel-v1 button.btn-default,
.look-and-feel-v2.skin-starter .swal2-popup .swal2-actions .swal2-styled.swal2-cancel,
.look-and-feel-v2.skin-starter .swal2-popup .swal2-actions .swal2-styled.swal2-confirm,
.look-and-feel-v2.skin-starter button.upload-result {
    border-color: #063f63!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter a.btn-default:focus,
.look-and-feel-v1 .look-and-feel-v2.skin-starter button.btn-default:focus,
.look-and-feel-v2.skin-starter .btn-cta:focus,
.look-and-feel-v2.skin-starter .btn-default:focus,
.look-and-feel-v2.skin-starter .btn-primary:focus,
.look-and-feel-v2.skin-starter .btn-secondary:focus,
.look-and-feel-v2.skin-starter .look-and-feel-v1 a.btn-default:focus,
.look-and-feel-v2.skin-starter .look-and-feel-v1 button.btn-default:focus,
.look-and-feel-v2.skin-starter .swal2-popup .swal2-actions .swal2-styled.swal2-cancel:focus,
.look-and-feel-v2.skin-starter .swal2-popup .swal2-actions .swal2-styled.swal2-confirm:focus,
.look-and-feel-v2.skin-starter button.upload-result:focus {
    box-shadow: 0 2px 4px rgba(41, 85, 123, .24), 0 4px 8px rgba(41, 85, 123, .16)
}

.look-and-feel-v2.skin-starter .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e1ecf3
}

.look-and-feel-v2.skin-starter .box-outer,
.look-and-feel-v2.skin-starter .card-indicator {
    box-shadow: 0 6px 12px rgba(41, 85, 123, .14), 0 16px 24px rgba(41, 85, 123, .08)
}

.look-and-feel-v2.skin-starter .box-inner {
    box-shadow: 0 1px 2px rgba(41, 85, 123, .24), 0 2px 6px rgba(41, 85, 123, .16);
    border: 1px solid #e1ecf3
}

.look-and-feel-v2.skin-starter .box-inner>.box-header {
    color: #444;
    background: #e1ecf3;
    background-color: #e1ecf3
}

.look-and-feel-v2.skin-starter .box-inner>.box-header .btn,
.look-and-feel-v2.skin-starter .box-inner>.box-header .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v2.skin-starter .box-inner>.box-header a,
.look-and-feel-v2.skin-starter .box-inner>.box-header button.upload-result,
.look-and-feel-v2.skin-starter .swal2-popup .swal2-actions .box-inner>.box-header .swal2-styled {
    color: #444
}

.look-and-feel-v2.skin-starter .box-solid {
    border: 1px solid #063f63
}

.look-and-feel-v2.skin-starter .box-solid>.box-header {
    color: #fff;
    background: #063f63;
    background-color: #063f63
}

.look-and-feel-v2.skin-starter .box-solid>.box-header .btn,
.look-and-feel-v2.skin-starter .box-solid>.box-header .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v2.skin-starter .box-solid>.box-header a,
.look-and-feel-v2.skin-starter .box-solid>.box-header button.upload-result,
.look-and-feel-v2.skin-starter .swal2-popup .swal2-actions .box-solid>.box-header .swal2-styled {
    color: #fff
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs .nav-item .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs>li .nav-link.active,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .nav-link.active,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.active.dropdown-toggle,
.look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs .nav-item .nav-link.active,
.look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs .nav-item .nav-link.active:focus,
.look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs .nav-item .nav-link.active:hover {
    background: rgba(6, 63, 99, .08);
    color: #063f63;
    border-bottom: .125rem solid #063f63
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs .nav-item .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs .nav-item .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs>li .nav-link:focus,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs>li .nav-link:hover,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .nav-link:focus,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li .nav-link:hover,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:focus,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle:hover,
.look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs .nav-item .nav-link:focus,
.look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs .nav-item .nav-link:hover {
    color: #063f63
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs .nav-item.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs>li.show .nav-link,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-link,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li.show .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs .nav-item.show .look-and-feel-v1 .nav-tabs-custom>.nav-tabs>li>a.dropdown-toggle,
.look-and-feel-v2.skin-starter .nav-tabs-custom>.nav-tabs .nav-item.show .nav-link {
    background: rgba(6, 63, 99, .08);
    color: #063f63;
    border-bottom: .125rem solid #063f63
}

.look-and-feel-v2.skin-starter .nav-tabs-pills .nav-pills>li>a.tab-header .avatar i {
    color: #58839a
}

.look-and-feel-v2.skin-starter .nav-tabs-pills .nav-pills>li>a.active,
.look-and-feel-v2.skin-starter .nav-tabs-pills .nav-pills>li>a.active:focus,
.look-and-feel-v2.skin-starter .nav-tabs-pills .nav-pills>li>a.active:hover {
    color: #063f63;
    background-color: #e1ecf3;
    border-bottom-color: #063f63
}

.look-and-feel-v2.skin-starter .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider).active,
.look-and-feel-v2.skin-starter .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider):focus:not(.disabled),
.look-and-feel-v2.skin-starter .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider):hover:not(.disabled) {
    background-color: #e1ecf3
}

.look-and-feel-v2.skin-starter .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider).active,
.look-and-feel-v2.skin-starter .dropdown:not(.user):not(.notifications-menu) .dropdown-menu>a:not(.dropdown-divider).active:hover {
    background-color: #29557b
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .form-control:focus,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .select2-selection:focus,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .vue-treeselect__control:focus,
.look-and-feel-v2.skin-starter .form-group .form-control:focus,
.look-and-feel-v2.skin-starter .input-group .form-control:focus,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .form-control:focus,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .select2-selection:focus,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .vue-treeselect__control:focus {
    border-color: #063f63;
    box-shadow: 0 1px 2px rgba(41, 85, 123, .24), 0 2px 6px rgba(41, 85, 123, .16)
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .form-control:hover,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .select2-selection:hover,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .vue-treeselect__control:hover,
.look-and-feel-v2.skin-starter .form-group .form-control:hover,
.look-and-feel-v2.skin-starter .input-group .form-control:hover,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .form-control:hover,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .select2-selection:hover,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .vue-treeselect__control:hover {
    border-color: #063f63
}

.look-and-feel-v2.skin-starter .select2-container--default.select2-container--focus .select2-selection--multiple,
.look-and-feel-v2.skin-starter .select2-container--default .select2-search--dropdown .select2-search__field,
.look-and-feel-v2.skin-starter .select2-dropdown,
.look-and-feel-v2.skin-starter .select2-search--inline .select2-search__field {
    border-color: #063f63!important
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .pagination li.active a,
.look-and-feel-v1 .look-and-feel-v2.skin-starter .pagination li li.active a,
.look-and-feel-v1 .pagination .look-and-feel-v2.skin-starter .pagination li.active a,
.look-and-feel-v1 .pagination .look-and-feel-v2.skin-starter li.active .page-link,
.look-and-feel-v1 .pagination .look-and-feel-v2.skin-starter li.active .pagination li a,
.look-and-feel-v1 .pagination .look-and-feel-v2.skin-starter li.active a,
.look-and-feel-v1 .pagination li .look-and-feel-v2.skin-starter .page-item.active a,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .pagination li.active .page-link,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .pagination li.active .pagination li a,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .pagination li.active a,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .pagination li li.active a,
.look-and-feel-v2.skin-starter .page-item.active .look-and-feel-v1 .pagination li a,
.look-and-feel-v2.skin-starter .page-item.active .page-link,
.look-and-feel-v2.skin-starter .page-item.active .pagination li a,
.look-and-feel-v2.skin-starter .pagination li.active .page-link,
.look-and-feel-v2.skin-starter .pagination li.active .pagination li a,
.look-and-feel-v2.skin-starter .pagination li.active a,
.look-and-feel-v2.skin-starter .pagination li .page-item.active a,
.look-and-feel-v2.skin-starter .pagination li li.active a {
    background-color: #063f63;
    border-color: #063f63
}

.look-and-feel-v1 .pagination li .look-and-feel-v2.skin-starter a:hover,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .pagination li a:hover,
.look-and-feel-v2.skin-starter .page-link:hover,
.look-and-feel-v2.skin-starter .pagination li a:hover {
    color: #032447
}

.look-and-feel-v1 .look-and-feel-v2.skin-starter .pagination li.active a:hover,
.look-and-feel-v2.skin-starter .look-and-feel-v1 .pagination li.active a:hover,
.look-and-feel-v2.skin-starter .pagination .page-item.active a:hover,
.look-and-feel-v2.skin-starter .pagination li.active a:hover {
    color: #fafbfd
}

.look-and-feel-v2.skin-starter .bux-card {
    border-color: rgba(6, 63, 99, .08)
}

.look-and-feel-v2.skin-starter .bux-card.bux-card-primary {
    border-left-color: #063f63
}

.look-and-feel-v2.skin-starter .badge-default {
    background-color: rgba(6, 63, 99, .16);
    color: #01122f
}

.look-and-feel-v2.skin-starter .popover-title {
    background-color: rgba(6, 63, 99, .32);
    border-bottom-color: rgba(6, 63, 99, .32)
}

.look-and-feel-v2.skin-starter .special-checkbox__input:checked~.special-checkbox__indicator {
    background-color: #063f63
}

.look-and-feel-v2.skin-starter .special-checkbox__input:focus~.special-checkbox__indicator {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08)
}

.look-and-feel-v2.skin-starter .special-checkbox:hover .special-checkbox__indicator {
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px #063f63
}

.look-and-feel-v2.skin-starter .alert_soft__info,
.look-and-feel-v2.skin-starter .alert_solid__info {
    background: #e1ecf3;
    color: #01122f
}

.look-and-feel-v2.skin-starter .swal2-popup .swal2-header .swal-icon.swal2-info {
    color: #29557b
}

.look-and-feel-v2.skin-menu-default .main-sidebar {
    background: #2f4daa
}

.look-and-feel-v2.skin-menu-default .main-sidebar .sidebar::-webkit-scrollbar-thumb {
    background-color: #6c87d8;
    border: 4px solid #2f4daa
}

.look-and-feel-v2.skin-menu-default .main-sidebar .sidebar::-webkit-scrollbar {
    width: 14px
}

.look-and-feel-v2.skin-menu-default .main-sidebar .sidebar::-webkit-scrollbar-track {
    background-color: #2f4daa
}

.look-and-feel-v2.skin-menu-default .main-sidebar .sidebar>ul.sidebar-menu.tree hr {
    margin: 4px 10px;
    border-top: 1px solid #4765cb!important
}

.look-and-feel-v2.skin-menu-default .main-sidebar .sidebar>ul.sidebar-menu.tree>li a {
    color: #f6f7f9!important
}

.look-and-feel-v2.skin-menu-default .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li a:hover {
    background: #2a469d!important
}

.look-and-feel-v2.skin-menu-default .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li.active a {
    background: #223a92!important;
    color: #f9b82d!important
}

.look-and-feel-v2.skin-menu-default .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li.active a:hover {
    background: #223a92!important
}

.look-and-feel-v2.skin-menu-white .main-sidebar {
    background: #f6f7f9
}

.look-and-feel-v2.skin-menu-white .main-sidebar .sidebar::-webkit-scrollbar-thumb {
    background-color: #e4e5e7;
    border: 4px solid #f6f7f9
}

.look-and-feel-v2.skin-menu-white .main-sidebar .sidebar::-webkit-scrollbar {
    width: 14px
}

.look-and-feel-v2.skin-menu-white .main-sidebar .sidebar::-webkit-scrollbar-track {
    background-color: #f6f7f9
}

.look-and-feel-v2.skin-menu-white .main-sidebar .sidebar>ul.sidebar-menu.tree hr {
    margin: 4px 10px;
    border-top: 1px solid #e4e5e7!important
}

.look-and-feel-v2.skin-menu-white .main-sidebar .sidebar>ul.sidebar-menu.tree>li a {
    color: #2a469d!important
}

.look-and-feel-v2.skin-menu-white .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li a:hover {
    background: #f0f1f3!important
}

.look-and-feel-v2.skin-menu-white .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li.active a {
    background: rgba(249, 147, 4, .16)!important;
    color: #e57602!important
}

.look-and-feel-v2.skin-menu-white .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li.active a:hover {
    background: rgba(249, 147, 4, .16)!important
}

.look-and-feel-v2.skin-menu-black .main-sidebar {
    background: #242527
}

.look-and-feel-v2.skin-menu-black .main-sidebar .sidebar::-webkit-scrollbar-thumb {
    background-color: #656668;
    border: 4px solid #242527
}

.look-and-feel-v2.skin-menu-black .main-sidebar .sidebar::-webkit-scrollbar {
    width: 14px
}

.look-and-feel-v2.skin-menu-black .main-sidebar .sidebar::-webkit-scrollbar-track {
    background-color: #242527
}

.look-and-feel-v2.skin-menu-black .main-sidebar .sidebar>ul.sidebar-menu.tree hr {
    margin: 4px 10px;
    border-top: 1px solid #464748!important
}

.look-and-feel-v2.skin-menu-black .main-sidebar .sidebar>ul.sidebar-menu.tree>li a {
    color: #f6f7f9!important
}

.look-and-feel-v2.skin-menu-black .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li a:hover {
    background: rgba(121, 122, 124, .08)!important
}

.look-and-feel-v2.skin-menu-black .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li.active a {
    background: rgba(121, 122, 124, .32)!important;
    color: #ffa800!important
}

.look-and-feel-v2.skin-menu-black .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li.active a:hover {
    background: rgba(121, 122, 124, .32)!important
}

.look-and-feel-v2.skin-menu-starter .main-sidebar {
    background: #fafbfd
}

.look-and-feel-v2.skin-menu-starter .main-sidebar .sidebar::-webkit-scrollbar-thumb {
    background-color: #e4e5e7;
    border: 4px solid #fafbfd
}

.look-and-feel-v2.skin-menu-starter .main-sidebar .sidebar::-webkit-scrollbar {
    width: 14px
}

.look-and-feel-v2.skin-menu-starter .main-sidebar .sidebar::-webkit-scrollbar-track {
    background-color: #fafbfd
}

.look-and-feel-v2.skin-menu-starter .main-sidebar .sidebar>ul.sidebar-menu.tree hr {
    margin: 4px 10px;
    border-top: 1px solid #e4e5e7!important
}

.look-and-feel-v2.skin-menu-starter .main-sidebar .sidebar>ul.sidebar-menu.tree>li a {
    color: #063f63!important
}

.look-and-feel-v2.skin-menu-starter .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li a:hover {
    background: rgba(121, 122, 124, .08)!important
}

.look-and-feel-v2.skin-menu-starter .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li.active a {
    background: rgba(255, 186, 26, .16)!important;
    color: #e06c00!important
}

.look-and-feel-v2.skin-menu-starter .main-sidebar .sidebar>ul.sidebar-menu.tree>li ul.treeview-menu>li.active a:hover {
    background: rgba(255, 186, 26, .16)!important
}

.look-and-feel-v2.skin-menu-starter .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>a .fa-angle-left,
.look-and-feel-v2.skin-menu-starter .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>a .pull-right-container .fa-angle-left,
.look-and-feel-v2.skin-menu-starter .main-sidebar .sidebar>ul.sidebar-menu.tree>li.menu-open>ul.treeview-menu li.treeview.menu-open>a>.pull-right-container .fa-angle-left {
    color: #ffba1a
}

.look-and-feel-v1.skin-black.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-black.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-black.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-black.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-black.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-black.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-black.skin-starter .main-header .logo,
.look-and-feel-v1.skin-black.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-black .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-black .main-header .navbar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-black .main-header .navbar-brand {
    color: #fff;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-black .main-header .navbar {
    background-color: #fff
}

.look-and-feel-v1.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-black .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #333
}

.look-and-feel-v1.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-black .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-black .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-black .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-black .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-black .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-black .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-black .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-black .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover {
    background: #fff;
    color: #999
}

.look-and-feel-v1.skin-black .main-header .navbar .sidebar-toggle {
    color: #333
}

.look-and-feel-v1.skin-black .main-header .navbar .sidebar-toggle:hover {
    color: #999;
    background: #fff
}

.look-and-feel-v1.skin-black .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-black .main-header .navbar .sidebar-toggle:hover {
    background-color: #f2f2f2
}

.look-and-feel-v1.skin-black .main-header .navbar .navbar-nav>li>a {
    border-right: 1px solid #d2d6de
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-black .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-black .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-black .main-header .navbar .dropdown-menu li a:hover {
        background: #f2f2f2
    }
}

.look-and-feel-v1.skin-black .main-header .logo {
    background-color: #f2f2f2;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-black .main-header .logo:hover {
    background-color: #f0f0f0
}

.look-and-feel-v1.skin-black .main-header .user-header {
    background-color: #fff
}

.look-and-feel-v1.skin-black .content-header {
    background: transparent
}

.look-and-feel-v1.skin-black .left-side,
.look-and-feel-v1.skin-black .main-sidebar,
.look-and-feel-v1.skin-black .wrapper {
    background-color: #222d32
}

.look-and-feel-v1.skin-black .user-panel>.info,
.look-and-feel-v1.skin-black .user-panel>.info>a {
    color: #fff
}

.look-and-feel-v1.skin-black .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.look-and-feel-v1.skin-black .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.look-and-feel-v1.skin-black .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-black .sidebar-menu>li.menu-open>a,
.look-and-feel-v1.skin-black .sidebar-menu>li:hover>a {
    color: #fff;
    background: #1e282c
}

.look-and-feel-v1.skin-black .sidebar-menu>li.active>a {
    border-left-color: #333
}

.look-and-feel-v1.skin-black .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.look-and-feel-v1.skin-black .sidebar a {
    color: #f0f1f3
}

.look-and-feel-v1.skin-black .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-black .sidebar-menu .treeview-menu>li>a {
    color: #8aa4af
}

.look-and-feel-v1.skin-black .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-black .sidebar-menu .treeview-menu>li>a:hover {
    color: #fff
}

.look-and-feel-v1.skin-black .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px
}

.look-and-feel-v1.skin-black .sidebar-form .btn,
.look-and-feel-v1.skin-black .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black .sidebar-form button.upload-result,
.look-and-feel-v1.skin-black .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-black .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-black .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-black .sidebar-form .btn,
.look-and-feel-v1.skin-black .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

.look-and-feel-v1.skin-black-light.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-black-light.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-black-light.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-black-light.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-black-light.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-black-light.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-black-light.skin-starter .main-header .logo,
.look-and-feel-v1.skin-black-light.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-black-light .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-black-light .main-header .navbar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-black-light .main-header .navbar-brand {
    color: #fff;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-black-light .main-header .navbar {
    background-color: #fff
}

.look-and-feel-v1.skin-black-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-black-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-black-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #333
}

.look-and-feel-v1.skin-black-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-black-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-black-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-black-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-black-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-black-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-black-light .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-black-light .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-black-light .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-black-light .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-black-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-black-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-black-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover {
    background: #fff;
    color: #999
}

.look-and-feel-v1.skin-black-light .main-header .navbar .sidebar-toggle {
    color: #333
}

.look-and-feel-v1.skin-black-light .main-header .navbar .sidebar-toggle:hover {
    color: #999;
    background: #fff
}

.look-and-feel-v1.skin-black-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-black-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #f2f2f2
}

.look-and-feel-v1.skin-black-light .main-header .navbar .navbar-nav>li>a {
    border-right: 1px solid #d2d6de
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-black-light .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-black-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-black-light .main-header .navbar .dropdown-menu li a:hover {
        background: #f2f2f2
    }
}

.look-and-feel-v1.skin-black-light .main-header .logo {
    background-color: #f2f2f2;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-black-light .main-header .logo:hover {
    background-color: #f0f0f0
}

.look-and-feel-v1.skin-black-light .main-header .user-header {
    background-color: #fff
}

.look-and-feel-v1.skin-black-light .content-header {
    background: transparent
}

.look-and-feel-v1.skin-black-light .left-side,
.look-and-feel-v1.skin-black-light .main-sidebar,
.look-and-feel-v1.skin-black-light .wrapper {
    background-color: #f9fafc
}

.look-and-feel-v1.skin-black-light .main-sidebar {
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-black-light .user-panel>.info,
.look-and-feel-v1.skin-black-light .user-panel>.info>a {
    color: #444
}

.look-and-feel-v1.skin-black-light .sidebar-menu>li {
    transition: border-left-color .3s ease
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v1.skin-black-light .sidebar-menu>li {
        transition: none
    }
}

.look-and-feel-v1.skin-black-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.look-and-feel-v1.skin-black-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600;
    display: flex;
    align-items: center
}

.look-and-feel-v1.skin-black-light .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-black-light .sidebar-menu>li:hover>a {
    color: #000;
    background: #f4f4f5
}

.look-and-feel-v1.skin-black-light .sidebar-menu>li.active {
    border-left-color: #fff
}

.look-and-feel-v1.skin-black-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-black-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.look-and-feel-v1.skin-black-light .sidebar a {
    color: #444
}

.look-and-feel-v1.skin-black-light .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-black-light .sidebar-menu .treeview-menu>li>a {
    color: #888
}

.look-and-feel-v1.skin-black-light .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-black-light .sidebar-menu .treeview-menu>li>a:hover {
    color: #000
}

.look-and-feel-v1.skin-black-light .sidebar-menu .treeview-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-black-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px
}

.look-and-feel-v1.skin-black-light .sidebar-form .btn,
.look-and-feel-v1.skin-black-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black-light .sidebar-form button.upload-result,
.look-and-feel-v1.skin-black-light .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black-light .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-black-light .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-black-light .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-black-light .sidebar-form .btn,
.look-and-feel-v1.skin-black-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black-light .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black-light .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

@media(min-width:959px) {
    .look-and-feel-v1.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.look-and-feel-v1.skin-black-dark.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-black-dark.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-black-dark.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-black-dark.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-black-dark.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-black-dark.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-black-dark.skin-starter .main-header .logo,
.look-and-feel-v1.skin-black-dark.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-black-dark .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-black-dark .main-header .navbar-toggle {
    color: #333
}

.look-and-feel-v1.skin-black-dark .main-header .navbar-brand {
    color: #333;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-black-dark .main-header .navbar {
    background-color: #333
}

.look-and-feel-v1.skin-black-dark .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-black-dark .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-black-dark .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #fff
}

.look-and-feel-v1.skin-black-dark .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-black-dark .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-black-dark .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-black-dark .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-black-dark .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-black-dark .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-black-dark .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-black-dark .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-black-dark .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-black-dark .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-black-dark .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-black-dark .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-black-dark .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
.look-and-feel-v1.skin-black-dark .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #f4f4f4
}

.look-and-feel-v1.skin-black-dark .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-black-dark .main-header .navbar .sidebar-toggle:hover {
    background-color: #262626
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-black-dark .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-black-dark .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-black-dark .main-header .navbar .dropdown-menu li a:hover {
        background: #262626
    }
}

.look-and-feel-v1.skin-black-dark .main-header .logo {
    background-color: #262626;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-black-dark .main-header .logo:hover {
    background-color: #242424
}

.look-and-feel-v1.skin-black-dark .main-header .user-header {
    background-color: #333
}

.look-and-feel-v1.skin-black-dark .content-header {
    background: transparent
}

.look-and-feel-v1.skin-black-dark .left-side,
.look-and-feel-v1.skin-black-dark .main-sidebar,
.look-and-feel-v1.skin-black-dark .wrapper {
    background-color: #222d32
}

.look-and-feel-v1.skin-black-dark .user-panel>.info,
.look-and-feel-v1.skin-black-dark .user-panel>.info>a {
    color: #fff
}

.look-and-feel-v1.skin-black-dark .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.look-and-feel-v1.skin-black-dark .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.look-and-feel-v1.skin-black-dark .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-black-dark .sidebar-menu>li.menu-open>a,
.look-and-feel-v1.skin-black-dark .sidebar-menu>li:hover>a {
    color: #fff;
    background: #1e282c
}

.look-and-feel-v1.skin-black-dark .sidebar-menu>li.active>a {
    border-left-color: #333
}

.look-and-feel-v1.skin-black-dark .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.look-and-feel-v1.skin-black-dark .sidebar a {
    color: #f0f1f3
}

.look-and-feel-v1.skin-black-dark .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-black-dark .sidebar-menu .treeview-menu>li>a {
    color: #8aa4af
}

.look-and-feel-v1.skin-black-dark .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-black-dark .sidebar-menu .treeview-menu>li>a:hover {
    color: #fff
}

.look-and-feel-v1.skin-black-dark .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px
}

.look-and-feel-v1.skin-black-dark .sidebar-form .btn,
.look-and-feel-v1.skin-black-dark .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black-dark .sidebar-form button.upload-result,
.look-and-feel-v1.skin-black-dark .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black-dark .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-black-dark .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-black-dark .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-black-dark .sidebar-form .btn,
.look-and-feel-v1.skin-black-dark .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-black-dark .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-black-dark .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

.look-and-feel-v1.skin-blue.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-blue.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-blue.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-blue.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-blue.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-blue.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-blue.skin-starter .main-header .logo,
.look-and-feel-v1.skin-blue.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-blue .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-blue .main-header .navbar-toggle {
    color: #3c8dbc
}

.look-and-feel-v1.skin-blue .main-header .navbar-brand {
    color: #3c8dbc;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-blue .main-header .navbar {
    background-color: #3c8dbc
}

.look-and-feel-v1.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-blue .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #fff
}

.look-and-feel-v1.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-blue .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-blue .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-blue .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-blue .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-blue .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-blue .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-blue .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-blue .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
.look-and-feel-v1.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #f4f4f4
}

.look-and-feel-v1.skin-blue .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #367fa9
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-blue .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-blue .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.look-and-feel-v1.skin-blue .main-header .logo {
    background-color: #367fa9;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-blue .main-header .logo:hover {
    background-color: #357ca5
}

.look-and-feel-v1.skin-blue .main-header .user-header {
    background-color: #3c8dbc
}

.look-and-feel-v1.skin-blue .content-header {
    background: transparent
}

.look-and-feel-v1.skin-blue .left-side,
.look-and-feel-v1.skin-blue .main-sidebar,
.look-and-feel-v1.skin-blue .wrapper {
    background-color: #222d32
}

.look-and-feel-v1.skin-blue .user-panel>.info,
.look-and-feel-v1.skin-blue .user-panel>.info>a {
    color: #fff
}

.look-and-feel-v1.skin-blue .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.look-and-feel-v1.skin-blue .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.look-and-feel-v1.skin-blue .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-blue .sidebar-menu>li.menu-open>a,
.look-and-feel-v1.skin-blue .sidebar-menu>li:hover>a {
    color: #fff;
    background: #1e282c
}

.look-and-feel-v1.skin-blue .sidebar-menu>li.active>a {
    border-left-color: #333
}

.look-and-feel-v1.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.look-and-feel-v1.skin-blue .sidebar a {
    color: #f0f1f3
}

.look-and-feel-v1.skin-blue .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-blue .sidebar-menu .treeview-menu>li>a {
    color: #8aa4af
}

.look-and-feel-v1.skin-blue .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-blue .sidebar-menu .treeview-menu>li>a:hover {
    color: #fff
}

.look-and-feel-v1.skin-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px
}

.look-and-feel-v1.skin-blue .sidebar-form .btn,
.look-and-feel-v1.skin-blue .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-blue .sidebar-form button.upload-result,
.look-and-feel-v1.skin-blue .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-blue .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-blue .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-blue .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-blue .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-blue .sidebar-form .btn,
.look-and-feel-v1.skin-blue .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-blue .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-blue .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

.look-and-feel-v1.skin-blue-light.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-blue-light.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-blue-light.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-blue-light.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-blue-light.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-blue-light.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-blue-light.skin-starter .main-header .logo,
.look-and-feel-v1.skin-blue-light.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-blue-light .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-blue-light .main-header .navbar-toggle {
    color: #3c8dbc
}

.look-and-feel-v1.skin-blue-light .main-header .navbar-brand {
    color: #3c8dbc;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-blue-light .main-header .navbar {
    background-color: #3c8dbc
}

.look-and-feel-v1.skin-blue-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-blue-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-blue-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #fff
}

.look-and-feel-v1.skin-blue-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-blue-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-blue-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-blue-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-blue-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-blue-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-blue-light .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-blue-light .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-blue-light .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-blue-light .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-blue-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-blue-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-blue-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
.look-and-feel-v1.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #f4f4f4
}

.look-and-feel-v1.skin-blue-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #367fa9
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-blue-light .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-blue-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.look-and-feel-v1.skin-blue-light .main-header .logo {
    background-color: #367fa9;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-blue-light .main-header .logo:hover {
    background-color: #357ca5
}

.look-and-feel-v1.skin-blue-light .main-header .user-header {
    background-color: #3c8dbc
}

.look-and-feel-v1.skin-blue-light .content-header {
    background: transparent
}

.look-and-feel-v1.skin-blue-light .left-side,
.look-and-feel-v1.skin-blue-light .main-sidebar,
.look-and-feel-v1.skin-blue-light .wrapper {
    background-color: #f9fafc
}

.look-and-feel-v1.skin-blue-light .main-sidebar {
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-blue-light .user-panel>.info,
.look-and-feel-v1.skin-blue-light .user-panel>.info>a {
    color: #444
}

.look-and-feel-v1.skin-blue-light .sidebar-menu>li {
    transition: border-left-color .3s ease
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v1.skin-blue-light .sidebar-menu>li {
        transition: none
    }
}

.look-and-feel-v1.skin-blue-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.look-and-feel-v1.skin-blue-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600;
    display: flex;
    align-items: center
}

.look-and-feel-v1.skin-blue-light .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-blue-light .sidebar-menu>li:hover>a {
    color: #000;
    background: #f4f4f5
}

.look-and-feel-v1.skin-blue-light .sidebar-menu>li.active {
    border-left-color: #fff
}

.look-and-feel-v1.skin-blue-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-blue-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.look-and-feel-v1.skin-blue-light .sidebar a {
    color: #444
}

.look-and-feel-v1.skin-blue-light .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-blue-light .sidebar-menu .treeview-menu>li>a {
    color: #888
}

.look-and-feel-v1.skin-blue-light .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-blue-light .sidebar-menu .treeview-menu>li>a:hover {
    color: #000
}

.look-and-feel-v1.skin-blue-light .sidebar-menu .treeview-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-blue-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px
}

.look-and-feel-v1.skin-blue-light .sidebar-form .btn,
.look-and-feel-v1.skin-blue-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-blue-light .sidebar-form button.upload-result,
.look-and-feel-v1.skin-blue-light .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-blue-light .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-blue-light .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-blue-light .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-blue-light .sidebar-form .btn,
.look-and-feel-v1.skin-blue-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-blue-light .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-blue-light .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

@media(min-width:959px) {
    .look-and-feel-v1.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.look-and-feel-v1.skin-green.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-green.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-green.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-green.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-green.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-green.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-green.skin-starter .main-header .logo,
.look-and-feel-v1.skin-green.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-green .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-green .main-header .navbar-toggle {
    color: #00a65a
}

.look-and-feel-v1.skin-green .main-header .navbar-brand {
    color: #00a65a;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-green .main-header .navbar {
    background-color: #00a65a
}

.look-and-feel-v1.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-green .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #fff
}

.look-and-feel-v1.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-green .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-green .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-green .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-green .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-green .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-green .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-green .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-green .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
.look-and-feel-v1.skin-green .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #f4f4f4
}

.look-and-feel-v1.skin-green .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-green .main-header .navbar .sidebar-toggle:hover {
    background-color: #008d4c
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-green .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-green .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-green .main-header .navbar .dropdown-menu li a:hover {
        background: #008d4c
    }
}

.look-and-feel-v1.skin-green .main-header .logo {
    background-color: #008d4c;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-green .main-header .logo:hover {
    background-color: #008749
}

.look-and-feel-v1.skin-green .main-header .user-header {
    background-color: #00a65a
}

.look-and-feel-v1.skin-green .content-header {
    background: transparent
}

.look-and-feel-v1.skin-green .left-side,
.look-and-feel-v1.skin-green .main-sidebar,
.look-and-feel-v1.skin-green .wrapper {
    background-color: #222d32
}

.look-and-feel-v1.skin-green .user-panel>.info,
.look-and-feel-v1.skin-green .user-panel>.info>a {
    color: #fff
}

.look-and-feel-v1.skin-green .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.look-and-feel-v1.skin-green .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.look-and-feel-v1.skin-green .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-green .sidebar-menu>li.menu-open>a,
.look-and-feel-v1.skin-green .sidebar-menu>li:hover>a {
    color: #fff;
    background: #1e282c
}

.look-and-feel-v1.skin-green .sidebar-menu>li.active>a {
    border-left-color: #333
}

.look-and-feel-v1.skin-green .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.look-and-feel-v1.skin-green .sidebar a {
    color: #f0f1f3
}

.look-and-feel-v1.skin-green .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-green .sidebar-menu .treeview-menu>li>a {
    color: #8aa4af
}

.look-and-feel-v1.skin-green .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-green .sidebar-menu .treeview-menu>li>a:hover {
    color: #fff
}

.look-and-feel-v1.skin-green .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px
}

.look-and-feel-v1.skin-green .sidebar-form .btn,
.look-and-feel-v1.skin-green .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-green .sidebar-form button.upload-result,
.look-and-feel-v1.skin-green .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-green .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-green .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-green .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-green .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-green .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-green .sidebar-form .btn,
.look-and-feel-v1.skin-green .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-green .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-green .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

.look-and-feel-v1.skin-green-light.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-green-light.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-green-light.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-green-light.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-green-light.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-green-light.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-green-light.skin-starter .main-header .logo,
.look-and-feel-v1.skin-green-light.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-green-light .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-green-light .main-header .navbar-toggle {
    color: #00a65a
}

.look-and-feel-v1.skin-green-light .main-header .navbar-brand {
    color: #00a65a;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-green-light .main-header .navbar {
    background-color: #00a65a
}

.look-and-feel-v1.skin-green-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-green-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-green-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #fff
}

.look-and-feel-v1.skin-green-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-green-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-green-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-green-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-green-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-green-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-green-light .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-green-light .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-green-light .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-green-light .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-green-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-green-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-green-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
.look-and-feel-v1.skin-green-light .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #f4f4f4
}

.look-and-feel-v1.skin-green-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-green-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #008d4c
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-green-light .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-green-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-green-light .main-header .navbar .dropdown-menu li a:hover {
        background: #008d4c
    }
}

.look-and-feel-v1.skin-green-light .main-header .logo {
    background-color: #008d4c;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-green-light .main-header .logo:hover {
    background-color: #008749
}

.look-and-feel-v1.skin-green-light .main-header .user-header {
    background-color: #00a65a
}

.look-and-feel-v1.skin-green-light .content-header {
    background: transparent
}

.look-and-feel-v1.skin-green-light .left-side,
.look-and-feel-v1.skin-green-light .main-sidebar,
.look-and-feel-v1.skin-green-light .wrapper {
    background-color: #f9fafc
}

.look-and-feel-v1.skin-green-light .main-sidebar {
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-green-light .user-panel>.info,
.look-and-feel-v1.skin-green-light .user-panel>.info>a {
    color: #444
}

.look-and-feel-v1.skin-green-light .sidebar-menu>li {
    transition: border-left-color .3s ease
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v1.skin-green-light .sidebar-menu>li {
        transition: none
    }
}

.look-and-feel-v1.skin-green-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.look-and-feel-v1.skin-green-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600;
    display: flex;
    align-items: center
}

.look-and-feel-v1.skin-green-light .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-green-light .sidebar-menu>li:hover>a {
    color: #000;
    background: #f4f4f5
}

.look-and-feel-v1.skin-green-light .sidebar-menu>li.active {
    border-left-color: #fff
}

.look-and-feel-v1.skin-green-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-green-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.look-and-feel-v1.skin-green-light .sidebar a {
    color: #444
}

.look-and-feel-v1.skin-green-light .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-green-light .sidebar-menu .treeview-menu>li>a {
    color: #888
}

.look-and-feel-v1.skin-green-light .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-green-light .sidebar-menu .treeview-menu>li>a:hover {
    color: #000
}

.look-and-feel-v1.skin-green-light .sidebar-menu .treeview-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-green-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px
}

.look-and-feel-v1.skin-green-light .sidebar-form .btn,
.look-and-feel-v1.skin-green-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-green-light .sidebar-form button.upload-result,
.look-and-feel-v1.skin-green-light .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-green-light .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-green-light .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-green-light .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-green-light .sidebar-form .btn,
.look-and-feel-v1.skin-green-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-green-light .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-green-light .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

@media(min-width:959px) {
    .look-and-feel-v1.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.look-and-feel-v1.skin-purple.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-purple.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-purple.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-purple.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-purple.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-purple.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-purple.skin-starter .main-header .logo,
.look-and-feel-v1.skin-purple.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-purple .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-purple .main-header .navbar-toggle {
    color: #605ca8
}

.look-and-feel-v1.skin-purple .main-header .navbar-brand {
    color: #605ca8;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-purple .main-header .navbar {
    background-color: #605ca8
}

.look-and-feel-v1.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-purple .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #fff
}

.look-and-feel-v1.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-purple .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-purple .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-purple .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-purple .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-purple .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-purple .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-purple .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-purple .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
.look-and-feel-v1.skin-purple .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #f4f4f4
}

.look-and-feel-v1.skin-purple .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-purple .main-header .navbar .sidebar-toggle:hover {
    background-color: #555299
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-purple .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-purple .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-purple .main-header .navbar .dropdown-menu li a:hover {
        background: #555299
    }
}

.look-and-feel-v1.skin-purple .main-header .logo {
    background-color: #555299;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-purple .main-header .logo:hover {
    background-color: #545096
}

.look-and-feel-v1.skin-purple .main-header .user-header {
    background-color: #605ca8
}

.look-and-feel-v1.skin-purple .content-header {
    background: transparent
}

.look-and-feel-v1.skin-purple .left-side,
.look-and-feel-v1.skin-purple .main-sidebar,
.look-and-feel-v1.skin-purple .wrapper {
    background-color: #222d32
}

.look-and-feel-v1.skin-purple .user-panel>.info,
.look-and-feel-v1.skin-purple .user-panel>.info>a {
    color: #fff
}

.look-and-feel-v1.skin-purple .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.look-and-feel-v1.skin-purple .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.look-and-feel-v1.skin-purple .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-purple .sidebar-menu>li.menu-open>a,
.look-and-feel-v1.skin-purple .sidebar-menu>li:hover>a {
    color: #fff;
    background: #1e282c
}

.look-and-feel-v1.skin-purple .sidebar-menu>li.active>a {
    border-left-color: #333
}

.look-and-feel-v1.skin-purple .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.look-and-feel-v1.skin-purple .sidebar a {
    color: #f0f1f3
}

.look-and-feel-v1.skin-purple .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-purple .sidebar-menu .treeview-menu>li>a {
    color: #8aa4af
}

.look-and-feel-v1.skin-purple .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-purple .sidebar-menu .treeview-menu>li>a:hover {
    color: #fff
}

.look-and-feel-v1.skin-purple .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px
}

.look-and-feel-v1.skin-purple .sidebar-form .btn,
.look-and-feel-v1.skin-purple .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-purple .sidebar-form button.upload-result,
.look-and-feel-v1.skin-purple .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-purple .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-purple .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-purple .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-purple .sidebar-form .btn,
.look-and-feel-v1.skin-purple .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-purple .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-purple .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

.look-and-feel-v1.skin-purple-light.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-purple-light.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-purple-light.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-purple-light.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-purple-light.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-purple-light.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-purple-light.skin-starter .main-header .logo,
.look-and-feel-v1.skin-purple-light.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-purple-light .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-purple-light .main-header .navbar-toggle {
    color: #605ca8
}

.look-and-feel-v1.skin-purple-light .main-header .navbar-brand {
    color: #605ca8;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-purple-light .main-header .navbar {
    background-color: #605ca8
}

.look-and-feel-v1.skin-purple-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-purple-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-purple-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #fff
}

.look-and-feel-v1.skin-purple-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-purple-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-purple-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-purple-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-purple-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-purple-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-purple-light .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-purple-light .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-purple-light .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-purple-light .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-purple-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-purple-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-purple-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
.look-and-feel-v1.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #f4f4f4
}

.look-and-feel-v1.skin-purple-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #555299
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-purple-light .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-purple-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
        background: #555299
    }
}

.look-and-feel-v1.skin-purple-light .main-header .logo {
    background-color: #555299;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-purple-light .main-header .logo:hover {
    background-color: #545096
}

.look-and-feel-v1.skin-purple-light .main-header .user-header {
    background-color: #605ca8
}

.look-and-feel-v1.skin-purple-light .content-header {
    background: transparent
}

.look-and-feel-v1.skin-purple-light .left-side,
.look-and-feel-v1.skin-purple-light .main-sidebar,
.look-and-feel-v1.skin-purple-light .wrapper {
    background-color: #f9fafc
}

.look-and-feel-v1.skin-purple-light .main-sidebar {
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-purple-light .user-panel>.info,
.look-and-feel-v1.skin-purple-light .user-panel>.info>a {
    color: #444
}

.look-and-feel-v1.skin-purple-light .sidebar-menu>li {
    transition: border-left-color .3s ease
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v1.skin-purple-light .sidebar-menu>li {
        transition: none
    }
}

.look-and-feel-v1.skin-purple-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.look-and-feel-v1.skin-purple-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600;
    display: flex;
    align-items: center
}

.look-and-feel-v1.skin-purple-light .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-purple-light .sidebar-menu>li:hover>a {
    color: #000;
    background: #f4f4f5
}

.look-and-feel-v1.skin-purple-light .sidebar-menu>li.active {
    border-left-color: #fff
}

.look-and-feel-v1.skin-purple-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-purple-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.look-and-feel-v1.skin-purple-light .sidebar a {
    color: #444
}

.look-and-feel-v1.skin-purple-light .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-purple-light .sidebar-menu .treeview-menu>li>a {
    color: #888
}

.look-and-feel-v1.skin-purple-light .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-purple-light .sidebar-menu .treeview-menu>li>a:hover {
    color: #000
}

.look-and-feel-v1.skin-purple-light .sidebar-menu .treeview-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-purple-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px
}

.look-and-feel-v1.skin-purple-light .sidebar-form .btn,
.look-and-feel-v1.skin-purple-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-purple-light .sidebar-form button.upload-result,
.look-and-feel-v1.skin-purple-light .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-purple-light .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-purple-light .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-purple-light .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-purple-light .sidebar-form .btn,
.look-and-feel-v1.skin-purple-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-purple-light .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-purple-light .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

@media(min-width:959px) {
    .look-and-feel-v1.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.look-and-feel-v1.skin-red.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-red.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-red.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-red.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-red.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-red.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-red.skin-starter .main-header .logo,
.look-and-feel-v1.skin-red.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-red .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-red .main-header .navbar-toggle {
    color: #dd4b39
}

.look-and-feel-v1.skin-red .main-header .navbar-brand {
    color: #dd4b39;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-red .main-header .navbar {
    background-color: #dd4b39
}

.look-and-feel-v1.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-red .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #fff
}

.look-and-feel-v1.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-red .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-red .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-red .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-red .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-red .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-red .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-red .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-red .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
.look-and-feel-v1.skin-red .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #f4f4f4
}

.look-and-feel-v1.skin-red .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-red .main-header .navbar .sidebar-toggle:hover {
    background-color: #d73925
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-red .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-red .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-red .main-header .navbar .dropdown-menu li a:hover {
        background: #d73925
    }
}

.look-and-feel-v1.skin-red .main-header .logo {
    background-color: #d73925;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-red .main-header .logo:hover {
    background-color: #d33724
}

.look-and-feel-v1.skin-red .main-header .user-header {
    background-color: #dd4b39
}

.look-and-feel-v1.skin-red .content-header {
    background: transparent
}

.look-and-feel-v1.skin-red .left-side,
.look-and-feel-v1.skin-red .main-sidebar,
.look-and-feel-v1.skin-red .wrapper {
    background-color: #222d32
}

.look-and-feel-v1.skin-red .user-panel>.info,
.look-and-feel-v1.skin-red .user-panel>.info>a {
    color: #fff
}

.look-and-feel-v1.skin-red .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.look-and-feel-v1.skin-red .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.look-and-feel-v1.skin-red .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-red .sidebar-menu>li.menu-open>a,
.look-and-feel-v1.skin-red .sidebar-menu>li:hover>a {
    color: #fff;
    background: #1e282c
}

.look-and-feel-v1.skin-red .sidebar-menu>li.active>a {
    border-left-color: #333
}

.look-and-feel-v1.skin-red .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.look-and-feel-v1.skin-red .sidebar a {
    color: #f0f1f3
}

.look-and-feel-v1.skin-red .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-red .sidebar-menu .treeview-menu>li>a {
    color: #8aa4af
}

.look-and-feel-v1.skin-red .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-red .sidebar-menu .treeview-menu>li>a:hover {
    color: #fff
}

.look-and-feel-v1.skin-red .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px
}

.look-and-feel-v1.skin-red .sidebar-form .btn,
.look-and-feel-v1.skin-red .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-red .sidebar-form button.upload-result,
.look-and-feel-v1.skin-red .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-red .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-red .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-red .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-red .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-red .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-red .sidebar-form .btn,
.look-and-feel-v1.skin-red .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-red .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-red .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

.look-and-feel-v1.skin-red-light.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-red-light.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-red-light.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-red-light.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-red-light.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-red-light.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-red-light.skin-starter .main-header .logo,
.look-and-feel-v1.skin-red-light.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-red-light .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-red-light .main-header .navbar-toggle {
    color: #dd4b39
}

.look-and-feel-v1.skin-red-light .main-header .navbar-brand {
    color: #dd4b39;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-red-light .main-header .navbar {
    background-color: #dd4b39
}

.look-and-feel-v1.skin-red-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-red-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-red-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #fff
}

.look-and-feel-v1.skin-red-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-red-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-red-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-red-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-red-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-red-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-red-light .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-red-light .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-red-light .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-red-light .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-red-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-red-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-red-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
.look-and-feel-v1.skin-red-light .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #f4f4f4
}

.look-and-feel-v1.skin-red-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-red-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #d73925
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-red-light .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-red-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-red-light .main-header .navbar .dropdown-menu li a:hover {
        background: #d73925
    }
}

.look-and-feel-v1.skin-red-light .main-header .logo {
    background-color: #d73925;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-red-light .main-header .logo:hover {
    background-color: #d33724
}

.look-and-feel-v1.skin-red-light .main-header .user-header {
    background-color: #dd4b39
}

.look-and-feel-v1.skin-red-light .content-header {
    background: transparent
}

.look-and-feel-v1.skin-red-light .left-side,
.look-and-feel-v1.skin-red-light .main-sidebar,
.look-and-feel-v1.skin-red-light .wrapper {
    background-color: #f9fafc
}

.look-and-feel-v1.skin-red-light .main-sidebar {
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-red-light .user-panel>.info,
.look-and-feel-v1.skin-red-light .user-panel>.info>a {
    color: #444
}

.look-and-feel-v1.skin-red-light .sidebar-menu>li {
    transition: border-left-color .3s ease
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v1.skin-red-light .sidebar-menu>li {
        transition: none
    }
}

.look-and-feel-v1.skin-red-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.look-and-feel-v1.skin-red-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600;
    display: flex;
    align-items: center
}

.look-and-feel-v1.skin-red-light .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-red-light .sidebar-menu>li:hover>a {
    color: #000;
    background: #f4f4f5
}

.look-and-feel-v1.skin-red-light .sidebar-menu>li.active {
    border-left-color: #fff
}

.look-and-feel-v1.skin-red-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-red-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.look-and-feel-v1.skin-red-light .sidebar a {
    color: #444
}

.look-and-feel-v1.skin-red-light .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-red-light .sidebar-menu .treeview-menu>li>a {
    color: #888
}

.look-and-feel-v1.skin-red-light .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-red-light .sidebar-menu .treeview-menu>li>a:hover {
    color: #000
}

.look-and-feel-v1.skin-red-light .sidebar-menu .treeview-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-red-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px
}

.look-and-feel-v1.skin-red-light .sidebar-form .btn,
.look-and-feel-v1.skin-red-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-red-light .sidebar-form button.upload-result,
.look-and-feel-v1.skin-red-light .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-red-light .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-red-light .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-red-light .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-red-light .sidebar-form .btn,
.look-and-feel-v1.skin-red-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-red-light .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-red-light .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

@media(min-width:959px) {
    .look-and-feel-v1.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.look-and-feel-v1.skin-yellow.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-yellow.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-yellow.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-yellow.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-yellow.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-yellow.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-yellow.skin-starter .main-header .logo,
.look-and-feel-v1.skin-yellow.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-yellow .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-yellow .main-header .navbar-toggle {
    color: #f39c12
}

.look-and-feel-v1.skin-yellow .main-header .navbar-brand {
    color: #f39c12;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-yellow .main-header .navbar {
    background-color: #f39c12
}

.look-and-feel-v1.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-yellow .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #fff
}

.look-and-feel-v1.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-yellow .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-yellow .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-yellow .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-yellow .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-yellow .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-yellow .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-yellow .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-yellow .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
.look-and-feel-v1.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #f4f4f4
}

.look-and-feel-v1.skin-yellow .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    background-color: #e08e0b
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-yellow .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-yellow .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-yellow .main-header .navbar .dropdown-menu li a:hover {
        background: #e08e0b
    }
}

.look-and-feel-v1.skin-yellow .main-header .logo {
    background-color: #e08e0b;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-yellow .main-header .logo:hover {
    background-color: #db8b0b
}

.look-and-feel-v1.skin-yellow .main-header .user-header {
    background-color: #f39c12
}

.look-and-feel-v1.skin-yellow .content-header {
    background: transparent
}

.look-and-feel-v1.skin-yellow .left-side,
.look-and-feel-v1.skin-yellow .main-sidebar,
.look-and-feel-v1.skin-yellow .wrapper {
    background-color: #222d32
}

.look-and-feel-v1.skin-yellow .user-panel>.info,
.look-and-feel-v1.skin-yellow .user-panel>.info>a {
    color: #fff
}

.look-and-feel-v1.skin-yellow .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.look-and-feel-v1.skin-yellow .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.look-and-feel-v1.skin-yellow .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-yellow .sidebar-menu>li.menu-open>a,
.look-and-feel-v1.skin-yellow .sidebar-menu>li:hover>a {
    color: #fff;
    background: #1e282c
}

.look-and-feel-v1.skin-yellow .sidebar-menu>li.active>a {
    border-left-color: #333
}

.look-and-feel-v1.skin-yellow .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.look-and-feel-v1.skin-yellow .sidebar a {
    color: #f0f1f3
}

.look-and-feel-v1.skin-yellow .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-yellow .sidebar-menu .treeview-menu>li>a {
    color: #8aa4af
}

.look-and-feel-v1.skin-yellow .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-yellow .sidebar-menu .treeview-menu>li>a:hover {
    color: #fff
}

.look-and-feel-v1.skin-yellow .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px
}

.look-and-feel-v1.skin-yellow .sidebar-form .btn,
.look-and-feel-v1.skin-yellow .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-yellow .sidebar-form button.upload-result,
.look-and-feel-v1.skin-yellow .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-yellow .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-yellow .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-yellow .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-yellow .sidebar-form .btn,
.look-and-feel-v1.skin-yellow .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-yellow .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-yellow .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

.look-and-feel-v1.skin-yellow-light.skin-starter .sidebar-menu .treeview-menu>li>a,
.look-and-feel-v1.skin-yellow-light.skin-starter .sidebar-menu>li.header,
.look-and-feel-v1.skin-yellow-light.skin-starter .sidebar-menu>li:hover>a,
.look-and-feel-v1.skin-yellow-light.skin-starter .sidebar .material-icons,
.look-and-feel-v1.skin-yellow-light.skin-starter .sidebar .sidebar_text,
.look-and-feel-v1.skin-yellow-light.skin-starter .sidebar a {
    color: #1a4570
}

.look-and-feel-v1.skin-yellow-light.skin-starter .main-header .logo,
.look-and-feel-v1.skin-yellow-light.skin-starter .main-header .navbar {
    background-color: #fdcb36
}

.look-and-feel-v1.skin-yellow-light .main-header {
    border-bottom: 1px solid #d2d6de
}

.look-and-feel-v1.skin-yellow-light .main-header .navbar-toggle {
    color: #f39c12
}

.look-and-feel-v1.skin-yellow-light .main-header .navbar-brand {
    color: #f39c12;
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-yellow-light .main-header .navbar {
    background-color: #f39c12
}

.look-and-feel-v1.skin-yellow-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #fff
}

.look-and-feel-v1.skin-yellow-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:active,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:focus,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.dropdown-toggle:hover,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:active,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:focus,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .nav-tabs-custom>.nav-tabs.navbar-nav>li>a.nav-link:hover,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .navbar-nav .open>a,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .navbar-nav .open>a:focus,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .navbar-nav .open>a:hover,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .navbar-nav>.active>a,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:active,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:focus,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
.look-and-feel-v1.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #f4f4f4
}

.look-and-feel-v1.skin-yellow-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.look-and-feel-v1.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #e08e0b
}

@media(max-width:958px) {
    .look-and-feel-v1.skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
        background-color: hsla(0, 0%, 100%, .1)
    }
    .look-and-feel-v1.skin-yellow-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .look-and-feel-v1.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
        background: #e08e0b
    }
}

.look-and-feel-v1.skin-yellow-light .main-header .logo {
    background-color: #e08e0b;
    color: #fff;
    border-bottom: 0 solid transparent
}

.look-and-feel-v1.skin-yellow-light .main-header .logo:hover {
    background-color: #db8b0b
}

.look-and-feel-v1.skin-yellow-light .main-header .user-header {
    background-color: #f39c12
}

.look-and-feel-v1.skin-yellow-light .content-header {
    background: transparent
}

.look-and-feel-v1.skin-yellow-light .left-side,
.look-and-feel-v1.skin-yellow-light .main-sidebar,
.look-and-feel-v1.skin-yellow-light .wrapper {
    background-color: #f9fafc
}

.look-and-feel-v1.skin-yellow-light .main-sidebar {
    border-right: 1px solid #d2d6de
}

.look-and-feel-v1.skin-yellow-light .user-panel>.info,
.look-and-feel-v1.skin-yellow-light .user-panel>.info>a {
    color: #444
}

.look-and-feel-v1.skin-yellow-light .sidebar-menu>li {
    transition: border-left-color .3s ease
}

@media(prefers-reduced-motion:reduce) {
    .look-and-feel-v1.skin-yellow-light .sidebar-menu>li {
        transition: none
    }
}

.look-and-feel-v1.skin-yellow-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.look-and-feel-v1.skin-yellow-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600;
    display: flex;
    align-items: center
}

.look-and-feel-v1.skin-yellow-light .sidebar-menu>li.active>a,
.look-and-feel-v1.skin-yellow-light .sidebar-menu>li:hover>a {
    color: #000;
    background: #f4f4f5
}

.look-and-feel-v1.skin-yellow-light .sidebar-menu>li.active {
    border-left-color: #fff
}

.look-and-feel-v1.skin-yellow-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-yellow-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.look-and-feel-v1.skin-yellow-light .sidebar a {
    color: #444
}

.look-and-feel-v1.skin-yellow-light .sidebar a:hover {
    text-decoration: none
}

.look-and-feel-v1.skin-yellow-light .sidebar-menu .treeview-menu>li>a {
    color: #888
}

.look-and-feel-v1.skin-yellow-light .sidebar-menu .treeview-menu>li.active>a,
.look-and-feel-v1.skin-yellow-light .sidebar-menu .treeview-menu>li>a:hover {
    color: #000
}

.look-and-feel-v1.skin-yellow-light .sidebar-menu .treeview-menu>li.active>a {
    font-weight: 600
}

.look-and-feel-v1.skin-yellow-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px
}

.look-and-feel-v1.skin-yellow-light .sidebar-form .btn,
.look-and-feel-v1.skin-yellow-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-yellow-light .sidebar-form button.upload-result,
.look-and-feel-v1.skin-yellow-light .sidebar-form input[type=text],
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-yellow-light .sidebar-form .swal2-styled {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px
}

.look-and-feel-v1.skin-yellow-light .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.look-and-feel-v1.skin-yellow-light .sidebar-form input[type=text]:focus,
.look-and-feel-v1.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    background-color: #fff;
    color: #666
}

.look-and-feel-v1.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn .btn,
.look-and-feel-v1.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn .swal2-styled {
    border-left-color: #fff
}

.look-and-feel-v1.skin-yellow-light .sidebar-form .btn,
.look-and-feel-v1.skin-yellow-light .sidebar-form .look-and-feel-v2 .swal2-popup .swal2-actions .swal2-styled,
.look-and-feel-v1.skin-yellow-light .sidebar-form button.upload-result,
.look-and-feel-v2 .swal2-popup .swal2-actions .look-and-feel-v1.skin-yellow-light .sidebar-form .swal2-styled {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

@media(min-width:959px) {
    .look-and-feel-v1.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.automation-rules-table .pause-icon-color {
    color: #f39c12
}

.automation-rules-table .table-actions {
    text-align: left
}

.automation-rule-form-section-header {
    margin-bottom: 12px
}

.automation-rule-form-section-header .automation-rule-form-section-title {
    width: 100%;
    flex: 1 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #222d32;
    font-size: 21px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 0
}

.automation-rule-form-section-header .automation-rule-form-section-description {
    color: #888;
    margin-bottom: 8px
}

.automation-rule-option-selector .avatar {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    color: #6a85a1;
    background: #ecf0f5;
    position: relative;
    top: -5px
}

.automation-rule-option-selector .avatar i {
    line-height: 1.75rem
}

.automation-rule-option-selector-label {
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: -3px
}

.automation-rule-option-selector input[type=radio] {
    margin-right: .5rem;
    margin-left: .8rem
}

.automation-rule-option-selector input:checked~.avatar {
    color: #fff;
    background: #3c8dbc
}

.automation-rule-option-selector .action-avatar {
    text-align: center;
    position: relative;
    min-width: 30px;
    max-height: 30px;
    border-radius: 3px;
    float: left;
    color: #fff;
    background-color: #3c8dbc
}

.automation-rule-option-selector .action-avatar i {
    line-height: 1.75rem
}

.automation-rule-option-selector .action-title {
    align-self: center
}

.automation-rule-form-add-action {
    text-align: right;
    margin-bottom: 16px;
    margin-top: 16px
}

.onboarding_task_description div.input-group {
    display: contents
}

.onboarding_process_create {
    padding-bottom: 16px
}

.onboarding_task_count_box {
    padding-top: 12px;
    padding-bottom: 12px;
    border: 1px solid #dee2e6
}

.onboarding_task_table {
    padding-top: 12px;
    padding-bottom: 16px
}

.onboarding_task_show_right_column {
    border-left: 2px solid #3c8dbc
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: local("Source Sans Pro Light normal"), local("Source Sans Pro-Lightnormal"), url(/packs/media/files/source-sans-pro-300-fdb74fc6.woff2) format("woff2"), url(/packs/media/files/source-sans-pro-300-f9671025.woff) format("woff")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: italic;
    font-display: swap;
    font-weight: 300;
    src: local("Source Sans Pro Light italic"), local("Source Sans Pro-Lightitalic"), url(/packs/media/files/source-sans-pro-300italic-fb7d9ac5.woff2) format("woff2"), url(/packs/media/files/source-sans-pro-300italic-627300c3.woff) format("woff")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local("Source Sans Pro Regular normal"), local("Source Sans Pro-Regularnormal"), url(/packs/media/files/source-sans-pro-400-c558a0b2.woff2) format("woff2"), url(/packs/media/files/source-sans-pro-400-5533a6de.woff) format("woff")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: local("Source Sans Pro Regular italic"), local("Source Sans Pro-Regularitalic"), url(/packs/media/files/source-sans-pro-400italic-4e377b61.woff2) format("woff2"), url(/packs/media/files/source-sans-pro-400italic-6f4192e6.woff) format("woff")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: local("Source Sans Pro SemiBold normal"), local("Source Sans Pro-SemiBoldnormal"), url(/packs/media/files/source-sans-pro-600-88439e8d.woff2) format("woff2"), url(/packs/media/files/source-sans-pro-600-24d5e297.woff) format("woff")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: italic;
    font-display: swap;
    font-weight: 600;
    src: local("Source Sans Pro SemiBold italic"), local("Source Sans Pro-SemiBolditalic"), url(/packs/media/files/source-sans-pro-600italic-970845d7.woff2) format("woff2"), url(/packs/media/files/source-sans-pro-600italic-49a3bede.woff) format("woff")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local("Source Sans Pro Bold normal"), local("Source Sans Pro-Boldnormal"), url(/packs/media/files/source-sans-pro-700-23d7fef4.woff2) format("woff2"), url(/packs/media/files/source-sans-pro-700-71261353.woff) format("woff")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: local("Source Sans Pro Bold italic"), local("Source Sans Pro-Bolditalic"), url(/packs/media/files/source-sans-pro-700italic-a66bf852.woff2) format("woff2"), url(/packs/media/files/source-sans-pro-700italic-6c374011.woff) format("woff")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    src: local("Source Sans Pro Black normal"), local("Source Sans Pro-Blacknormal"), url(/packs/media/files/source-sans-pro-900-8876404b.woff2) format("woff2"), url(/packs/media/files/source-sans-pro-900-3ced288e.woff) format("woff")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: italic;
    font-display: swap;
    font-weight: 900;
    src: local("Source Sans Pro Black italic"), local("Source Sans Pro-Blackitalic"), url(/packs/media/files/source-sans-pro-900italic-94c439c5.woff2) format("woff2"), url(/packs/media/files/source-sans-pro-900italic-06068f4f.woff) format("woff")
}