/*NORMALIZE FOR IFRAME*/
body {
    margin: 0;
}
html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #8d9ba8;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #8d9ba8;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #8d9ba8;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #8d9ba8;
}

::selection {
    background: #00bbec;
    color: white;
}

ul {
    list-style-type: none;
}

a,
.uploadLinkStyle2 {
    color: #1071e3;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

a:hover, a:focus,
.uploadLinkStyle2:hover,
.uploadLinkStyle2:focus {
    color: #1071e3;
}

.has-link {
    cursor: pointer;
}

.has-link:hover {
    color: #1071e3;
}

.valign-wrapper {
    display: flex !important;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.valign-wrapper .valign {
    display: block;
}

ul {
    padding: 0;
}

ul li {
    list-style-type: none;
}

.clear,
.clearfix {
    clear: both;
}
blockquote {
    margin: 20px 0;
    padding-left: 1.5rem;
    border-left: 5px solid #536677;
}
img.responsive-img,
video.responsive-video {
    max-width: 100%;
    height: auto;
}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
    .hide-on-small-only, .hide-on-small-and-down {
        display: none !important;
    }
}

@media only screen and (max-width: 992px) {
    .hide-on-med-and-down {
        display: none !important;
    }
}

@media only screen and (min-width: 993px) {
    .hide-on-med-and-up {
        display: none !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .hide-on-med-only {
        display: none !important;
    }
}

@media only screen and (min-width: 1281px) {
    .hide-on-large-only {
        display: none !important;
    }
}

@media only screen and (min-width: 1281px) {
    .show-on-large {
        display: block !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .show-on-medium {
        display: block !important;
    }
}

@media only screen and (max-width: 600px) {
    .show-on-small {
        display: block !important;
    }
}

@media only screen and (min-width: 993px) {
    .show-on-medium-and-up {
        display: block !important;
    }
}

@media only screen and (max-width: 992px) {
    .show-on-medium-and-down {
        display: block !important;
    }
}

@media only screen and (max-width: 600px) {
    .center-on-small-only {
        text-align: center;
    }
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
}
table, th, td {
    padding: 0;
    border: none;
    font-weight: normal;
}

td,
th {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
td[align="right"], th[align="right"] {
    text-align: right;
}


/*BOOTSTRAP GRID*/
/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

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

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

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

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .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,
.col-sm-auto, .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,
.col-md-auto, .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,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

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

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

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

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

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

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

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

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

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

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

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

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

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

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

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

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

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

    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }

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

    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }

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

    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }

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

    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

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

    .offset-md-1 {
        margin-left: 8.3333333333%;
    }

    .offset-md-2 {
        margin-left: 16.6666666667%;
    }

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

    .offset-md-4 {
        margin-left: 33.3333333333%;
    }

    .offset-md-5 {
        margin-left: 41.6666666667%;
    }

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

    .offset-md-7 {
        margin-left: 58.3333333333%;
    }

    .offset-md-8 {
        margin-left: 66.6666666667%;
    }

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

    .offset-md-10 {
        margin-left: 83.3333333333%;
    }

    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

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

    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }

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

    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }

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

    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }

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

    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }

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

    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }

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

    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }

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

    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        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: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !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: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

/*END BOOTSTRAP GRID*/



/*******************
  Utility Classes
*******************/
.hide {
    display: none !important;
}

.nobr {
    white-space: nowrap;
}

.fullWidth {
    width: 100%;
}

.text-left,
.left-align {
    text-align: left;
}

.text-right,
.right-align {
    text-align: right;
}

.text-center,
.center, .center-align {
    text-align: center;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.circle {
    border-radius: 50%;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.form-control-size, .btn-flat, .pseudo-input, .custom-select select {
    box-sizing: border-box;
    height: 2.5rem;
    line-height: 1.7;
    white-space: nowrap;
}

.form-control-size-small, .btn-small {
    height: 2.08333rem;
    line-height: 2.08333rem;
    font-size: 1rem;
}

.form-control-size-medium {
    height: 2.9166rem;
    line-height: 2.9166rem;
    font-size: 1.1rem;
}

.form-control-size-large, .btn.btn-large, .btn-large.btn--circle,
.btn-large.btn--icon,
.btn-large {
    height: 3.84615rem;
    line-height: 3.84615rem;
    font-size: 1.3rem;
}

.form-control-style, textarea, .custom-select {
    border: 1px solid #C4D0DA;
    padding-left: 0.76923rem;
    padding-right: 0.76923rem;
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: .5px;
    font-style: normal;
    font-size: 1rem;
    color: #1D252C;
    transition: box-shadow .2s ease-out;
    outline: none;
}

.form-control-style:hover, textarea:hover, .custom-select:hover {
    color: #1D252C;
}

.from-control--action.active, .active.dropdown-button:not(.btn--icon):not(.btn):not(.btn--circle):not(
.btn--icon), .from-control--action:hover, .dropdown-button:hover:not(.btn--icon):not(.btn):not(.btn--circle):not(
.btn--icon) {
    box-shadow: 0 8px 27px 0 rgba(176, 186, 195, 0.33);
}

.btn-default--action, .btn--dashed {
    transition: border-color .1s ease;
}

.btn-default--action:hover, .btn--dashed:hover {
    border-color: #89939a;
}

.dropdown-content-size, .dropdown-content, .pseudoSelect > ul {
    overflow-y: auto;
    clear: both;
    position: absolute;
    z-index: 999;
    min-width: 100px;
    margin: 0;
    will-change: width, height;
    clear: both;
    position: absolute;
    min-width: 60px;
    margin: 0;
    will-change: width, height;
    max-height: 420px;
}

@media screen and (max-height: 900px) {
    .dropdown-content-size, .dropdown-content, .pseudoSelect > ul {
        max-height: 370px;
    }
}

@media screen and (max-height: 768px) {
    .dropdown-content-size, .dropdown-content, .pseudoSelect > ul {
        max-height: 320px;
    }
}

.operPanel .dropdown-content-size, .operPanel .dropdown-content, .operPanel .pseudoSelect > ul {
    max-height: 84vh;
}

.form-label, .input-field label, .form-group__label {
    min-height: 13px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.75rem;
    color: #1D252C;
    display: block;
    margin-bottom: 0.5rem;
}

[class*="dropdown-kit--arrow"] > .dropdown-button, .btn, .btn--circle,
.btn--icon, .btn-flat, .btn-small, .btn-medium, .btn-large {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    border-radius: 3px;
}

[class*="dropdown-kit--arrow"] > .dropdown-button > span,
.btn > span,
.btn--circle > span,
.btn--icon > span, .btn-flat > span, .btn-small > span, .btn-medium > span, .btn-large > span {
    line-height: 1;
}

.dropdown-button,
.button-collapse {
    color: #1D252C;
}

.dropdown-button:hover, .dropdown-button:focus,
.button-collapse:hover,
.button-collapse:focus {
    color: currentColor;
}

.dropdown-button--inverted,
.button-collapse--inverted {
    color: white;
}

.dropdown-button--inverted:hover, .dropdown-button--inverted:focus,
.button-collapse--inverted:hover,
.button-collapse--inverted:focus {
    color: white;
}

.dropdown-button {
    text-overflow: ellipsis;
}

.dropdown-button:not(.btn):not(.btn--circle):not(
.btn--icon) {
    display: inline-block;
}

.dropdown-split.disabled .btn, .dropdown-split.disabled .btn--circle,
.dropdown-split.disabled .btn--icon,
.btn.disabled,
.disabled.btn--circle,
.disabled.btn--icon, .btn-floating.disabled, .btn-large.disabled, .btn:disabled, .btn--circle:disabled,
.btn--icon:disabled, .btn-large:disabled, .btn-floating:disabled {
    background-color: #DFDFDF !important;
    border-color: #dadada !important;
    box-shadow: none;
    color: #9F9F9F !important;
    cursor: default;
}

.dropdown-split.disabled .btn *, .dropdown-split.disabled .btn--circle *, .dropdown-split.disabled .btn--icon *,
.btn.disabled *,
.disabled.btn--circle *,
.disabled.btn--icon *, .btn-floating.disabled *, .btn-large.disabled *, .btn:disabled *, .btn--circle:disabled *, .btn--icon:disabled *, .btn-large:disabled *, .btn-floating:disabled * {
    pointer-events: none;
}

.dropdown-split.disabled .btn:focus, .dropdown-split.disabled .btn--circle:focus,
.dropdown-split.disabled .btn--icon:focus, .dropdown-split.disabled .btn:hover, .dropdown-split.disabled .btn--circle:hover,
.dropdown-split.disabled .btn--icon:hover,
.btn.disabled:focus,
.disabled.btn--circle:focus,
.disabled.btn--icon:focus,
.btn.disabled:hover,
.disabled.btn--circle:hover,
.disabled.btn--icon:hover, .btn-floating.disabled:focus, .btn-floating.disabled:hover, .btn-large.disabled:focus, .btn-large.disabled:hover, .btn:disabled:focus, .btn--circle:disabled:focus,
.btn--icon:disabled:focus, .btn:disabled:hover, .btn--circle:disabled:hover,
.btn--icon:disabled:hover, .btn-large:disabled:focus, .btn-large:disabled:hover, .btn-floating:disabled:focus, .btn-floating:disabled:hover {
    background-color: #DFDFDF;
    border-color: #dadada !important;
    color: #9F9F9F;
}

.btn i, .btn--circle i, .btn--icon i, .btn-floating i, .btn-large i, .btn-medium i, btn-small i, .btn-flat i {
    font-size: 1.3rem;
    line-height: inherit;
}

.btn, .btn--circle,
.btn--icon,
.btn-large,
.btn-medium,
.btn-small {
    cursor: pointer;
    background: transparent;
    outline: none !important;
}

.btn > svg, .btn--circle > svg, .btn--icon > svg,
.btn-large > svg,
.btn-medium > svg,
.btn-small > svg {
    vertical-align: middle;
}

.btn > svg:first-child + span, .btn--circle > svg:first-child + span, .btn--icon > svg:first-child + span,
.btn > i[class*="ficon--"] + span,
.btn--circle > i[class*="ficon--"] + span,
.btn--icon > i[class*="ficon--"] + span,
.btn > span + i[class*="ficon--"],
.btn--circle > span + i[class*="ficon--"],
.btn--icon > span + i[class*="ficon--"],
.btn-large > svg:first-child + span,
.btn-large > i[class*="ficon--"] + span,
.btn-large > span + i[class*="ficon--"],
.btn-medium > svg:first-child + span,
.btn-medium > i[class*="ficon--"] + span,
.btn-medium > span + i[class*="ficon--"],
.btn-small > svg:first-child + span,
.btn-small > i[class*="ficon--"] + span,
.btn-small > span + i[class*="ficon--"] {
    margin-left: 0.5rem;
}

.btn, .btn--circle,
.btn--icon {
    box-sizing: border-box;
    height: 2.5rem;
    line-height: 1.7;
    white-space: nowrap;
    border: 1px solid transparent;
    padding-left: 0.76923rem;
    padding-right: 0.76923rem;
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: .5px;
    font-style: normal;
    font-size: 1rem;
    color: #1D252C;
    transition: box-shadow .2s ease-out;
    outline: none;
    padding-left: 1.333rem;
    padding-right: 1.333rem;
    transition: background-color .1s ease;
}

.btn:hover, .btn--circle:hover,
.btn--icon:hover {
    color: #1D252C;
}

.group-box__item-content .btn, .group-box__item-content .btn--circle,
.group-box__item-content .btn--icon {
    height: 2.33333rem;
    line-height: 1.53333rem;
}

.btn .ficon--close:before, .btn--circle .ficon--close:before, .btn--icon .ficon--close:before, .btn .close:before, .btn--circle .close:before, .btn--icon .close:before,
.btn .close--2:before,
.btn--circle .close--2:before,
.btn--icon .close--2:before {
    font-size: 1.2em;
}

.btn > span + .ficon--keyboard-arrow-down, .btn--circle > span + .ficon--keyboard-arrow-down, .btn--icon > span + .ficon--keyboard-arrow-down, .btn.hasicon--right .btn > span + .ficon--more-horiz:before, .btn.hasicon--right .btn--circle > span + .ficon--more-horiz:before, .btn.hasicon--right .btn--icon > span + .ficon--more-horiz:before, .hasicon--right.btn--circle .btn > span + .ficon--more-horiz:before, .hasicon--right.btn--circle .btn--circle > span + .ficon--more-horiz:before, .hasicon--right.btn--circle .btn--icon > span + .ficon--more-horiz:before, .hasicon--right.btn--icon .btn > span + .ficon--more-horiz:before, .hasicon--right.btn--icon .btn--circle > span + .ficon--more-horiz:before, .hasicon--right.btn--icon .btn--icon > span + .ficon--more-horiz:before, .pseudoSelect .btn > span + .curValue:before, .pseudoSelect .btn--circle > span + .curValue:before, .pseudoSelect .btn--icon > span + .curValue:before, .select2-selection__arrow .btn > span + b:before, .select2-selection__arrow .btn--circle > span + b:before, .select2-selection__arrow .btn--icon > span + b:before,
.custom-select .btn > span + .caret:before,
.custom-select .btn--circle > span + .caret:before,
.custom-select .btn--icon > span + .caret:before,
.select-wrapper .btn > span + .caret:before,
.select-wrapper .btn--circle > span + .caret:before,
.select-wrapper .btn--icon > span + .caret:before {
    margin-right: -0.2rem;
}

.btn [class*="ficon--"], .btn--circle [class*="ficon--"], .btn--icon [class*="ficon--"] {
    line-height: 1.2;
}

button.btn-floating {
    border: none;
}

.btn-flat {
    border: none;
    box-shadow: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 1rem;
}

.btn-flat.disabled {
    color: #b3b3b3;
    cursor: default;
}

.btn-small {
    border: 1px solid transparent;
    padding-left: 0.76923rem;
    padding-right: 0.76923rem;
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: .5px;
    font-style: normal;
    font-size: 1rem;
    color: #1D252C;
    transition: box-shadow .2s ease-out;
    outline: none;
    padding-left: 0.5332rem;
    padding-right: 0.5332rem;
}

.btn-small:hover {
    color: #1D252C;
}

.btn-small i {
    font-size: 1.1rem;
}

.btn-medium {
    height: 2.9166rem;
    line-height: 2.9166rem;
    font-size: 1.1rem;
    border: 1px solid transparent;
    padding-left: 0.76923rem;
    padding-right: 0.76923rem;
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: .5px;
    font-style: normal;
    font-size: 1rem;
    color: #1D252C;
    transition: box-shadow .2s ease-out;
    outline: none;
    padding-left: 1.333rem;
    padding-right: 1.333rem;
}

.btn-medium:hover {
    color: #1D252C;
}

.btn-medium i {
    font-size: 1.6rem;
}

.btn.btn-large, .btn-large.btn--circle,
.btn-large.btn--icon,
.btn-large {
    border: 1px solid transparent;
    padding-left: 0.76923rem;
    padding-right: 0.76923rem;
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: .5px;
    font-style: normal;
    font-size: 1rem;
    color: #1D252C;
    transition: box-shadow .2s ease-out;
    outline: none;
    padding-left: 1.333rem;
    padding-right: 1.333rem;
}

.btn.btn-large:hover, .btn-large.btn--circle:hover,
.btn-large.btn--icon:hover,
.btn-large:hover {
    color: #1D252C;
}

.btn.btn-large i, .btn-large.btn--circle i, .btn-large.btn--icon i,
.btn-large i {
    font-size: 1.6rem;
}

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

/***************************
 CUSTOM   BUTTONS
****************************/
.btn--circle,
.btn--icon {
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    padding: 0 !important;
}

.btn--circle.dropdown-button,
.btn--icon.dropdown-button {
    text-align: center;
}

.btn--circle.btn-large,
.btn--icon.btn-large {
    min-width: 3.84615rem;
}

.btn--circle.btn-small,
.btn--icon.btn-small {
    height: 2.08333rem;
    min-width: 2.08333rem;
}

.btn--circle {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important;
}

.btn--default {
    border-color: #8d9ba8;
    background-color: #8d9ba8;
    color: #fff;
}

.btn--default:focus, .btn--default:hover {
    background: #89939a;
    color: #fff;
}

.btn--default.btn--outline {
    color: #1D252C;
}

.btn--default.btn--outline:hover {
    background-color: #8d9ba8;
    color: white;
}

.btn--white {
    background-color: #fff;
}

.btn--white:focus, .btn--white:hover {
    background-color: #f7f9fa;
}

.btn--white.active {
    color: #000;
}

.input-group .btn--white {
    border-color: #C4D0DA;
}

.btn--white.btn--outline {
    border-color: #ced5db;
}

.btn--white.btn--outline:focus, .btn--white.btn--outline:hover {
    border-color: #C4D0DA;
}

.btn--clear {
    background-color: rgba(255, 255, 255, 0.7);
}

.quick-add .btn--clear {
    border-radius: 10px;
}

.btn--clear:not(:hover):not(:focus) {
    color: #8d9ba8;
}

.btn--clear:focus, .btn--clear:hover {
    background-color: #fff;
}

.btn--clear.active {
    color: #000;
}

.btn--lightgrey, .input-group-prepend .btn--icon:not(.btn--white),
.input-group-append .btn--icon:not(.btn--white) {
    background-color: #f5f7f9;
}

.btn--lightgrey.active, .input-group-prepend .active.btn--icon:not(.btn--white),
.input-group-append .active.btn--icon:not(.btn--white), .btn--lightgrey:focus, .input-group-prepend .btn--icon:focus:not(.btn--white),
.input-group-append .btn--icon:focus:not(.btn--white), .btn--lightgrey:hover, .input-group-prepend .btn--icon:hover:not(.btn--white),
.input-group-append .btn--icon:hover:not(.btn--white) {
    background-color: #eceef2;
}

.input-group .btn--lightgrey, .input-group .input-group-prepend .btn--icon:not(.btn--white), .input-group-prepend .input-group .btn--icon:not(.btn--white),
.input-group .input-group-append .btn--icon:not(.btn--white), .input-group-append .input-group .btn--icon:not(.btn--white) {
    border-color: #C4D0DA;
}

.btn--darkgrey {
    background-color: #8d9ba8;
    color: #fff;
}

.btn--darkgrey.active, .btn--darkgrey:focus, .btn--darkgrey:hover {
    background-color: #7f8e9d;
    color: #fff;
}

.input-group .btn--darkgrey {
    border-color: #C4D0DA;
}

.btn--primary {
    background-color: #1071e3;
    color: #fff !important;
}

.btn--primary:focus, .btn--primary:hover {
    background-color: #0d59b3;
    color: #fff;
}

.btn--secondary {
    background-color: #536677;
    color: #fff;
}

.btn--secondary:focus, .btn--secondary:hover {
    background-color: #4c5d6d;
    color: #fff;
}

.btn--chat,
.btn--success {
    background-color: #2bbf57;
    border-color: #2bbf57;
    color: #fff !important;
}

.btn--chat.active, .btn--chat:focus, .btn--chat:hover,
.btn--success.active,
.btn--success:focus,
.btn--success:hover {
    background-color: #229544;
    border-color: #229544;
    color: #fff;
}

.btn--chat.btn--outline,
.btn--success.btn--outline {
    color: #2bbf57;
}

.btn--chat.btn--outline:hover,
.btn--success.btn--outline:hover {
    background-color: #2bbf57;
    color: white;
}

.btn--plus {
    background-color: #e8f8ed;
    border-color: #86daa1;
    color: #2bbf57;
}

.btn--plus.active, .btn--plus:focus, .btn--plus:hover {
    background-color: #c1ecce;
    color: #2bbf57;
}

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

.btn--danger.active, .btn--danger:focus, .btn--danger:hover {
    background-color: #bc1e1e;
    color: #fff;
}

.btn--trial {
    background-color: #faf2e2;
    border-color: #ece0c7;
    color: #C0850C;
}

.btn--trial:focus, .btn--trial:hover {
    background-color: #f3dfb7;
    color: #906409;
}

.btn--fb:before {
    display: inline-block;
    content: '';
    width: 21px;
    height: 21px;
    margin-right: 10px;
    border-radius: 3px;
    background: #32599d url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAAHeEJUAAAAABGdBTUEAALGPC/xhBQAAAfFJREFUOBGtVD1LA0EQvTOWYpRYaeVvsFFBUVIJWiiInSA2WliIWPsDBEXBf6CNZdBgYXGigo1tWkFRq0AgSAQ/zvfm9vYme7kkhQNzM/Pmzdzu7N75HiQMwxItnQAq0iNI/ABUokrMPB2YcopmGyA7A11yWQXf9wNUD7CFCBi3VAax9eGcIu4XRvSoEZQ3G7AX9luvYI2AJMmkGCb7hpYJf50Ak+xxCc1D36H30CrpF2R0IWds2wd15Qgb9QFOQvdNcpCvc2UZwI0Cn62P1wctlrBBgoPLSTRsZeJ8Jq716pzkHMJNC7V2Dt2Rt6YBtcN1GI+IOZ1k487CJWQRnBx0Ps67O9TE3ZhE6xI/gE2YjsP0SaK4xBpJWiKauikmmZdqBLA7sc9c1q6Zs3evE5F5K5zTCnTLIp7HW0R5hd6JxxuFdSxAv7ief5AGeszyuHkVp81bujHc5xO0bshDsCPGp7nilpqGoZKu+wZgHN/Ni05gUUXE1wpLPmYFZrl7cUM04v/oF8oF6YZS2+443ebRfyZCR2HiQ3J5cmkCvjFDqsAL6aoEQb7o1JaTzynhaY//zQMUVWHPsf0HJhFPwSzSh6QOuVNT5lel1PMqsNIUdgy6bfCU4UyzZ9NM1zNtdxY+kyfNtZlRTmW0r2DvB8HxHxQDB4JRmiYrAAAAAElFTkSuQmCC) 0 0/contain no-repeat;
    border: 1px solid #32599d;
}

.btn--fb:hover {
    color: #32599d !important;
}

.btn--fb:hover:before {
    border-color: #8294b3;
}

.btn--close {
    opacity: 0.7;
}

.btn--close:hover, .btn--close:focus {
    opacity: 1;
}

.btn--close:active {
    opacity: 1 !important;
}

.btn--close svg {
    height: 15px !important;
    width: 15px !important;
}

.btn--new {
    background-color: #e5f4eb;
    border-color: #c1e6cd;
    color: #2bbf57;
}

.btn--new:focus, .btn--new:hover {
    background-color: #c1e5cf;
    color: #229544;
}

.btn--remove {
    background-color: #de2f2f;
    border-color: #de2f2f;
    color: #fff;
}

.btn--print {
    background-color: #22de76;
    border-color: #03de90;
    color: #fff;
}

.btn--remove:focus, .btn--remove:hover {
    background-color: #bc1e1e;
    color: #fff;
}

.btn--print:focus, .btn--print:hover {
    background-color: #25C656;
    color: #fff;
}

.btn--remove-light {
    background-color: rgba(222, 47, 47, 0.1);
    border-color: rgba(222, 47, 47, 0.25);
    color: #de2f2f;
}

.btn--remove-light:focus, .btn--remove-light:hover {
    background-color: rgba(188, 30, 30, 0.1);
    color: #bc1e1e;
}

.btn--wizard-blue {
    background-color: #0070f1;
    color: #fff;
}

.btn--wizard-blue:focus, .btn--wizard-blue:hover {
    background-color: #0058be;
    color: #fff;
}

.btn--toggle-on, .btn--toggle-off {
    position: relative;
    display: inline-flex;
    padding-left: 3.5rem;
}

.btn--toggle-on i, .btn--toggle-off i {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 4px;
    top: 50%;
    height: 2.5rem;
    width: 2.5rem;
    margin-top: -1.25rem;
    font-size: 2.2rem;
}

.btn--toggle-off {
    background-color: #fff;
    color: #1D252C !important;
}

.btn--toggle-off:focus, .btn--toggle-off:hover {
    background-color: #fff;
    color: inherit;
}

.btn--toggle-off.btn--success i {
    color: #2bbf57 !important;
}

.btn--toggle-off.btn--success:focus i,
.btn--toggle-off.btn--success:hover i {
    color: #229544 !important;
}

.btn--toggle-on:focus i,
.btn--toggle-on:hover i,
.btn--toggle-on i {
    color: #fff;
}

.btn--outline {
    border-color: #8d9ba8;
    background-color: #fff;
    transition: border-color 0.3s;
}

.btn--outline.btn-large {
    border-width: 2px;
}

.dropdown-split .dropdown-split__toggle > .btn--outline {
    border-left: 1px solid #8d9ba8;
}

.dropdown-split .dropdown-split__toggle > .btn--outline.btn--white {
    border-left-color: #ced5db;
}

.btn-text-i {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-text-i__i:last-child {
    padding-left: 4px;
}

.btn-text-i__i .btn-small {
    margin-right: -.3em;
}

.btn-addFields {
    width: 100%;
    text-align: left;
}

.btn--dashed {
    border-width: 1px;
    border-style: dashed;
    border-color: #8d9ba8;
    background-color: transparent;
}

.btn--text-blue {
    color: #007de7 !important;
}

.btn--text-blue a {
    color: #007de7 !important;
}

.btn.hasicon--right .ficon--more-horiz, .hasicon--right.btn--circle .ficon--more-horiz, .hasicon--right.btn--icon .ficon--more-horiz {
    margin-right: -.2em;
}

.btn--icon .icon--minus:not(:hover), .btn--circle .icon--minus:not(:hover), .btn--icon
.icon--plus:not(:hover), .btn--circle
.icon--plus:not(:hover) {
    opacity: .8;
}

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

.input-group > .input-field,
.input-group > .input-group-content,
.input-group > .form-control {
    position: relative;
    flex: 1 1 auto;
    margin-bottom: 0;
}

.input-group > .input-field[class*="col-"], .input-group > .input-field[style*="width:"],
.input-group > .input-group-content[class*="col-"],
.input-group > .input-group-content[style*="width:"],
.input-group > .form-control[class*="col-"],
.input-group > .form-control[style*="width:"] {
    flex-grow: 0;
    flex-shrink: 0;
}

.input-group > .input-field:not([style*="width"]):not(.width-auto),
.input-group > .input-group-content:not([style*="width"]):not(.width-auto),
.input-group > .form-control:not([style*="width"]):not(.width-auto) {
    width: 1% !important;
}

.input-group > .input-field:focus,
.input-group > .input-group-content:focus,
.input-group > .form-control:focus {
    z-index: 3;
}

.input-group > .input-field + .input-group-content,
.input-group > .input-field + .form-control,
.input-group > .input-group-content + .input-group-content,
.input-group > .input-group-content + .form-control,
.input-group > .form-control + .input-group-content,
.input-group > .form-control + .form-control {
    margin-left: -1px;
}

html:not([dir="rtl"]) .input-group > .input-field:not(:last-child), html:not([dir="rtl"])
.input-group > .input-group-content:not(:last-child), html:not([dir="rtl"])
.input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

html:not([dir="rtl"]) .input-group > .input-field:not(:first-child), html:not([dir="rtl"])
.input-group > .input-group-content:not(:first-child), html:not([dir="rtl"])
.input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

html:not([dir="rtl"]) .input-group > .input-field[style*="display: none"]:first-child + *, html:not([dir="rtl"])
.input-group > .input-group-content[style*="display: none"]:first-child + *, html:not([dir="rtl"])
.input-group > .form-control[style*="display: none"]:first-child + * {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

html:not([dir="rtl"]) .input-group > .input-field[style*="display: none"]:first-child + *:last-child, html:not([dir="rtl"])
.input-group > .input-group-content[style*="display: none"]:first-child + *:last-child, html:not([dir="rtl"])
.input-group > .form-control[style*="display: none"]:first-child + *:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group > .input-field[style*="display: none"]:first-child:last-child,
.input-group > .input-group-content[style*="display: none"]:first-child:last-child,
.input-group > .form-control[style*="display: none"]:first-child:last-child {
    display: block !important;
    overflow: hidden;
    z-index: 3;
    max-width: 1px;
    border-left: none;
    padding-left: 0;
    padding-right: 0.33333rem;
    margin-left: -0.16667rem;
    font-size: 0;
    text-indent: 999px;
}

.input-group > .simpleGwt-ComboBox {
    flex-grow: 1;
}

html:not([dir="rtl"]) .input-group > .simpleGwt-ComboBox:not(:last-child) .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

html:not([dir="rtl"]) .input-group > .simpleGwt-ComboBox:not(:first-child) .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

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

html:not([dir="rtl"]) .input-group > .custom-file:not(:last-child) .custom-file-label, html:not([dir="rtl"])
.input-group > .custom-file:not(:last-child) .custom-file-label::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

html:not([dir="rtl"]) .input-group > .custom-file:not(:first-child) .custom-file-label, html:not([dir="rtl"])
.input-group > .custom-file:not(:first-child) .custom-file-label::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group .multiwidget-sub {
    margin-top: 0 !important;
}

.input-group--separate > * + * {
    margin-left: 4px;
}

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

.input-group-prepend .btn, .input-group-prepend .btn--circle,
.input-group-prepend .btn--icon,
.input-group-append .btn,
.input-group-append .btn--circle,
.input-group-append .btn--icon {
    position: relative;
    z-index: 2;
    border-width: 1px;
    border-color: #C4D0DA;
}

.input-group-prepend .btn + .btn, .input-group-prepend .btn--circle + .btn, .input-group-prepend .btn--icon + .btn, .input-group-prepend .btn + .btn--circle, .input-group-prepend .btn--circle + .btn--circle, .input-group-prepend .btn--icon + .btn--circle,
.input-group-prepend .btn + .btn--icon,
.input-group-prepend .btn--circle + .btn--icon,
.input-group-prepend .btn--icon + .btn--icon,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .btn--circle,
.input-group-prepend .input-group-text + .btn--icon,
.input-group-prepend .form-control + .btn,
.input-group-prepend .form-control + .btn--circle,
.input-group-prepend .form-control + .btn--icon,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .btn--circle + .input-group-text,
.input-group-prepend .btn--icon + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .form-control + .input-group-text,
.input-group-prepend .input-group-text + .form-control,
.input-group-prepend .btn + .form-control,
.input-group-prepend .btn--circle + .form-control,
.input-group-prepend .btn--icon + .form-control,
.input-group-prepend .form-control + .form-control,
.input-group-append .btn + .btn,
.input-group-append .btn--circle + .btn,
.input-group-append .btn--icon + .btn,
.input-group-append .btn + .btn--circle,
.input-group-append .btn--circle + .btn--circle,
.input-group-append .btn--icon + .btn--circle,
.input-group-append .btn + .btn--icon,
.input-group-append .btn--circle + .btn--icon,
.input-group-append .btn--icon + .btn--icon,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .btn--circle,
.input-group-append .input-group-text + .btn--icon,
.input-group-append .form-control + .btn,
.input-group-append .form-control + .btn--circle,
.input-group-append .form-control + .btn--icon,
.input-group-append .btn + .input-group-text,
.input-group-append .btn--circle + .input-group-text,
.input-group-append .btn--icon + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .form-control + .input-group-text,
.input-group-append .input-group-text + .form-control,
.input-group-append .btn + .form-control,
.input-group-append .btn--circle + .form-control,
.input-group-append .btn--icon + .form-control,
.input-group-append .form-control + .form-control {
    margin-left: -1px;
}

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

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

.input-group-content {
    display: flex;
    flex: 1 1 auto;
    height: 2.5rem;
}

.input-group-content.input-group-text {
    background-color: transparent;
}

.input-group-content .input-group-text {
    border-radius: 0;
    border: none;
    height: 100%;
}

.input-group-content.width-auto {
    flex: 0 0 auto;
    width: auto;
}

.input-group-content input[type=text],
.input-group-content input[type=password] {
    border: none;
    background-color: transparent !important;
}

.input-group .input-field {
    background-color: #fff;
}

.input-group .input-field .select-wrapper {
    width: 100% !important;
    padding: 0 !important;
}

.input-group .input-field label {
    display: none;
}

.input-group .input-field,
.input-group-content,
.input-group-text {
    display: flex;
    align-items: center;
    border: 1px solid #C4D0DA;
    border-radius: 3px;
}

.input-group .wfm-dropdown {
    align-items: inherit;
}

.input-group .wfm-dropdown .select2-container {
    width: auto !important;
}

.input-group-text {
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: #1D252C;
    text-align: center;
    white-space: nowrap;
    background-color: #f5f7f9;
}

.input-group-text .switch {
    margin-top: -0.375rem;
    margin-bottom: -0.375rem;
}

.group-box__item-content .input-group-text {
    border: none;
}

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

.input-group-text .control__indicator + span {
    position: relative;
    top: 1px;
}

.input-group-text i {
    color: #8d9ba8;
}

html:not([dir="rtl"]) .input-group > .input-group-prepend > .btn, html:not([dir="rtl"]) .input-group > .input-group-prepend > .btn--circle,
html:not([dir="rtl"]) .input-group > .input-group-prepend > .btn--icon, html:not([dir="rtl"])
.input-group > .input-group-prepend > .gwt-ListBox, html:not([dir="rtl"])
.input-group > .input-group-prepend > .input-group-text, html:not([dir="rtl"])
.input-group > .input-group-prepend > .input-group-content, html:not([dir="rtl"])
.input-group > .input-group-prepend > .input-field, html:not([dir="rtl"]) .input-group > .input-group-append:not(:last-child) > .btn, html:not([dir="rtl"]) .input-group > .input-group-append:not(:last-child) > .btn--circle,
html:not([dir="rtl"]) .input-group > .input-group-append:not(:last-child) > .btn--icon, html:not([dir="rtl"])
.input-group > .input-group-append:not(:last-child) > .gwt-ListBox, html:not([dir="rtl"])
.input-group > .input-group-append:not(:last-child) > .input-group-text, html:not([dir="rtl"])
.input-group > .input-group-append:not(:last-child) > .input-group-content, html:not([dir="rtl"])
.input-group > .input-group-append:not(:last-child) > .input-field, html:not([dir="rtl"]) .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), html:not([dir="rtl"]) .input-group > .input-group-append:last-child > .btn--circle:not(:last-child):not(.dropdown-toggle),
html:not([dir="rtl"]) .input-group > .input-group-append:last-child > .btn--icon:not(:last-child):not(.dropdown-toggle), html:not([dir="rtl"])
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child), html:not([dir="rtl"])
.input-group > .input-group-append:last-child > .input-group-content:not(:last-child), html:not([dir="rtl"])
.input-group > .input-group-append:last-child > .input-field:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

html:not([dir="rtl"]) .input-group > .input-group-append > .btn, html:not([dir="rtl"]) .input-group > .input-group-append > .btn--circle,
html:not([dir="rtl"]) .input-group > .input-group-append > .btn--icon, html:not([dir="rtl"])
.input-group > .input-group-append > .input-group-text, html:not([dir="rtl"])
.input-group > .input-group-append > .input-group-content, html:not([dir="rtl"])
.input-group > .input-group-append > .input-field, html:not([dir="rtl"]) .input-group > .input-group-prepend:not(:first-child) > .btn, html:not([dir="rtl"]) .input-group > .input-group-prepend:not(:first-child) > .btn--circle,
html:not([dir="rtl"]) .input-group > .input-group-prepend:not(:first-child) > .btn--icon, html:not([dir="rtl"])
.input-group > .input-group-prepend:not(:first-child) > .input-group-text, html:not([dir="rtl"])
.input-group > .input-group-prepend:not(:first-child) > .input-group-content, html:not([dir="rtl"])
.input-group > .input-group-prepend:not(:first-child) > .input-field, html:not([dir="rtl"]) .input-group > .input-group-prepend:first-child > .btn:not(:first-child), html:not([dir="rtl"]) .input-group > .input-group-prepend:first-child > .btn--circle:not(:first-child),
html:not([dir="rtl"]) .input-group > .input-group-prepend:first-child > .btn--icon:not(:first-child), html:not([dir="rtl"])
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), html:not([dir="rtl"])
.input-group > .input-group-prepend:first-child > .input-group-content:not(:first-child), html:not([dir="rtl"])
.input-group > .input-group-prepend:first-child > .input-field:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.add-email-group .gwt-ListBox {
    width: 1%;
    min-width: 5.83333rem;
    padding-right: 1.66667rem;
    padding-left: .55rem;
    background-position: 110% 1.30769rem;
}

.add-email-group .gwt-RadioButton label > span {
    max-width: 3.5rem;
}

.input-group .intl-tel-input input[type="tel"] {
    background-color: transparent;
    border: none;
}

.input-group .intl-tel-input .flag-container {
    padding: 1px 0;
}

.input-group .intl-tel-input .selected-flag {
    border-right: 1px solid #C4D0DA;
    background-color: #f5f7f9;
}

.input-group-append input[type="text"] {
    border-radius: 0;
}

.input-group-append input[type="text"]:first-child {
    border-right: 0;
}

.input-group-append input[type="text"]:last-child {
    border-left: 0;
}

html:not([dir="rtl"]) .input-group-append input[type="text"]:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*phone number old field*/
.input-group-btn {
    /*phone number old field*/
    position: relative;
    flex-shrink: 0;
    -ms-flex-align: stretch;
    font-size: 0;
    white-space: nowrap;
}

.side-nav .input-group-btn .input-field {
    max-width: 160px;
}

html:not([dir="rtl"]) .input-group-btn:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.input-group-btn:not(:last-child) .select-dropdown,
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn--circle,
.input-group-btn:not(:last-child) > .btn--icon,
.input-group-btn:not(:last-child) > .btn-group,
.input-group-btn:not(:last-child) .gwt-ListBox {
    box-shadow: none;
}

html:not([dir="rtl"]) .input-group-btn:not(:last-child) .select-dropdown, html:not([dir="rtl"]) .input-group-btn:not(:last-child) > .btn, html:not([dir="rtl"]) .input-group-btn:not(:last-child) > .btn--circle,
html:not([dir="rtl"]) .input-group-btn:not(:last-child) > .btn--icon, html:not([dir="rtl"])
.input-group-btn:not(:last-child) > .btn-group, html:not([dir="rtl"])
.input-group-btn:not(:last-child) .gwt-ListBox {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-btn > .btn, .input-group-btn > .btn--circle,
.input-group-btn > .btn--icon {
    position: relative;
    width: 100%;
}

.input-group__input {
    overflow: hidden;
    margin: 0;
}

.input-group__input:last-child {
    flex-grow: 1;
}

html:not([dir="rtl"]) .input-group__input:last-child .input-field > .text-input {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.input-group__input.country-code {
    flex-shrink: 1;
    flex-grow: 1;
}

.input-group__input.country-code .input-field {
    min-width: 45px;
}

.input-group__input.country-code .input-field .text-input {
    padding-right: 0;
    border-right: none;
}

.input-group__input.country-code + .input-group__input .input-field .text-input {
    margin-left: -1px;
    padding-left: 6px;
}

.input-group__input .input-field > .text-input {
    border-radius: 0;
    border-left: none;
    outline: none;
}




/*CUSTOM CHECKBOXES*/
.checkbox input[type="checkbox"] {
    opacity: 0;
}

.checkbox label {
    position: relative;
    display: inline-block;

    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
    padding-left: 22px;
}

.checkbox label::before,
.checkbox label::after {
    position: absolute;
    content: "";

    /*Needed for the line-height to take effect*/
    display: inline-block;
}

/*Outer box of the fake checkbox*/
.checkbox label::before{
    height: 16px;
    width: 16px;

    border: 1px solid;
    left: 0px;

    /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
    top: 3px;
}

/*Checkmark of the fake checkbox*/
.checkbox label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;

    transform: rotate(-45deg);

    left: 4px;
    top: 7px;
}

/*Hide the checkmark by default*/
.checkbox input[type="checkbox"] + label::after {
    content: none;
}

/*Unhide on the checked state*/
.checkbox input[type="checkbox"]:checked + label::after {
    content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
.checkbox input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}
/*END CUSTOM CHECKBOXES*/


.dropdown-content {
    background-color: #fff;
    border: 1px solid #eceff3;
    border-radius: 5px;
    color: #536677;
    display: none;
    opacity: 0;
    z-index: 99;
    text-align: left;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.dropdown-content > li {
    position: relative;
    cursor: pointer;
    width: 100%;
    min-height: 2.5rem;
    line-height: 1.5rem;
    text-align: left;
}

.dropdown-content > li, .dropdown-content > li * {
    box-sizing: border-box;
}

.dropdown-content > li > span,
.dropdown-content > li > .java-wrap > a,
.dropdown-content > li > a {
    display: block;
    min-height: 2.5rem;
    line-height: 1.4;
    padding: 0.6923rem 1.23077rem !important;
    color: #1D252C;
}

.dropdown-content > li > .java-wrap a {
    color: #1D252C;
}

.dropdown-content > li:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background: #e6eaee;
    opacity: .5;
    transition: opacity .3s ease-in;
}

.form-control .dropdown-content > li:after {
    left: 0;
    right: 0;
}

.dropdown-content > li:hover:after, .dropdown-content > li:focus:after {
    opacity: 1;
}

.dropdown-content > li:last-child:after {
    background: transparent;
}

.dropdown-content > li:hover a:hover, .dropdown-content > li.active a:hover, .dropdown-content > li.selected a:hover {
    color: inherit;
    text-decoration: none;
}

.dropdown-content > li:hover {
    background-color: rgba(236, 239, 243, 0.22);
}

.listBox-primary .dropdown-content > li:hover {
    background-color: #0f68d0;
}

.dropdown-content > li.active.selected:hover, .dropdown-content > li.active.selected, .dropdown-content > li.selected {
    background-color: rgba(223, 228, 235, 0.22);
}

.listBox-primary .dropdown-content > li.active.selected:hover, .listBox-primary .dropdown-content > li.active.selected, .listBox-primary .dropdown-content > li.selected {
    background-color: #0c55aa;
}

.dropdown-content > li.divider {
    min-height: 0;
    height: 1px;
}

.dropdown-content > li > span > label {
    top: 1px;
    left: 3px;
    height: 18px;
}

*:not(.main-modules) > .dropdown-content > li > .java-wrap > a,
*:not(.main-modules) > .dropdown-content > li > a, *:not(.main-modules) > .dropdown-content > li > span {
    display: flex !important;
    align-items: center;
    height: 100%;
}

*:not(.main-modules) > .dropdown-content > li > .text-center {
    justify-content: center;
}

.dropdown-content > li > a .dropdown-content li > a {
    display: flex;
    align-items: center;
}

.dropdown-content > li > a .dropdown-content li > a > i {
    flex-shrink: 0;
    width: 1em;
    margin-right: 0.7em;
}

.dropdown-content > li > a > i {
    height: inherit;
    line-height: inherit;
}

.dropdown-content > li:last-child:after {
    display: none;
}

.dropdown-content > li .dropdown-select,
[class*="dropdown-select"] .dropdown-content > li {
    white-space: nowrap;
}

.dropdown-content > li .dropdown-select:after,
[class*="dropdown-select"] .dropdown-content > li:after {
    background: #ced5db;
}

.dropdown-content > li .dropdown-select:hover, .dropdown-content > li .dropdown-select:focus,
[class*="dropdown-select"] .dropdown-content > li:hover,
[class*="dropdown-select"] .dropdown-content > li:focus {
    background-color: rgba(236, 239, 243, 0.22);
}

ma .dropdown-content.select-dropdown {
    z-index: 1032;
    max-height: 260px;
}

.dropdown-content--2,
.menu-bar > .btn + .dropdown-content,
.menu-bar > .btn--circle + .dropdown-content,
.menu-bar > .btn--icon + .dropdown-content {
    overflow: visible !important;
}

.menu-bar > .btn + .dropdown-content,
.menu-bar > .btn--circle + .dropdown-content,
.menu-bar > .btn--icon + .dropdown-content {
    width: 240px !important;
}

.dropdown-content .dropdown-button {
    position: relative;
}

.dropdown-content .dropdown-content {
    right: auto;
    left: 100% !important;
    margin-top: 0;
}

.dropdown-flow--left .dropdown-content .dropdown-content {
    left: auto !important;
    right: 100% !important;
}

.btn[data-alignment="right"] + .dropdown-content, .btn--circle[data-alignment="right"] + .dropdown-content, .btn--icon[data-alignment="right"] + .dropdown-content,
.dropdown-button[data-alignment="right"] + .dropdown-content {
    left: auto !important;
    right: 0 !important;
}

.btn[data-alignment="right"] + .dropdown-content > li > a, .btn--circle[data-alignment="right"] + .dropdown-content > li > a, .btn--icon[data-alignment="right"] + .dropdown-content > li > a,
.dropdown-button[data-alignment="right"] + .dropdown-content > li > a {
    justify-content: flex-end;
}

.btn[data-alignment="right"] + .dropdown-content .dropdown-button:after, .btn--circle[data-alignment="right"] + .dropdown-content .dropdown-button:after, .btn--icon[data-alignment="right"] + .dropdown-content .dropdown-button:after,
.dropdown-button[data-alignment="right"] + .dropdown-content .dropdown-button:after {
    right: auto;
    left: 16px;
    transform: rotate(180deg);
}

.btn[data-alignment="right"] + .dropdown-content .dropdown-content, .btn--circle[data-alignment="right"] + .dropdown-content .dropdown-content, .btn--icon[data-alignment="right"] + .dropdown-content .dropdown-content,
.dropdown-button[data-alignment="right"] + .dropdown-content .dropdown-content {
    left: auto !important;
    right: 100% !important;
    margin-right: -1rem;
}

.dropdown-content .dropdown-button {
    box-shadow: none !important;
}

.dropdown-content.select-dropdown > li.selected {
    cursor: default;
}

.dropdown-content .dropdown-button {
    position: relative;
}

.dropdown-content .dropdown-button:after {
    display: block !important;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    right: 5px;
}

.dropdown-content #gwt-debug-pdf_button:after {
    right: -8px;
}

.listBox-primary .select-dropdown {
    color: #fff !important;
    background-color: #1071e3 !important;
}

.listBox-primary .select-dropdown * {
    color: #fff;
}

.listBox-primary .select-dropdown *:hover {
    color: #fcfcfc;
}

.listBox-primary .caret:before {
    color: #fff !important;
}

.dropdown-select--arrow {
    position: relative;
}

.dropdown-select--arrow:not(.main-modules) .dropdown-button {
    padding-right: 3.33333rem;
}

.dropdown-select--arrow:not(.main-modules) .dropdown-button:after {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -0.5em;
}

.dropdown-select--arrow:not(.main-modules) .dropdown-button.btn-large:after {
    margin-top: -.1em;
}

.main-modules.dropdown-select--arrow .dropdown-button:after {
    margin-left: 0.83333rem;
    font-size: 1.4em;
}

.gwt-ListBox input.select-dropdown {
    cursor: pointer;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.pseudoSelect {
    position: relative;
    display: inline-block;
    width: auto !important;
    outline: none;
}

.pseudoSelect .curValue {
    position: relative;
    display: flex;
    align-items: center;
}

.pseudoSelect .curValue em {
    font-style: normal;
}

.pseudoSelect .curValue:before {
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -0.5em;
    font-size: 1.5rem;
    line-height: 1;
    color: #536677;
}

.pseudoSelect > ul {
    background-color: #fff;
    border: 1px solid #eceff3;
    border-radius: 5px;
    color: #536677;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
}

.pseudoSelect > ul > li {
    position: relative;
    cursor: pointer;
    width: 100%;
    min-height: 2.5rem;
    line-height: 1.5rem;
    text-align: left;
    white-space: nowrap;
    padding: 0.6923rem 1.23077rem !important;
}

.pseudoSelect > ul > li, .pseudoSelect > ul > li * {
    box-sizing: border-box;
}

.pseudoSelect > ul > li > span,
.pseudoSelect > ul > li > .java-wrap > a,
.pseudoSelect > ul > li > a {
    display: block;
    min-height: 2.5rem;
    line-height: 1.4;
    padding: 0.6923rem 1.23077rem !important;
    color: #1D252C;
}

.pseudoSelect > ul > li > .java-wrap a {
    color: #1D252C;
}

.pseudoSelect > ul > li:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background: #e6eaee;
    opacity: .5;
    transition: opacity .3s ease-in;
}

.form-control .pseudoSelect > ul > li:after {
    left: 0;
    right: 0;
}

.pseudoSelect > ul > li:hover:after, .pseudoSelect > ul > li:focus:after {
    opacity: 1;
}

.pseudoSelect > ul > li:last-child:after {
    background: transparent;
}

.pseudoSelect > ul > li:after {
    background: #ced5db;
}

.pseudoSelect > ul > li:hover, .pseudoSelect > ul > li:focus {
    background-color: rgba(236, 239, 243, 0.22);
}

.pseudoSelect.expanded > ul {
    display: block;
    opacity: 1;
}

.gwt-SuggestBoxPopup {
    background-color: #fff;
    border: 1px solid #eceff3;
    border-radius: 5px;
    color: #536677;
}

.gwt-SuggestBoxPopup .suggestPopupContent {
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
}

.gwt-SuggestBoxPopup .suggestPopupContent .item {
    position: relative;
    cursor: pointer;
    width: 100%;
    min-height: 2.5rem;
    line-height: 1.5rem;
    text-align: left;
}

.gwt-SuggestBoxPopup .suggestPopupContent .item, .gwt-SuggestBoxPopup .suggestPopupContent .item * {
    box-sizing: border-box;
}

.gwt-SuggestBoxPopup .suggestPopupContent .item > span,
.gwt-SuggestBoxPopup .suggestPopupContent .item > .java-wrap > a,
.gwt-SuggestBoxPopup .suggestPopupContent .item > a {
    display: block;
    min-height: 2.5rem;
    line-height: 1.4;
    padding: 0.6923rem 1.23077rem !important;
    color: #1D252C;
}

.gwt-SuggestBoxPopup .suggestPopupContent .item > .java-wrap a {
    color: #1D252C;
}

.gwt-SuggestBoxPopup .suggestPopupContent .item:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background: #e6eaee;
    opacity: .5;
    transition: opacity .3s ease-in;
}

.form-control .gwt-SuggestBoxPopup .suggestPopupContent .item:after {
    left: 0;
    right: 0;
}

.gwt-SuggestBoxPopup .suggestPopupContent .item:hover:after, .gwt-SuggestBoxPopup .suggestPopupContent .item:focus:after {
    opacity: 1;
}

.gwt-SuggestBoxPopup .suggestPopupContent .item:last-child:after {
    background: transparent;
}

.gwt-SuggestBoxPopup .suggestPopupContent .item.item-selected {
    background-color: rgba(223, 228, 235, 0.22);
}

.dropBtn-popup, .action-listing-popup, .gwt-MenuBarPopup {
    background-color: #fff;
    border: 1px solid #eceff3;
    border-radius: 5px;
    color: #536677;
    outline: none;
}

.dropBtn-popup .gwt-MenuBar, .action-listing-popup .gwt-MenuBar, .gwt-MenuBarPopup .gwt-MenuBar {
    background-color: transparent !important;
}

.dropBtn-popup .gwt-MenuBar table > tbody > tr:last-child .gwt-MenuItem:after, .action-listing-popup .gwt-MenuBar table > tbody > tr:last-child .gwt-MenuItem:after, .gwt-MenuBarPopup .gwt-MenuBar table > tbody > tr:last-child .gwt-MenuItem:after {
    display: none !important;
}

.dropBtn-popup .gwt-MenuItem, .action-listing-popup .gwt-MenuItem, .gwt-MenuBarPopup .gwt-MenuItem {
    white-space: nowrap;
}

.dropBtn-popup .gwt-MenuItem:after, .action-listing-popup .gwt-MenuItem:after, .gwt-MenuBarPopup .gwt-MenuItem:after {
    background: #ced5db;
}

.dropBtn-popup .gwt-MenuItem:hover, .action-listing-popup .gwt-MenuItem:hover, .gwt-MenuBarPopup .gwt-MenuItem:hover, .dropBtn-popup .gwt-MenuItem:focus, .action-listing-popup .gwt-MenuItem:focus, .gwt-MenuBarPopup .gwt-MenuItem:focus {
    background-color: rgba(236, 239, 243, 0.22);
}

.gwt-MenuItem {
    position: relative;
    cursor: pointer;
    width: 100%;
    min-height: 2.5rem;
    line-height: 1.5rem;
    text-align: left;
}

.gwt-MenuItem, .gwt-MenuItem * {
    box-sizing: border-box;
}

.gwt-MenuItem > span,
.gwt-MenuItem > .java-wrap > a,
.gwt-MenuItem > a {
    display: block;
    min-height: 2.5rem;
    line-height: 1.4;
    padding: 0.6923rem 1.23077rem !important;
    color: #1D252C;
}

.gwt-MenuItem > .java-wrap a {
    color: #1D252C;
}

.gwt-MenuItem:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background: #e6eaee;
    opacity: .5;
    transition: opacity .3s ease-in;
}

.form-control .gwt-MenuItem:after {
    left: 0;
    right: 0;
}

.gwt-MenuItem:hover:after, .gwt-MenuItem:focus:after {
    opacity: 1;
}

.gwt-MenuItem:last-child:after {
    background: transparent;
}

.gwt-MenuItem:after {
    display: block !important;
}

.gwt-MenuItem > span {
    display: inline-block;
    min-height: 0;
}

.gwt-MenuItem > img + span {
    padding: 0 16px 0 0 !important;
}

.gwt-MenuItem .list-action-menu-icon {
    background-image: none;
}

td.gwt-MenuItem {
    height: 2.5rem;
}

.gwt-PopupPanel {
    background-color: #fff;
    border: 1px solid #eceff3;
    border-radius: 5px;
    color: #536677;
}

.menu-bar ul.dropdown-content .dropdown-content {
    margin-left: -5px;
}

body .menu-bar .dropdown-content li {
    position: relative;
    cursor: pointer;
    width: 100%;
    min-height: 2.5rem;
    line-height: 1.5rem;
    white-space: nowrap;
}

body .menu-bar .dropdown-content li, body .menu-bar .dropdown-content li * {
    box-sizing: border-box;
}

body .menu-bar .dropdown-content li > span,
body .menu-bar .dropdown-content li > .java-wrap > a,
body .menu-bar .dropdown-content li > a {
    display: block;
    min-height: 2.5rem;
    line-height: 1.4;
    padding: 0.6923rem 1.23077rem !important;
    color: #1D252C;
}

body .menu-bar .dropdown-content li > .java-wrap a {
    color: #1D252C;
}

.menu-bar .dropdown-content li > a {
    position: relative;
    z-index: 1;
}

.menu-bar .dropdown-content li.has-child:before {
    position: absolute;
    z-index: 0;
    right: 8px;
    top: 50%;
    font-size: 1.3rem;
    margin-top: -0.5em;
    color: #536677;
}

.action-listing-popup {
    min-width: 180px;
}

.operPanel_paging .dropdown-content li {
    white-space: nowrap;
}

.operPanel_paging .dropdown-content li:after {
    background: #ced5db;
}

.operPanel_paging .dropdown-content li:hover, .operPanel_paging .dropdown-content li:focus {
    background-color: rgba(236, 239, 243, 0.22);
}

.gwt-dropdown--hide {
    animation: .3s fadeInVisible;
    animation-fill-mode: forwards;
}

.gwt-dropdown--show {
    opacity: 1;
    display: block;
}

@keyframes fadeInVisible {
    0% {
        opacity: 1;
    }
    100% {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

.dropdown-content-tooltip {
    white-space: nowrap;
}

/* select dropdown zindex - in modal box*/
.dropdown-content {
    z-index: 1030;
}

body > .dropdown-content {
    width: auto !important;
    min-width: 150px;
}

/* MATERIAL CONFLICTS */
[class*="dropdown-select--"] .dropdown-button {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
}

.dropdown-select .dropdown-button.active,
[class*="dropdown-select--"] .dropdown-button.active {
    z-index: 101;
    /*dropdown-button should be located ablove the list*/
}

/*!*DROPDOWN - ARROW ALL*/
[class*="dropdown-kit--"] {
    position: relative;
}

[class*="dropdown-kit--"] .dropdown-content {
    min-width: 100%;
    width: auto !important;
}

.dropdown-button.active,
[class*="dropdown-kit--"] .dropdown-button.active {
    position: relative;
}

[class*="dropdown-kit--arrow--"] > .dropdown-button {
    position: relative;
}

[class*="dropdown-kit--arrow--"] > .dropdown-button:before, [class*="dropdown-kit--arrow--"] > .dropdown-button:after {
    border-width: 16px 16px;
}

[class*="dropdown-kit--arrow--"] > .dropdown-button:before {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    color: transparent;
    opacity: 0;
}

[class*="dropdown-kit--arrow--"] > .dropdown-button:after {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    color: transparent;
    opacity: 0;
    z-index: 100;
}

[class*="dropdown-kit--arrow--"] > .dropdown-button:before {
    z-index: -1;
}

[class*="dropdown-kit--arrow--"] > .dropdown-button.active:before, [class*="dropdown-kit--arrow--"] > .dropdown-button.active:after {
    content: '';
    opacity: 1;
    animation: arrowOpacity .3s ease;
}

@keyframes arrowOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*DROPDOWN - ARROW BELOW*/
.dropdown-kit--arrow--below:not(.dropdown-kit--arrow--below--reverse) > .dropdown-content,
.dropdown-kit--below .dropdown-content {
    top: 100% !important;
}

.dropdown-kit--arrow--below:not(.dropdown-kit--arrow--below--reverse) > .dropdown-content .dropdown-content,
.dropdown-kit--below .dropdown-content .dropdown-content {
    top: 0 !important;
    margin-top: 0 !important;
}

.dropdown-kit--arrow--below:not(.dropdown-kit--arrow--below--reverse) .dropdown-content {
    margin-top: 18px;
}

.main-dir__documents .dropdown-kit--arrow--below:not(.dropdown-kit--arrow--below--reverse) .dropdown-content {
    margin-top: 10px;
}

.dropdown-kit--arrow--below:not(.dropdown-kit--arrow--below--reverse) .dropdown-content .dropdown-content {
    margin-top: 0;
}

.dropdown-kit--arrow--below:not(.dropdown-kit--arrow--below--reverse) > .dropdown-button:before, .dropdown-kit--arrow--below:not(.dropdown-kit--arrow--below--reverse) > .dropdown-button:after {
    top: 90%;
}

.dropdown-kit--arrow--below:not(.dropdown-kit--arrow--below--reverse) > .dropdown-button.active:before, .dropdown-kit--arrow--below:not(.dropdown-kit--arrow--below--reverse) > .dropdown-button.active:after {
    top: 100%;
}

.dropdown-kit--arrow--below > .dropdown-button:before, .dropdown-kit--arrow--below > .dropdown-button:after {
    left: 50%;
    margin-left: -17px;
    transition: top .3s ease;
}

.main-dir__documents .dropdown-kit--arrow--below > .dropdown-button:before {
    margin-top: -18px;
}

.main-dir__documents .dropdown-kit--arrow--below > .dropdown-button:after {
    margin-top: -17px;
}

.dropdown-kit--arrow--below .dropdown-button:before {
    margin-top: -8px;
    border-bottom-color: rgba(51, 51, 51, 0.07);
}

.dropdown-kit--arrow--below .dropdown-button:after {
    margin-top: -7px;
    border-bottom-color: #fff;
}

.dropdown-kit--arrow--below .dropdown-content-tooltip {
    margin-left: 20px;
}

.dropdown-kit--arrow--below--reverse .dropdown-content {
    top: auto !important;
    bottom: 100% !important;
}

.dropdown-kit--arrow--below--reverse > .dropdown-button:before, .dropdown-kit--arrow--below--reverse > .dropdown-button:after {
    bottom: 90%;
}

.dropdown-kit--arrow--below--reverse > .dropdown-button.active:before, .dropdown-kit--arrow--below--reverse > .dropdown-button.active:after {
    bottom: 100%;
}

/* \ DROPDOWN - ARROW BELOW*/
/*  DROPDOWN - ARROW TOP*/
.dropdown-kit--arrow--top > .dropdown-button:after {
    margin-top: -18px;
    border-top-color: #fff;
}

.dropdown-kit--arrow--top > .dropdown-button > .dropdown-content {
    top: auto !important;
    bottom: 100%;
    margin-bottom: 18px;
}

/* \ DROPDOWN - ARROW TOP*/
/* DROPDOWN - ARROW RIGHT*/
.dropdown-kit--arrow--right .dropdown-content-tooltip {
    top: -30px !important;
    right: 100% !important;
    left: auto !important;
    margin-right: 31px;
}

.dropdown-kit--arrow--right .dropdown-button:before, .dropdown-kit--arrow--right .dropdown-button:after {
    top: 50%;
    right: 100%;
    margin-top: -17px;
}

.dropdown-kit--arrow--right .dropdown-button:before {
    border-left-color: rgba(51, 51, 51, 0.07);
}

.dropdown-kit--arrow--right .dropdown-button:after {
    border-left-color: #fff;
}

/* DROPDOWN - ARROW LEFT */
.dropdown-kit--arrow--left .dropdown-content {
    top: -30px !important;
    left: 100% !important;
    margin-left: 21px;
}

.dropdown-kit--arrow--left .dropdown-button:before, .dropdown-kit--arrow--left .dropdown-button:after {
    top: 50%;
    left: 100%;
    margin-top: -17px;
    margin-left: -10px;
}

.dropdown-kit--arrow--left .dropdown-button:before {
    border-right-color: rgba(51, 51, 51, 0.07);
}

.dropdown-kit--arrow--left .dropdown-button:after {
    border-right-color: #fff;
}

/* \ DROPDOWN - ARROW RIGHT*/
.dropdown-kit--edge-in .dropdown-content {
    left: 0;
    right: 0;
    width: auto !important;
    min-width: inherit;
}

.dropdown-kit--left .dropdown-content {
    width: auto !important;
    right: 100% !important;
    left: auto !important;
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/font-icons/icomoon.eot?cy4vwn");
    src: url("../fonts/font-icons/icomoon.eot?cy4vwn#iefix") format("embedded-opentype"), url("../fonts/font-icons/icomoon.ttf?cy4vwn") format("truetype"), url("../fonts/font-icons/icomoon.woff?cy4vwn") format("woff"), url("../fonts/font-icons/icomoon.svg?cy4vwn#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

.ficon--, .dropdown-content .dropdown-button:after, .dropdown-content #gwt-debug-pdf_button:after, .dropdown-select--arrow .dropdown-button:after, .pseudoSelect .curValue:before, .menu-bar .dropdown-content li.has-child:before, .ficon-shared[class^="ficon--"]:after, .close:before, .side-nav__heading .close:before,
.close--2:before, .panel__body .figure-h:after, .select2-selection__arrow b:before,
.custom-select .caret:before,
.simpleGwt-ComboBox .caret:before,
.select-wrapper .caret:before,
[class^="ficon--"], [class*=" ficon--"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class*="ficon--"]:before,
[class*="ficon--"] + * {
    display: inline-block;
    line-height: 1;
}

.ficon--googledrive:before {
    content: "\e978";
}

.ficon--lock:before {
    content: "\e975";
}

.ficon--file-background:before, .ficon--file-text2:before {
    content: "\e973";
}

.ficon--file-lines:before, .ficon--file-text2:after {
    content: "\e974";
}

.ficon--mute:before {
    content: "\e971";
}

.ficon--sms:before {
    content: "\e96e";
}

.ficon--calendar2:before {
    content: "\e96f";
}

.ficon--info2:before {
    content: "\e970";
}

.ficon--check-circle:before {
    content: "\e96d";
}

.ficon--minimize-bold:before {
    content: "\e96c";
}

.ficon--paid:before {
    content: "\e963";
}

.ficon--report-favorit:before {
    content: "\e964";
}

.ficon--report-favorite:before {
    content: "\e964";
}

.ficon--report-recruitment:before {
    content: "\e965";
}

.ficon--report-timesheet:before {
    content: "\e966";
}

.ficon--report-task:before {
    content: "\e967";
}

.ficon--report-projects:before {
    content: "\e968";
}

.ficon--report-leave-requests:before {
    content: "\e969";
}

.ficon--report-issues:before {
    content: "\e96a";
}

.ficon--report-employee-details:before {
    content: "\e96b";
}

.ficon--completed:before {
    content: "\e929";
}

.ficon--approved:before {
    content: "\e929";
}

.ficon--recieved:before {
    content: "\e929";
}

.ficon--check-double:before {
    content: "\e929";
}

.ficon--converted:before {
    content: "\e95a";
}

.ficon--assigned:before {
    content: "\e95c";
}

.ficon--user-check:before {
    content: "\e95c";
}

.ficon--terminated:before {
    content: "\e95d";
}

.ficon--rejected:before {
    content: "\e95d";
}

.ficon--thumb-down:before {
    content: "\e95d";
}

.ficon--edited:before {
    content: "\e95e";
}

.ficon--import:before {
    content: "\e95f";
}

.ficon--uploaded:before {
    content: "\e960";
}

.ficon--submited:before {
    content: "\e961";
}

.ficon--waiting:before {
    content: "\e961";
}

.ficon--phone2:before {
    content: "\e956";
}

.ficon--at:before {
    content: "\e957";
}

.ficon--report-focus-oncustomer:before {
    content: "\e953";
}

.ficon--report-custom:before {
    content: "\e954";
}

.ficon--report-tax:before {
    content: "\e955";
}

.ficon--report-fin-statement:before {
    content: "\e952";
}

.ficon--reset:before {
    content: "\e951";
}

.ficon--plus-lg:before {
    content: "\e94d";
}

.ficon--view-kanban:before {
    content: "\e94e";
}

.ficon--view-list:before {
    content: "\e94f";
}

.ficon--org-chart:before {
    content: "\e950";
}

.ficon--file-csv:before {
    content: "\e942";
}

.ficon--star:before {
    content: "\e93f";
}

.ficon--mask-trapeze:before {
    content: "\e93a";
}

.ficon--office365:before {
    content: "\e935";
}

.ficon--calc:before {
    content: "\e92a";
}

.ficon--wallet-bold:before {
    content: "\e904";
}

.ficon--bar-chart-bold:before {
    content: "\e905";
}

.ficon--users-bold:before {
    content: "\e906";
}

.ficon--user-bold:before {
    content: "\e906";
}

.ficon--server-bold:before {
    content: "\e907";
}

.ficon--projects-bold:before {
    content: "\e907";
}

.ficon--folder-bold:before {
    content: "\e908";
}

.ficon--flag-bold:before {
    content: "\e90c";
}

.ficon--flag:before {
    content: "\e90c";
}

.ficon--menu-thin:before {
    content: "\e91f";
}

.ficon--filter-bold:before {
    content: "\e91a";
}

.ficon--check-thin:before, .btn .ficon--check:before, .btn--circle .ficon--check:before, .btn--icon .ficon--check:before {
    content: "\e917";
}

.ficon--camera:before {
    content: "\e915";
}

.ficon--bell:before {
    content: "\e900";
}

.ficon--trial:before {
    content: "\e901";
}

.ficon--check:before {
    content: "\e902";
}

.ficon--list-open:before {
    content: "\e903";
}

.ficon--settings:before {
    content: "\e90a";
}

.ficon--edit:before {
    content: "\e90b";
}

.ficon--settings-bold:before {
    content: "\e90d";
}

.ficon--customize:before {
    content: "\e90d";
}

.ficon--dashboard:before {
    content: "\e90f";
}

.ficon--layout:before {
    content: "\e90f";
}

.ficon--calendar:before {
    content: "\e910";
}

.ficon--download-cloud:before {
    content: "\e936";
}

.ficon--tag-down:before, .ficon--tag-up:before {
    content: "\e937";
}

.ficon--order-accending:before, .ficon--order-descending:before {
    content: "\e938";
}

.ficon--trash:before {
    content: "\e939";
}

.ficon--file-excel:before {
    content: "\e923";
    color: #217346;
}

.ficon--file-outlook:before {
    content: "\e924";
    color: #0072c6;
}

.ficon--file-pp:before {
    content: "\e925";
    color: #d24726;
}

.ficon--file-word:before {
    content: "\e926";
    color: #2b579a;
}

.ficon--file-plus:before {
    content: "\e909";
}

.ficon--log-in:before {
    content: "\e90e";
}

.ficon--upload-cloud:before {
    content: "\e976";
}

.ficon--eye:before {
    content: "\e972";
}

.ficon--users:before {
    content: "\e95b";
}

.ficon--copy:before {
    content: "\e962";
}

.ficon--remove-circle:before {
    content: "\e958";
}

.ficon--add-circle:before, .btn--toggle-off i:before {
    content: "\e959";
}

.ficon--timer:before {
    content: "\e94c";
}

.ficon--textsms:before {
    content: "\e93c";
}

.ficon--phone:before {
    content: "\e93b";
}

.ficon--chevrons-right:before {
    content: "\e930";
}

.ficon--chevrons-left:before {
    content: "\e932";
}

.ficon--chevron-right:before, .menu-bar .dropdown-content li.has-child:before {
    content: "\e933";
}

.ficon--chevron-left:before {
    content: "\e934";
}

.ficon--download:before, .ficon--upload:before {
    content: "\e931";
}

.ficon--arrow-right:before, .panel__body .figure-h:after {
    content: "\e92d";
}

.ficon--sent:before {
    content: "\e92d";
}

.ficon--arrow-left:before {
    content: "\e92e";
}

.ficon--refunded:before {
    content: "\e92e";
}

.ficon--minus:before {
    content: "\e92b";
}

.ficon--plus:before {
    content: "\e92c";
}

.ficon--plus-circle:before {
    content: "\e927";
}

.ficon--minus-circle:before {
    content: "\e928";
}

.ficon--repeat:before {
    content: "\e922";
}

.ficon--filter:before {
    content: "\e920";
}

.ficon--search:before, .simpleGwt-ComboBox .gwt-SuggestBox + .caret:before {
    content: "\e921";
}

.ficon--save:before {
    content: "\e91e";
}

.ficon--menu:before {
    content: "\e91d";
}

.ficon--close:before, .close:before, .side-nav__heading .close:before,
.close--2:before {
    content: "\e91b";
}

.ficon--cancel:before, .side-nav__heading .close:before,
.close--2:before {
    content: "\e91c";
}

.ficon--unfold-more:before {
    content: "\e919";
}

.ficon--mail-outline:before {
    content: "\e918";
}

.ficon--keyboard-backspace:before {
    content: "\e916";
}

.ficon--keyboard-arrow-up:before, .dropdown-select--arrow .dropdown-button.active:after {
    content: "\e913";
}

.ficon--keyboard-arrow-right:before, .dropdown-content .dropdown-button:after, .dropdown-content #gwt-debug-pdf_button:after {
    content: "\e914";
}

.ficon--keyboard-arrow-down:before, .btn.hasicon--right .ficon--more-horiz:before, .hasicon--right.btn--circle .ficon--more-horiz:before, .hasicon--right.btn--icon .ficon--more-horiz:before, .dropdown-select--arrow .dropdown-button:after, .pseudoSelect .curValue:before, .select2-selection__arrow b:before,
.custom-select .caret:before,
.select-wrapper .caret:before {
    content: "\e912";
}

.ficon--info:before {
    content: "\e911";
}

.ficon--file-html:before {
    content: "\e944";
}

.ficon--file-txt:before {
    content: "\e943";
}

.ficon--file-vcard:before {
    content: "\e941";
}

.ficon--equalizer:before {
    content: "\e93e";
}

.ficon--inbox:before {
    content: "\e94b";
}

.ficon--drawer:before {
    content: "\e94b";
}

.ficon--globe:before, .ficon-shared[class^="ficon--"]:after {
    content: "\e94a";
}

.ficon--file-audio:before {
    content: "\e945";
}

.ficon--file-video:before {
    content: "\e946";
}

.ficon--file-zip:before {
    content: "\e947";
}

.ficon--file-text:before {
    content: "\e948";
}

.ficon--mail:before {
    content: "\e92f";
}

.ficon--attachment:before {
    content: "\e9cd";
}

.ficon--play:before {
    content: "\ea1c";
}

.ficon--eject:before {
    content: "\ea25";
}

.ficon--file-pdf:before {
    content: "\eadf";
}

.ficon--file-code-o:before {
    content: "\e949";
}

.ficon--toggle-on:before {
    content: "\e940";
}

.ficon--file-img:before {
    content: "\e93d";
}

.ficon--tag-up:before {
    transform: rotate(180deg);
}

.ficon--more-horiz:before {
    content: "\00B7 \00B7 \00B7";
}

.ficon--more-vert:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI4cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDggMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+bWVudS0xIGNvcHk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iU2FsZXMtT3JkZXItQ29weS00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTAuMDAwMDAwLCAtNDQ4LjAwMDAwMCkiIGZpbGw9IiMyRDNBNDUiIGZpbGwtcnVsZT0ibm9uemVybyI+ICAgICAgICAgICAgPHBhdGggZD0iTTkyLDQ0OCBDOTIuODAyNzgyMyw0NDggOTMuNDU4MjY1MSw0NDguNjc1MTI3IDkzLjQ1ODI2NTEsNDQ5LjUwNzYxNCBDOTMuNDU4MjY1MSw0NTAuMzQwMTAyIDkyLjgwNTIzNzMsNDUxLjAxNTIyOCA5Miw0NTEuMDE1MjI4IEM5MS4xOTQ3NjI3LDQ1MS4wMTUyMjggOTAuNTQxNzM0OSw0NTAuMzQwMTAyIDkwLjU0MTczNDksNDQ5LjUwNzYxNCBDOTAuNTQxNzM0OSw0NDguNjc1MTI3IDkxLjE5NzIxNzcsNDQ4IDkyLDQ0OCBaIE05Ni41NDE3MzQ5LDQ0OCBDOTcuMzQ0NTE3Miw0NDggOTgsNDQ4LjY3NTEyNyA5OCw0NDkuNTA3NjE0IEM5OCw0NTAuMzQwMTAyIDk3LjM0Njk3MjIsNDUxLjAxNTIyOCA5Ni41NDE3MzQ5LDQ1MS4wMTUyMjggQzk1LjczNjQ5NzUsNDUxLjAxNTIyOCA5NS4wODM0Njk3LDQ1MC4zNDAxMDIgOTUuMDgzNDY5Nyw0NDkuNTA3NjE0IEM5NS4wODM0Njk3LDQ0OC42NzUxMjcgOTUuNzM4OTUyNSw0NDggOTYuNTQxNzM0OSw0NDggWiBNOTIsNDUyLjQ5MjM4NiBDOTIuODAyNzgyMyw0NTIuNDkyMzg2IDkzLjQ1ODI2NTEsNDUzLjE2NzUxMyA5My40NTgyNjUxLDQ1NCBDOTMuNDU4MjY1MSw0NTQuODMyNDg3IDkyLjgwNTIzNzMsNDU1LjUwNzYxNCA5Miw0NTUuNTA3NjE0IEM5MS4xOTQ3NjI3LDQ1NS41MDc2MTQgOTAuNTQxNzM0OSw0NTQuODMyNDg3IDkwLjU0MTczNDksNDU0IEM5MC41NDE3MzQ5LDQ1My4xNjc1MTMgOTEuMTk3MjE3Nyw0NTIuNDkyMzg2IDkyLDQ1Mi40OTIzODYgWiBNOTYuNTQxNzM0OSw0NTIuNDkyMzg2IEM5Ny4zNDQ1MTcyLDQ1Mi40OTIzODYgOTgsNDUzLjE2NzUxMyA5OCw0NTQgQzk4LDQ1NC44MzI0ODcgOTcuMzQ2OTcyMiw0NTUuNTA3NjE0IDk2LjU0MTczNDksNDU1LjUwNzYxNCBDOTUuNzM2NDk3NSw0NTUuNTA3NjE0IDk1LjA4MzQ2OTcsNDU0LjgzMjQ4NyA5NS4wODM0Njk3LDQ1NCBDOTUuMDgzNDY5Nyw0NTMuMTY3NTEzIDk1LjczODk1MjUsNDUyLjQ5MjM4NiA5Ni41NDE3MzQ5LDQ1Mi40OTIzODYgWiBNOTIsNDU2Ljk4NDc3MiBDOTIuODAyNzgyMyw0NTYuOTg0NzcyIDkzLjQ1ODI2NTEsNDU3LjY2MjQzNyA5My40NTgyNjUxLDQ1OC40OTIzODYgQzkzLjQ1ODI2NTEsNDU5LjMyNDg3MyA5Mi44MDUyMzczLDQ2MCA5Miw0NjAgQzkxLjE5NDc2MjcsNDYwIDkwLjU0MTczNDksNDU5LjMyMjMzNSA5MC41NDE3MzQ5LDQ1OC40OTIzODYgQzkwLjU0MTczNDksNDU3LjY1OTg5OCA5MS4xOTcyMTc3LDQ1Ni45ODQ3NzIgOTIsNDU2Ljk4NDc3MiBaIE05Ni41NDE3MzQ5LDQ1Ni45ODQ3NzIgQzk3LjM0NDUxNzIsNDU2Ljk4NDc3MiA5OCw0NTcuNjYyNDM3IDk4LDQ1OC40OTIzODYgQzk4LDQ1OS4zMjQ4NzMgOTcuMzQ2OTcyMiw0NjAgOTYuNTQxNzM0OSw0NjAgQzk1LjczNjQ5NzUsNDYwIDk1LjA4MzQ2OTcsNDU5LjMyMjMzNSA5NS4wODM0Njk3LDQ1OC40OTIzODYgQzk1LjA4MzQ2OTcsNDU3LjY1OTg5OCA5NS43Mzg5NTI1LDQ1Ni45ODQ3NzIgOTYuNTQxNzM0OSw0NTYuOTg0NzcyIFoiIGlkPSJtZW51LTEtY29weSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}

.ficon--exclamation:before {
    content: "\0021";
}

.ficon--order-descending:before {
    transform: scaleX(-1);
}

.menu-bar .ficon--file-pdf:before {
    color: #f00;
}

.ficon--upload:before {
    transform: rotate(180deg);
}

.ficon--equalizer {
    transform: rotate(90deg);
}

[class^="ficon--"].ficon-shared {
    position: relative;
}

[class^="ficon--"].ficon-shared:after {
    font-size: .5em;
    color: #028bff;
    color: #659bc8;
    position: absolute;
    z-index: 2;
    top: -0.4em;
    left: -0.4em;
    background-color: #fff;
    border-radius: 50%;
}

.ficon--file-text2 {
    position: relative;
}

.ficon--file-text2:before {
    color: #e8e8e8;
}

.ficon--file-text2:after {
    position: absolute;
    top: 0.6em;
    left: 0.3em;
    font-size: 0.5em;
}

svg {
    fill: none;
}

svg[class*="icon--"],
.input-group svg,
.frame__support svg,
.gwt-ScrollTable svg,
.btn svg,
.btn--circle svg,
.btn--icon svg,
.btn-small svg,
.btn-medium svg,
.btn-large svg,
.operPanel svg,
.frame__nav svg,
.page-opers svg,
.frame__info svg {
    width: 18px;
    height: 18px;
    max-height: 100%;
}

.frame__header svg {
    width: 20px;
    height: 20px;
}

.operPanel--header svg.icon--sliders {
    height: 23px;
}

svg.icon--barChart {
    width: 20px;
    height: 20px;
}

svg.icon--more {
    width: 25px;
}

svg[class*="icon--"],
.input-group svg,
.frame__support svg,
.gwt-ScrollTable svg,
.btn svg,
.btn--circle svg,
.btn--icon svg,
.btn-small svg,
.btn-medium svg,
.btn-large svg,
.operPanel .searchForm svg,
.operPanel .btn:not(.btn--circle) svg,
.operPanel .btn--circle:not(.btn--circle) svg,
.operPanel .btn--icon:not(.btn--circle) svg,
.frame__header svg,
.frame__modules svg,
.frame__nav svg,
.page-opers svg,
.frame__info svg {
    stroke: currentColor;
    color: currentColor;
}

.gwt-ScrollTable svg,
.operPanel .searchForm svg,
.operPanel .btn:not(.btn--circle) svg,
.operPanel .btn--circle:not(.btn--circle) svg,
.operPanel .btn--icon:not(.btn--circle) svg,
.user-menu-item__icon svg,
.main-directories__sublink svg {
    stroke: #1D252C;
    color: #1D252C;
    opacity: .7;
}

.gwt-ScrollTable:hover svg,
.operPanel .searchForm:hover svg,
.operPanel .btn:hover svg,
.operPanel .btn--circle:hover svg,
.operPanel .btn--icon:hover svg,
.user-menu-item:hover svg, .user-menu-item:focus svg {
    opacity: 1;
}

.btn--icon svg.icon--plus {
    margin-top: -1px;
    margin-left: -1px;
}

.btn--feedback svg,
.btn--chat svg {
    fill: currentColor;
}

svg.icon--autoNumber, svg.icon--multiline, svg.icon--pickList, svg.icon--number, svg.icon--nochart, svg.icon--verticalchart, svg.icon--horizontalchart, svg.icon--linechart, svg.icon--areachart, svg.icon--piechart, svg.icon--donutchart, svg.icon--semichart, svg.icon--gaugechart, svg.icon--funnelchart, svg.icon--basicchart, svg.icon--standartchart, svg.icon--growthchart, svg.icon--rankingchart {
    stroke: none;
}

svg.icon--semichart {
    transform: scale(1.3);
}

svg.icon--gaugechart {
    transform: scale(1.2);
}

svg.icon--growthchart {
    transform: scale(0.8);
}

svg.icon--funnelchart {
    transform: scale(0.9);
}

.features-aside [class^="ficon--"], .features-aside [class*=" ficon--"],
.frame__modules [class^="ficon--"],
.frame__modules [class*=" ficon--"] {
    display: inline-block;
    background-image: url("../icons/frame-modules.svg");
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.features-aside [class^="ficon--"]:before, .features-aside [class*=" ficon--"]:before,
.frame__modules [class^="ficon--"]:before,
.frame__modules [class*=" ficon--"]:before {
    display: none !important;
}

.features-aside .ficon--bar-chart-bold,
.frame__modules .ficon--bar-chart-bold {
    width: 18px;
    height: 17px;
    background-position: 0 0;
}

.features-aside .ficon--calc,
.frame__modules .ficon--calc {
    width: 18px;
    height: 17px;
    background-position: 0 -17px;
}

.features-aside .ficon--chevron-right, .features-aside .menu-bar .dropdown-content li.has-child:before, .menu-bar .dropdown-content .features-aside li.has-child:before,
.frame__modules .ficon--chevron-right,
.frame__modules .menu-bar .dropdown-content li.has-child:before,
.menu-bar .dropdown-content .frame__modules li.has-child:before {
    width: 24px;
    height: 24px;
    background-position: 0 -34px;
}

.features-aside .ficon--flag-bold,
.frame__modules .ficon--flag-bold {
    width: 15px;
    height: 21px;
    background-position: 0 -58px;
}

.features-aside .ficon--folder-bold,
.frame__modules .ficon--folder-bold {
    width: 18px;
    height: 16px;
    background-position: 0 -79px;
}

.features-aside .ficon--server-bold,
.frame__modules .ficon--server-bold {
    width: 18px;
    height: 12px;
    background-position: 0 -95px;
}

.features-aside .ficon--users-bold,
.frame__modules .ficon--users-bold {
    width: 15px;
    height: 18px;
    background-position: 0 -107px;
}

.features-aside .ficon--wallet-bold,
.frame__modules .ficon--wallet-bold {
    width: 18px;
    height: 17px;
    background-position: 0 -125px;
}

/* Progress Bar */
.nobr {
    white-space: nowrap;
}

.redTitle {
    color: red;
    font-weight: bold;
}

.form-group__label .redTitle {
    position: relative;
    display: inline-block;
    font-size: 1.2em;
    line-height: 1;
    top: -.3em;
    left: -1px;
}

.title-minor {
    font-size: 1.4rem;
}

.color-success {
    color: #2bbf57;
}

.bg-grey-contrast {
    border-color: #f5f7f9 !important;
    background-color: #f5f7f9;
}

.cursor-on-mouse-over {
    cursor: pointer;
}

.margin-bottom-sm {
    margin-bottom: 0.83333rem;
}

.margin-bottom-md {
    margin-bottom: 1.66667rem;
}

.margin-bottom-lg {
    margin-bottom: 2.5rem;
}

.margin-top {
    margin-top: 1.66667rem;
}

.margin-bottom {
    margin-bottom: 1.66667rem;
}

.stack-x > * + * {
    margin-left: 1.66667rem;
}

.stack-y > * + * {
    margin-top: 1.66667rem;
}

.stack-y--sm > * + * {
    margin-top: 0.83333rem;
}

[class*="hasicon--"]:not(.btn):not(.btn--circle):not(
.btn--icon):not([aria-hidden=true]) {
    display: inline-flex !important;
    align-items: center;
}

[class*="hasicon--"]:not(.btn):not(.btn--circle):not(
  .btn--icon):not([aria-hidden=true]) .hasicon--left i + * {
    flex-grow: 1;
}

[class*="hasicon--"]:not(.btn):not(.btn--circle):not(
  .btn--icon):not([aria-hidden=true]) i {
    flex-shrink: 0;
}

.hasicon--left:not(.btn):not(.btn--circle):not(
.btn--icon) i,
.dropdown-content li > .java-wrap > a > i,
.dropdown-content li > a > i {
    flex-shrink: 0;
    width: 1em;
    margin-right: 0.7em;
}

.dropdown-content li > a.hasicon--left:not(.btn):not(.btn--circle):not(
.btn--icon) > i {
    width: 1em;
    margin-right: 0.7em;
}

.hasicon--right:not(.btn):not(.btn--circle):not(
.btn--icon) > i {
    margin-left: 0.7em;
}

.hasicon--right:not(.btn):not(.btn--circle):not(
.btn--icon) > .ficon--keyboard-arrow-down, .btn.hasicon--right .hasicon--right:not(.btn):not(.btn--circle):not(
.btn--icon) > .ficon--more-horiz:before, .hasicon--right.btn--circle .hasicon--right:not(.btn):not(.btn--circle):not(
.btn--icon) > .ficon--more-horiz:before, .hasicon--right.btn--icon .hasicon--right:not(.btn):not(.btn--circle):not(
.btn--icon) > .ficon--more-horiz:before, .pseudoSelect .hasicon--right:not(.btn):not(.btn--circle):not(
.btn--icon) > .curValue:before, .select2-selection__arrow .hasicon--right:not(.btn):not(.btn--circle):not(
.btn--icon) > b:before,
.custom-select .hasicon--right:not(.btn):not(.btn--circle):not(
.btn--icon) > .caret:before,
.select-wrapper .hasicon--right:not(.btn):not(.btn--circle):not(
.btn--icon) > .caret:before {
    margin-left: 0.4em;
    margin-right: -0.6665rem;
}

.hasicon--right:not(.btn):not(.btn--circle):not(
.btn--icon) > .ficon--more-horiz {
    margin-left: 0.25rem;
}

.close, .side-nav__heading .close,
.close--2 {
    display: inline-block;
    cursor: pointer;
    opacity: 0.6;
    font-style: normal;
}

.close:hover,
.close--2:hover, .close:focus,
.close--2:focus {
    opacity: 0.8 !important;
    color: #536677;
}

.close:active,
.close--2:active {
    opacity: 1 !important;
    color: #536677;
}

.close:before, .side-nav__heading .close:before,
.close--2:before {
    line-height: 1;
    font-size: 1.4rem;
}

.hover-close .close,
.hover-close .close--2 {
    opacity: 0;
}

.hover-close .close:before,
.hover-close .close--2:before {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.6em;
    /* content: '\2715'; */
    /* content: '\2716'; */
    /* content: '\2A2F'; */
    font-size: 16px;
    line-height: 1;
    color: black;
}

.searchForm {
    position: relative;
    display: flex !important;
    align-items: center;
}

.searchForm__btn, .searchForm__x {
    display: flex;
    align-items: center;
    height: 18px;
    flex: 0 0 17px;
    cursor: pointer;
}

.searchForm.active svg {
    opacity: 1;
}

.searchForm.active + .operPanel__btn-groups {
    opacity: 0;
    width: 0;
    transition: opacity .1s ease, width .3s ease;
    visibility: hidden;
}

.searchForm__control input[type="text"] {
    border: none;
    max-width: 170px;
    transition: max-width .3s ease, padding-left .3s ease, padding-right .3s ease;
}

.searchForm:not(.active) .searchForm__control input[type="text"] {
    max-width: 0;
    padding-right: 0;
    padding-left: 0;
}

.searchForm__x svg {
    height: 14px;
    width: 14px;
}

.searchForm:not(.active) .searchForm__x {
    display: none;
}

.gradient-blend-top--sideNav, .side-nav__heading:after,
.gradient-blend-top--white,
.gradient-blend-top--grey {
    content: '';
    position: absolute;
    z-index: 1;
    top: 100%;
    height: 22px;
}

.gradient-blend-bottom--sideNav, .side-nav:not(.user-menu-settings) .side-nav__footer:after,
.gradient-blend-bottom--grey {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 10px;
    right: 10px;
    height: 22px;
    margin-bottom: 1px;
}

.sidenav-content .gradient-blend-bottom--sideNav, .sidenav-content .side-nav:not(.user-menu-settings) .side-nav__footer:after, .side-nav:not(.user-menu-settings) .sidenav-content .side-nav__footer:after, .sidenav-content
.gradient-blend-bottom--grey {
    height: 17px;
    margin-bottom: 0;
}

.gradient-blend-bottom--grey {
    background-image: linear-gradient(to bottom, rgba(236, 239, 243, 0) 5%, rgba(236, 239, 243, 0.5) 50%, #eceff3);
}

.gradient-blend-bottom--sideNav, .side-nav:not(.user-menu-settings) .side-nav__footer:after {
    background-image: linear-gradient(to bottom, rgba(229, 232, 238, 0) 5%, rgba(229, 232, 238, 0.5) 50%, #e5e8ee);
}

.gradient-blend-top--white {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 50%, white);
}

.gradient-blend-top--grey {
    background-image: linear-gradient(to top, rgba(236, 239, 243, 0) 5%, rgba(236, 239, 243, 0.5) 50%, #eceff3);
}

.gradient-blend-top--sideNav, .side-nav__heading:after {
    background-image: linear-gradient(to top, rgba(229, 232, 238, 0) 5%, rgba(229, 232, 238, 0.5) 50%, #e5e8ee);
}

.side-nav__heading:after {
    left: 10px;
    right: 10px;
}

.user-menu-settings .side-nav__heading:after {
    display: none;
}

.img-group {
    position: relative;
    margin: 0;
}

.img-group__img {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.img-group__img img {
    max-width: 100%;
}

.widget .img-group__img {
    background-color: #eceff3;
}

.img-group figcaption {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    letter-spacing: -1px;
    background-color: #8d9ba8;
    color: #fff;
}

.img-group--circle,
.img-group--circle .img-group__img,
.img-group--circle figcaption {
    border-radius: 50%;
}

.badge {
    display: inline-block;
    min-width: 20px;
    text-align: center;
    border-radius: 40%;
    padding: 0.4rem;
    vertical-align: middle;
    font-weight: 300;
    font-size: 0.8rem;
    line-height: 1;
    letter-spacing: 0.06em;
    background-color: #536677;
    color: #fff;
}

.badge--primary {
    background-color: #1071e3;
    color: #fff;
}

.figure-link {
    cursor: pointer;
    color: #1071e3;
}

.figure-h {
    display: flex;
    align-items: center;
}

.figure-h.center {
    justify-content: center;
}

.panel-reporting .figure-h {
    border-left: 4px solid transparent;
}

.panel-reporting .panel__body .figure-h:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.figure-h .figure-icon:first-child {
    margin-right: 10px;
}

.figure-h .figure-icon img {
    max-width: 100%;
    display: block;
}

.panel-reporting .figure-h .figure-image {
    flex: 0 0 100px;
    text-align: center;
}

.panel-reporting .panel__heading .figure-h .figure-image img {
    max-width: 45px;
    fill: gray;
}

.panel-reporting .panel__heading .figure-h .figure-image i {
    font-size: 3.2rem;
}

.panel-reporting .panel__body .figure-h .figure-image i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    font-size: 1.2rem;
    border-radius: 50%;
    color: #cfd6dc;
}

.figure-h .figure-actions {
    margin-left: auto;
    margin-right: 5.35rem;
    opacity: 0;
    transition: all 0.2s;
}

.figure-h .figure-actions .btn, .figure-h .figure-actions .btn--circle,
.figure-h .figure-actions .btn--icon {
    opacity: 0.7;
    transition: 0.2s;
}

.figure-h .figure-actions .btn:hover, .figure-h .figure-actions .btn--circle:hover,
.figure-h .figure-actions .btn--icon:hover {
    opacity: 1;
}

.figure-h .figure-actions .mod--delete {
    background-color: #f8d2d8;
    color: #E71D1D;
}

.figure-h:hover .figure-actions {
    opacity: 1;
}

.panel__body .figure-h:after {
    position: absolute;
    top: 50%;
    right: 2.5rem;
    margin-top: -.5em;
    font-size: 1.4rem;
    color: #ced5db;
    transition: color 0.25s ease-in;
}

.panel__body .figure-h.active .figure-image i {
    background: #e1ebd0;
    color: #95c756;
}

.panel__body .figure-h:not(.figure-h--info):hover {
    cursor: pointer;
    border-left-color: #cfd6dc;
    box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.09);
    background-color: #f7f8fa;
}

.panel__body .figure-h:not(.figure-h--info):hover:after {
    color: #536677;
}

.panel__body .figure-h--info:after {
    display: none;
}

.collapse-switcher {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.collapse-switcher__txt:not(:last-child) {
    margin-right: 5px;
}

.collapse-switcher a {
    display: flex;
    color: inherit;
}

.disabled-over, .disabled-over.dropdown-split, .disabled-over.btn-split, .disabled-over.btn, .disabled-over.btn--circle,
.disabled-over.btn--icon {
    position: relative;
}

.disabled-over:before, .disabled-over.dropdown-split:before, .disabled-over.btn-split:before, .disabled-over.btn:before, .disabled-over.btn--circle:before,
.disabled-over.btn--icon:before {
    content: '';
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.kpi-sidenav-overlay {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    background-color: rgba(141, 155, 168, 0.8);
    z-index: 997;
    will-change: opacity;
}

.kpi-sidenav-overlay[style="display: none;"] + div[tabindex] {
    display: none;
}

.kpi-modules-overlay {
    position: fixed !important;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    background-color: rgba(141, 155, 168, 0.8);
    z-index: 997;
    will-change: opacity;
}

.action--attention {
    position: relative;
}

.action--attention:before {
    content: "";
    position: absolute;
    left: -8px;
    right: -8px;
    top: -8px;
    bottom: -8px;
    box-shadow: 0 0 3px 1px #fba800;
    border-radius: 20px;
    animation: blinking 1.5s infinite ease-in-out;
}

@keyframes blinking {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.whatch-youtube {
    color: inherit;
}

.whatch-youtube > * {
    display: inline-block;
    vertical-align: middle;
}

.whatch-youtube:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 35px;
    margin-right: 10px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABGCAMAAAANWMFbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFMUQ5OEQ4RDU3ODExRTk5MDE3QzY4QUExMDREOEQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFMUQ5OEQ5RDU3ODExRTk5MDE3QzY4QUExMDREOEQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEUxRDk4RDZENTc4MTFFOTkwMTdDNjhBQTEwNEQ4RDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEUxRDk4RDdENTc4MTFFOTkwMTdDNjhBQTEwNEQ4RDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5/4Pt9AAACc1BMVEX/YWH/ODj/Z2f/MjL/dHT/BQX/Bwf/Nzf/amr/Skr/DAz/ERH/ICD/QkL/AQH/cHD/4uL/MzP/9vb/x8f/Njb/cnL/Li7/AgL/Dg7/Vlb/VFT/Rkb/3d3/AwP/KCj/EhL/DQ3/RUX/yMj//Pz/kpL/9PT/iIj/2dn/PT3/trb/ZGT/p6f/i4v/lZX/q6v/6en/enr/Ly//BAT/Hh7/Cgr/CAj/0tL/Dw//dnb/JCT/cXH/OTn/8PD/zc3/r6//lpb/7u7/sLD/8/P/rq7/CQn/1tb/8fH/19f/k5P/ior/g4P/iYn/Kyv/8vL/+vr/+Pj/Cwv/ra3/3t7/zMz/4eH/vr7/srL/Bgb/YmL/EBD/UVH/jIz/Ojr/gYH/fHz/bGz/eHj/pKT/QED/HBz/Fhb/Ozv/TEz/Xl7/YGD/MTH/Jib/NDT/IyP/Hx//+fn/S0v/m5v/GRn/xcX/Y2P/Fxf/uLj/Zmb/a2v/sbH/5ub/ycn/UlL/6Oj/qan/s7P/X1//wMD/oaH/np7/fn7/dXX/IiL/SEj/hYX/XV3/wsL/fX3/zs7/aWn/bW3/t7f/4+P/jY3/oKD/rKz/WFj/+/v/xMT/vb3/Jyf/kZH/f3//u7v/0ND/l5f/LS3/T0//1dX/c3P/Tk7/0dH//v7/6ur/goL/aGj/5OT/XFz/VVX/e3v/7+//nZ3/V1f/FRX/39//W1v/WVn/j4//y8v/urr/gID/hob/o6P/5+f/wcH/TU3/9fX/qKj//f3/KSn/hIT/xsb/ExP/4OD/kJD/2tr/6+v/R0f/SUn/lJT/NTX/LCz/2Nj/n5//Wlr/7e3/////AADcn8b6AAADPUlEQVR42rTZZVNjMRQG4MPS0hYKLS3u7m6Lu9viK/guvrjburu7u7u7uyQ/aW8pDMsAQ5I277feuclzJ9M5MUBz53CB0uHXLrcXe4NebwjMCxGJROcVij2LJlOrUMQKj6LfHe/2D0o56paQ4VAyXlA4T18IZvxS7Xuf1p3bZ9dkGmfVY7LcxqUofak4zAzPH2vxUqMIY5vlJs7yMxLTrrE70Q/rU9RKz/mQrIAV4YuxXmLTs3Io8e9sZHQsEus3q54kz0RUdUZY/2kb+B8ZX4m5RHx7GvmyGnOK2ZoppNAVc4tL1iSShzmmSYuMOPNE8I4JpJKrgf0mEFe+SIdKQOLv8kUcEwRk1Jovgg8ISD1nA1sKSDVvxF5AbHkj5u7A+8+FsUkwqAx5I2Gfoayf8HvYi6QaomzIXu3zdWJVEuFIEdmby1B8tJgN8YBEwilRU67dTJmQp7DRkRxBKKmfAamDnZgGQcoWekQKlnQIQr5WtMgDGKJFkGe1Cx3iA8uoEYQuyqgQC2hmQBB6JqcpXmDLhKDnUkdiJBResiEIrY8jRX7CVlYELakkXOY4gSszgpA32VjHgKkOCELFJFVzi44ISt608JjJwV43BEW9XbBpuI7ILRFBEQ+Hr7ogQW0kTeUgY0e87ciatsMFVqQzh3QXewxuMCLlEuKykg/bmZDg3RQFMhRaWJDfHTSl3hAW0SNRXXSTlgXE0iKpJyIop18fEFEivqHUC4lDsN+MBvnYjOkjBX8xOeKe1MCyuAuBgUhiRO3Dtkz1gkeE6xtp6mbWM55A8CYsDuZWmDVr4XI7702QWSm4N/JGxCWAZLyRVfGABnkjVcIWO5s3YicgFbwRLwFxMOKMDAtIpxNfI0KpOe9S8EUkbzRIgiNXJFt70PmHpxGTqUWUDRyRiqnD58fp3IyQ6WP0YWNOhuX/FwK9VjwI4+8zrzYyaz7om7A+e2rWJc21nB96HDRr+WDvnNdNlxzSPvnJqvJNIsWsfYcZGccYfLvu5V/6at47Le2uNrgsw+1k8WmPgNway9qr62ztZI0GmkjMWw21aV1tYSHRPIqzX3HfTxp788q2AI/Ag+Xqc/dGPGf3+E+AAQB0XSUh7pIxoAAAAABJRU5ErkJggg") 0 0/contain no-repeat;
}

.book-layout {
    display: flex;
}

.book-layout > * {
    height: 100%;
    flex: 0 0 50%;
}

.features-list .book-layout__left {
    padding-left: 30px;
    padding-right: 60px;
}

.book-layout__right {
    border-left: 1px solid #eceff3;
}

.features-list .book-layout__right {
    padding-right: 30px;
    padding-left: 60px;
}

.data-out .gwt-DecoratorPanel {
    opacity: 0;
    animation: dataOut 0.6s ease-in-out;
}

.data-in .gwt-DecoratorPanel {
    animation: dataIn 0.6s ease-in-out;
}

@keyframes dataIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes dataOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/*@include text-input-mixin();*/
span.text-input {
    display: flex;
    align-items: center;
}

/*@include common-input-mixin();*/
input[style*="color:"] {
    color: #1D252C !important;
}

.text-input.input--large {
    height: 3.84615rem;
    line-height: 3.84615rem;
}

.input-field {
    position: relative;
    display: flex;
    flex-direction: column;
}

.input-field .select2-container .select2-selection {
    height: 2.33333rem;
    min-height: 2.33333rem;
}

.input-field .select2-container .select2-selection > [role="textbox"] {
    line-height: 2.33333rem;
}

.input-field label {
    order: -1;
    cursor: text;
    margin-bottom: auto;
}

.input-field input,
.input-field .select-wrapper {
    order: 1;
}

.pseudo-input {
    border: 1px solid #C4D0DA;
    padding-left: 0.76923rem;
    padding-right: 0.76923rem;
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: .5px;
    font-style: normal;
    font-size: 1rem;
    color: #1D252C;
    transition: box-shadow .2s ease-out;
    outline: none;
}

.pseudo-input:hover {
    color: #1D252C;
}

/** Text Inputs **/
textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 30px;
    width: 100%;
    resize: vertical;
}

.textAreaPanel textarea {
    width: 100%;
}

/** Start Select Field **/
input[type].select-dropdown, .pseudoSelect .curValue {
    position: relative;
}

.caret.disabled,
.select-wrapper.disabled .caret {
    opacity: .8;
    cursor: default;
}

.custom-select,
.simpleGwt-ComboBox,
.select-wrapper {
    position: relative;
}

.select2-selection__arrow b,
.custom-select .caret,
.simpleGwt-ComboBox .caret,
.select-wrapper .caret {
    position: absolute;
    top: 1px;
    bottom: 1px;
    right: 1px;
    width: 30px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    font-size: 0;
    cursor: pointer;
    color: #C4D0DA;
}

.select2-selection__arrow b:before,
.custom-select .caret:before,
.simpleGwt-ComboBox .caret:before,
.select-wrapper .caret:before {
    margin: 0 !important;
    line-height: 1;
}

html[dir="rtl"] .select2-selection__arrow b, html[dir="rtl"]
.custom-select .caret, html[dir="rtl"]
.simpleGwt-ComboBox .caret, html[dir="rtl"]
.select-wrapper .caret {
    right: auto;
    left: 1px;
}

.simpleGwt-ComboBox {
    display: block !important;
}

.simpleGwt-ComboBox .form-control {
    width: 100%;
    padding-right: 30px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.simpleGwt-ComboBox .caret:before {
    margin-left: 5px;
}

.simpleGwt-ComboBox .ficon--cancel {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.select2-selection__arrow b:before,
.custom-select .caret:before,
.select-wrapper .caret:before {
    font-size: 1.8rem;
}

.select-wrapper select {
    display: none;
}

.select-wrapper select.browser-default {
    display: block;
}

.select-wrapper > .dropdown-content > li > a,
.select-wrapper > .dropdown-content > li > span {
    padding-left: 0.76923rem !important;
    padding-right: 0.76923rem !important;
    letter-spacing: .5px;
}

.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b,
.select-wrapper input.select-dropdown:disabled {
    color: #8299ad !important;
    background-color: #f5f7f9 !important;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select-wrapper i {
    color: rgba(0, 0, 0, 0.3);
}

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
    color: #8299ad !important;
    background-color: #f5f7f9 !important;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select-dropdown li.optgroup {
    font-weight: bold;
    text-transform: uppercase;
}

/***************
  End Select Field
***************/
/***************************
   Text Inputs + Textarea
****************************/
select {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAGCAYAAAGwZV42AAAAAXNSR0IArs4c6QAAAIpJREFUKBVjYMALgtPK/+NVQFgyJK38IUhVcFrFA8KqiVTBGJpWHsXOwLwfpP4H0z+nNTM6luLVG5JePg/ohN14FQElGUMzK+3///23hpGRyX71zPZrMA2h6ZVa////P8DAxBAGtO0ATJxYmhGmMCS9opLh//8woIDDf0bG/UD2mjWzOttg8oOGBgBeICwSAz7qXQAAAABJRU5ErkJggg==) no-repeat 100% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-sizing: border-box;
    padding-right: 2.5rem;
    padding-left: 0.76923rem;
    height: 2.5rem;
    width: 100%;
    border-color: #C4D0DA;
}

.select-wrapper select {
    height: 100%;
}

select ::-ms-expand {
    display: none;
}

select:focus {
    border-color: #536677;
}

select:hover, select:focus {
    outline: none !important;
}

select option:hover, select option:focus, select option:checked {
    color: #1071e3;
}

select[readonly="readonly"] {
    color: #8299ad !important;
    background-color: #f5f7f9 !important;
    cursor: default;
}

select:disabled {
    color: #8299ad !important;
    background-color: #f5f7f9 !important;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

select[multiple] {
    background-image: none;
}

.custom-select {
    display: inline-block;
}

.custom-select select {
    position: relative;
    z-index: 1;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select .caret {
    z-index: 0;
}

.input-two-digit {
    width: 36px;
    max-width: 36px;
}

/***************************
   GWT FORM ELEMENTS
****************************/
.form-group {
    margin-bottom: 1.8rem;
}

.form-compressed .form-group {
    margin-bottom: 1.35rem;
}

.form-group__label span + .gwt-CheckBox {
    margin-left: 5px;
}

.form-group__content {
    min-height: 2.5rem;
}

.form-group__content label + label {
    margin-left: 10px;
}

.form-group__content table[style*='display: inline'] {
    display: table !important;
}

.simpleGwt-ComboBox.simpleGwt-ComboBox--w-reset .gwt-SuggestBox {
    padding-right: 54px !important;
}

.simpleGwt-ComboBox input .gwt-SuggestBox {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.operPanel .simpleGwt-ComboBox input {
    display: block !important;
    max-width: 180px;
    color: #1D252C !important;
}

.operPanel .simpleGwt-ComboBox.mod--longer input {
    max-width: none;
}

.simpleGwt-ComboBox.mod--longer {
    width: 280px;
}

.simpleGwt-ComboBox .gwt-SuggestBox + .caret:before {
    font-size: 1.3rem;
}

.simpleGwt-ComboBox.is-loading .gwt-SuggestBox + .caret:before {
    height: 100%;
    width: 100%;
    content: '';
    background: url("/mainStyles/new-ui/images/spinner.svg") 50% 50%;
}

.operPanel .simpleGwt-ComboBox {
    float: none !important;
    margin: 0 !important;
}

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

.timer__body .simpleGwt-ComboBox .caret {
    width: 35px;
}

.timer__body .simpleGwt-ComboBox .caret:before {
    font-size: 1rem;
}

.input-group .input-field {
    height: 2.5rem;
    line-height: 1.7;
}

.gwt-PasswordTextBox,
.form-control {
    box-sizing: border-box;
    border: 1px solid #C4D0DA;
    height: 2.5rem;
    line-height: 1.7;
    text-decoration: none;
    font-style: normal;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
}

.gwt-PasswordTextBox:not(table),
.form-control:not(table) {
    display: block;
}

.state-off .gwt-PasswordTextBox, .state-off
.form-control {
    opacity: .6;
}

[class*="col-"] > .gwt-PasswordTextBox, [class*="col-"] >
.form-control {
    width: 100%;
}

.gwt-PasswordTextBox input[type="text"],
.form-control input[type="text"] {
    height: 2.33333rem;
}

.gwt-PasswordTextBox,
.gwt-PasswordTextBox .select-dropdown,
.gwt-PasswordTextBox .gwt-SuggestBox,
.gwt-PasswordTextBox .select2.select2-container--default .select2-selection--multiple,
.gwt-PasswordTextBox .select2.select2-container--default .select2-selection--single,
.gwt-PasswordTextBox .select2.select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control,
.form-control .select-dropdown,
.form-control .gwt-SuggestBox,
.form-control .select2.select2-container--default .select2-selection--multiple,
.form-control .select2.select2-container--default .select2-selection--single,
.form-control .select2.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-radius: 3px;
    font-size: 1rem;
    color: #1D252C;
    padding: 0.375rem 0.76923rem;
    text-overflow: ellipsis;
}

.gwt-PasswordTextBox:focus,
.gwt-PasswordTextBox .select-dropdown:focus,
.gwt-PasswordTextBox .gwt-SuggestBox:focus,
.gwt-PasswordTextBox .select2.select2-container--default .select2-selection--multiple:focus,
.gwt-PasswordTextBox .select2.select2-container--default .select2-selection--single:focus,
.gwt-PasswordTextBox .select2.select2-container--default.select2-container--focus .select2-selection--multiple:focus,
.form-control:focus,
.form-control .select-dropdown:focus,
.form-control .gwt-SuggestBox:focus,
.form-control .select2.select2-container--default .select2-selection--multiple:focus,
.form-control .select2.select2-container--default .select2-selection--single:focus,
.form-control .select2.select2-container--default.select2-container--focus .select2-selection--multiple:focus {
    outline: none;
}

.gwt-PasswordTextBox .select-wrapper.gwt-ListBox,
.gwt-PasswordTextBox .select-dropdown,
.gwt-PasswordTextBox .gwt-SuggestBox,
.form-control .select-wrapper.gwt-ListBox,
.form-control .select-dropdown,
.form-control .gwt-SuggestBox {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    min-height: 100%;
    outline: none;
}

.gwt-PasswordTextBox .select-dropdown,
.form-control .select-dropdown {
    padding-right: 30px;
}

html[dir="rtl"] .gwt-PasswordTextBox .select-dropdown, html[dir="rtl"]
.form-control .select-dropdown {
    padding-right: 0.76923rem;
    padding-left: 30px;
}

.gwt-PasswordTextBox .select-dropdown > li,
.form-control .select-dropdown > li {
    padding-left: 0;
    padding-right: 0;
}

.gwt-PasswordTextBox.simpleGwt-ComboBox, .gwt-PasswordTextBox.listbox-wrapper,
.form-control.simpleGwt-ComboBox,
.form-control.listbox-wrapper {
    padding: 0;
}

.gwt-PasswordTextBox.simpleGwt-ComboBox,
.form-control.simpleGwt-ComboBox {
    padding-left: 0.76923rem;
}

.gwt-PasswordTextBox.simpleGwt-ComboBox .gwt-SuggestBox,
.gwt-PasswordTextBox.simpleGwt-ComboBox .form-control,
.form-control.simpleGwt-ComboBox .gwt-SuggestBox,
.form-control.simpleGwt-ComboBox .form-control {
    margin-right: -0.76923rem;
}

.gwt-PasswordTextBox.simpleGwt-ComboBox input.gwt-SuggestBox,
.form-control.simpleGwt-ComboBox input.gwt-SuggestBox {
    padding-right: 30px;
}

.gwt-PasswordTextBox input,
.form-control input {
    background-color: transparent;
}

.gwt-PasswordTextBox > .form-control,
.form-control > .form-control {
    padding: 0;
    border: 0;
}

.gwt-PasswordTextBox.timepicker__show, .gwt-PasswordTextBox:focus,
.form-control.timepicker__show,
.form-control:focus {
    border-color: #536677;
}

.filter_panel_flex .gwt-PasswordTextBox,
.searchForm .gwt-PasswordTextBox,
.widget-finder-search .gwt-PasswordTextBox,
.quick-add .gwt-PasswordTextBox,
.col-12 > .form-group > .gwt-PasswordTextBox,
.form-group__content .gwt-PasswordTextBox, .filter_panel_flex
.form-control,
.searchForm
.form-control,
.widget-finder-search
.form-control,
.quick-add
.form-control,
.col-12 > .form-group >
.form-control,
.form-group__content
.form-control {
    width: 100%;
}

.group-box__item-content .gwt-PasswordTextBox, .group-box__item-content
.form-control {
    height: 2.33333rem;
    line-height: 1.53333rem;
    border: none;
}

.gwt-PasswordTextBox .caret,
.form-control .caret {
    color: #C4D0DA;
}

.gwt-PasswordTextBox--light,
.form-control--light {
    border-color: transparent;
    height: 1.875rem;
    line-height: 1.275;
}

.gwt-PasswordTextBox--light input[type="text"],
.form-control--light input[type="text"] {
    height: 100%;
}

.gwt-PasswordTextBox--light .select-wrapper,
.form-control--light .select-wrapper {
    height: 100% !important;
}

.form-control.disabled, .form-control[disabled] {
    color: #8299ad !important;
    background-color: #f5f7f9 !important;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.form-control:not(.input-field) {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

div.form-control:not(.input-field):focus, div.form-control:not(.input-field):hover {
    position: relative;
    z-index: 999;
    overflow: visible;
    white-space: normal;
    text-shadow: -5px -5px 10px #fff, -4px -4px 10px #fff, -3px -3px 10px #fff, -2px -2px 10px #fff, -1px -1px 10px #fff, 0 0 10px #fff, 1px 1px 10px #fff, 2px 2px 10px #fff, 3px 3px 10px #fff, 4px 4px 10px #fff, 5px 5px 10px #fff;
}

textarea.form-control {
    height: auto;
}

/* Multi Look Up satrted*/
.auto_suggest {
    z-index: 20;
    background-color: white;
    padding: 10px;
    width: 400px;
    height: 230px;
}

.openIconWrapperFacebook {
    display: none !important;
}

.original-token {
    width: 396px;
    border: 1px solid #8496ba;
    font-size: 12px;
    /*font-family: Verdana;*/
    padding: 4px 8px;
}

.token-list-fb {
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #C4D0DA;
    background-color: #fff;
    cursor: text;
}

.token-list-fb .form-control {
    border-color: transparent !important;
}

.token-fb {
    float: left;
    display: flex;
    align-items: center;
    margin: 3px;
    padding: 1px 0 1px 3px;
    background-color: #eceff3;
    border: 1px solid #cdd5df;
    color: #000;
    cursor: default;
    font-size: 11px;
    border-radius: 5px;
}

.token-fb:hover {
    border-color: #536677;
}

.token-fb p {
    padding: 0;
    margin: 0;
}

.token-fb .close-x {
    border-left: 1px solid #cdd5df;
    margin-left: 5px;
}

.token-fb .close-x svg {
    transform: scale(0.75);
    transition: transform .3s ease;
}

.token-fb .close-x:hover svg {
    transform: scale(1);
}

.token-fb .close:before,
.token-fb .close--2:before {
    position: relative;
    top: -1px;
    font-size: 14px;
}

.selected-token-fb {
    border-color: #8d9ba8;
    background-color: #8d9ba8;
    color: #fff;
}

.selected-token-fb .ficon--cancel {
    color: #fff;
}

.selected-token-fb .ficon--cancel:hover {
    color: #eee;
}

.input-fb {
    position: relative;
    float: left;
    clear: both;
}

.token-fb + .input-fb:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #c3c3c3, #c3c3c3 75%, transparent 75%, transparent 100%);
    background-size: 10px 1px;
}

.compose__to .token-fb + .input-fb:before {
    display: none;
}

.input-fb .simpleGwt-ComboBox:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    height: 1.25rem;
    width: 1.25rem;
    margin-top: -0.625rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk5Nzc3ODc3MDJEQzExRUFCNkZFQjYwNEU5MzUyRUM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk5Nzc3ODc4MDJEQzExRUFCNkZFQjYwNEU5MzUyRUM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTk3Nzc4NzUwMkRDMTFFQUI2RkVCNjA0RTkzNTJFQzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTk3Nzc4NzYwMkRDMTFFQUI2RkVCNjA0RTkzNTJFQzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Ce8YXAAADkklEQVR42tSZWWgTQRjHN+n20LZpU1tRpIoXXoii1rNgUaTiUeiDoogHWi0iaH0RFUUfVFTwQgUfFI+KFUUk1gsVLAalFqEPguiLItbbKtjTahP/n/0WlmVm092dSDrwgzA7mfyYzH77zbe+s1dva61t7ZrP59MUtwAoBEVgEsgH2SAKvoLXoBbcB3WxJotEIlowK1PTSVax8BBQBhaBYZIxeWA0WAB2gnpwEVSCnzLhtNQUTSdRA48tFWwDm3l1nXxvKrMJ7AJV1kGGo1/Rqo4AD/nHAh7mGQ4ugdOgt2iACmHapzVgmsL9vwZUgxzrBd3jxGPBDRC0GfOJb64XoJn7+oJxYDJIl3xvFrjG+7xFhTDd8VdsZJ+DQ7xS3yVjBoNloAL0EVynCHMSrFKxJQ6CkZJr+8EUcN5GltobsIdX+o5kzEqw2KtwAYcuUVvP0aLNwXwUkxeCMzaLE/AivJ0ijaB/Bzjlcs5OsA7cE1wbBJa7FR4K5gv6w2Cvx5s4whGiUXBtNUhyI1wCki19UV5dFa0BHBX0jwcT3AjPEfQ9BY8UxuFz5lBmut+KnArTY3SUoL9aceLUIEmICpwK05MnV9Bfr6lvz0SJlVPhdF5l6/59Hwfhj4K+oIpcgoT/xEH4l6DP51T4N8dL682QFwfhfoK+ZqfC3ySP2jFxEBbN+cGpcAs/Rq2tWLFshiRdrXezh8OCvtlgoELhUtBf0F/jRviWJHpsVSRrHLWs7R144ka4VhJ3y8FcBcK7JQ8nyr2b3Ah3cmIuOm5V8knCbSuX/FOt4LiX9LJKkgbmcp1hnos5t9ikpofBWy/ClAaGbGoOtM9PcI0iVqNocBcckFyn7bfP65mu1OYHjLYBrAAPGDqEfubfHAAm8p4vtJmDKkRLzacX3aXsZZDSjbGZPL7U9M9091/9wd975aUu4UTWSx3kJcf2x14KKXayHWCj5EZ02qjqM0OWsvoVyS7hsFPMx/I6h5IdXJCZCdbalQZ0RbLXTX0XOB4XctVmOkeLHNMCUdb3hW9EOlrd5M8xm65Y1pwjh015RyZXdpJMuW6jw9pFTGG3sqLWxHhu/v8gq7T5e5KsSDihZa3CCS9rFi7pCbKGcBknxwkvawjnC4ojCSlrCNObn4qeIPvvwRGJROml3TFf14u6I6CdZUOJJEovFslVD2ZlaGmpyfTSjmqyvbSuymEo0VaWhLMD6dpfAQYAodrZ3MAazYwAAAAASUVORK5CYII") 0 0/contain no-repeat;
}

.compose__to .input-fb .simpleGwt-ComboBox:after {
    display: none;
}

.employee-assign-label {
    padding: 0 0 10px 0;
}

/* Multi Look Up end*/
/*  LookUp style  */
.simpleGwt-ComboBox input {
    padding-right: 25px;
}

.simpleGwt-ComboBox--w-reset input[type='text'] {
    padding-right: 55px;
}

.simpleGwt-ComboBox__reset {
    display: none !important;
}

.simpleGwt-ComboBox--w-reset .caret {
    right: 1.7692rem;
}

.simpleGwt-ComboBox--w-reset .simpleGwt-ComboBox__reset {
    position: absolute;
    top: 1px;
    bottom: 1px;
    right: 1px;
    width: 2.3076rem;
    font-size: 1.5384rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 0.2s ease-in;
    cursor: pointer;
    text-align: center;
    color: #8d9ba8;
}

.simpleGwt-ComboBox--w-reset span.dashboard__reset {
    top: -2px;
}

.simpleGwt-ComboBox__reset:hover {
    opacity: 0.6;
}

.quick-add:not(.user-menu-settings) .collapsible + .collapsible,
.quick-add:not(.user-menu-settings) .collapsible > li + li {
    margin-top: 10px;
}

.quick-add:not(.user-menu-settings) .collapsible-header {
    padding-left: 20px;
    background: #dfe3e8;
}

.quick-add:not(.user-menu-settings) .collapsible-header:hover, .quick-add:not(.user-menu-settings) .collapsible-header:focus {
    background-color: #f5f7f9;
}

.quick-add:not(.user-menu-settings) .collapsible-body {
    padding-top: 15px;
}


/*COMMON ASSETS*/
.nobr {
    white-space: nowrap;
}
.stack-x > * + * {
    margin-left: 1.66667rem;
}
.checkbox-stack .checkbox + .checkbox {
    margin-top: 10px;
}


/*CUSTOM LAYOUT OF WEBFORM*/
/*.spacing5-padding5,*/
.cm-webform {
    margin: 20px;
}

.cm-webform__header {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    text-align: center;
}

.cm-webform__header .sup-title {
    margin-top: -10px;
    font-weight: normal;
    font-size: 1.1rem;
}

.cm-webform__header .kpi-logo {
    margin-bottom: 40px;
}

.cm-webform__header hgroup {
    margin-bottom: 40px;
}

.cm-webform__header hgroup * {

}

.cm-webform__header h1 {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.5rem;
}

.cm-webform__header h2 {
    margin-top: 5px;
    font-weight: 500;
    font-size: 1.2rem;
}

.cm-webform .customTitle {

}

.cm-webform__footer {
    text-align: center;
}

.unsubscribe {
    margin: 20px;
    text-align: center;
}

.cm-webform__body {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}
/*.unsubscribe .form-group, */
.cm-webform .form-group {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.unsubscribe .form-group__label {
    font-weight: bold;
    text-align: left;
}

/*.unsubscribe .btn,*/
.cm-webform .btn {
    border-radius: 30px;
}


.caret {
    font-size: 0 !important;
}

.caret:before {
    content: '' !important;
    font-size: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: 0;
    border-style: solid;
    border-width: 0.20rem 0.20rem 0 0;
    height: 0.55rem;
    width: 0.55rem;
        transform: rotate(135deg);
}

.textarea-group + .upload-control {
    margin-top: 15px;
}
.textarea-group__sup,
.req {
    color: red;
}
.textarea-group__sup {
    margin-bottom: 15px;
}
.textarea-group__sub {
    font-size: .8rem;
    margin-top: 10px;
    text-transform: uppercase;
}
 .upload-control {}